/*==========================================================
   CUSTOM CSS FOR HOME PAGE - GENERAL STYLES
   Based on qumra.cloud design (https://qumra.cloud/)
==========================================================*/

/* Import Google Fonts - Using 'Inter' for a modern look */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

/* General Body Styles */
body {
    font-family: 'Inter', sans-serif !important;
    background-color: #f8f9fa !important; /* Very light grey/off-white */
    color: #343a40 !important; /* Dark grey for general text */
    line-height: 1.6 !important;
}

/* Base font size */
p, span, div, a, li, button, input, select, textarea {
    font-size: 16px !important;
}

/* Headings styles */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Inter', sans-serif !important;
    color: #212529 !important; /* Slightly darker for headings */
    font-weight: 600 !important; /* Semi-bold for headings */
}

/* Anchor links (general links) */
a {
    color: #007bff !important; /* Primary blue color */
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}
a:hover {
    color: #0056b3 !important; /* Darker blue on hover */
    text-decoration: none !important;
}

/* Buttons general styling */
.btn {
    font-family: 'Inter', sans-serif !important;
    border-radius: 8px !important; /* Consistent rounded corners */
    padding: 10px 25px !important;
    font-weight: 600 !important;
    text-transform: capitalize !important; /* Capitalize text */
    transition: all 0.3s ease !important;
    border: none !important; /* Remove default border */
    cursor: pointer !important;
}

/* Primary Button Style */
.btn-primary, .btn-main, .login_signup a.create_profile {
    background-color: #007bff !important;
    color: #fff !important;
    box-shadow: 0 4px 10px rgba(0, 123, 255, 0.2) !important; /* Subtle shadow */
}
.btn-primary:hover, .btn-main:hover, .login_signup a.create_profile:hover {
    background-color: #0056b3 !important;
    color: #fff !important;
    box-shadow: 0 6px 15px rgba(0, 123, 255, 0.3) !important;
}

/* Secondary Button Style */
.btn-secondary {
    background-color: #6c757d !important;
    color: #fff !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important;
}
.btn-secondary:hover {
    background-color: #5a6268 !important;
    color: #fff !important;
}

/* Outline Button Style */
.btn-outline-primary {
    background-color: transparent !important;
    border: 1px solid #007bff !important;
    color: #007bff !important;
    box-shadow: none !important;
}
.btn-outline-primary:hover {
    background-color: #007bff !important;
    color: #fff !important;
    box-shadow: 0 4px 10px rgba(0, 123, 255, 0.2) !important;
}

/* Input Fields Styling */
.form-control {
    border-radius: 8px !important; /* Consistent rounded corners */
    border: 1px solid #ced4da !important;
    padding: 10px 15px !important;
    box-shadow: none !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}
.form-control:focus {
    border-color: #007bff !important; /* Primary blue on focus */
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important; /* Light focus shadow */
    outline: none !important;
}

/* Card Styles (e.g., for restaurant listing cards, feature boxes, pricing boxes) */
/* Assuming common QrexOrder classes for cards */
.card, .single_features_box, .single_price_box, .single_blog, .single_package_box {
    border-radius: 10px !important; /* Slightly more rounded cards */
    border: none !important;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.05) !important; /* Subtle shadow */
    overflow: hidden !important; /* Ensure content stays within rounded corners */
    background-color: #ffffff !important; /* White background for cards */
}

/* Preloader (if it's affecting layout/colors) */
#preloader {
    background-color: #f8f9fa !important; /* Match overall background */
}
#preloader .preloader_1 span { /* Example for spinner if it's default #007bff */
    background: #007bff !important;
}

/* Ensure any default background-color from Bootstrap is overridden for body */
body.bg-light {
    background-color: #f8f9fa !important;
}


/*==========================================================
   CUSTOM CSS FOR HOME PAGE - HEADER SECTION
   Based on qumra.cloud design (https://qumra.cloud/)
==========================================================*/

/* --------------------------------------
   1. Top Menu Section (homeTopMenu) - qumra.cloud doesn't have this prominent top bar
-------------------------------------- */
.homeTopMenu {
    display: none !important; /* Hide the top menu as qumra.cloud doesn't feature one */
    /* If you MUST keep it, uncomment and adjust these styles:
    background-color: #f8f9fa !important;
    color: #6c757d !important;
    padding: 5px 0 !important;
    font-size: 13px !important;
    border-bottom: 1px solid #e9ecef !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    */
}
/* If keeping the top menu, ensure links/icons are styled minimally:
.homeTopMenu a {
    color: #6c757d !important;
}
.homeTopMenu a:hover {
    color: #007bff !important;
}
.homeTopMenu .left_top_menu li a i,
.homeTopMenu .right_top_menu li a i {
    margin-right: 8px !important;
    margin-left: 0 !important;
}
*/


/* --------------------------------------
   2. Main Navigation (homeMenuNav) - Simplified and modern look
-------------------------------------- */
.home_page_navbar {
    position: relative !important;
    z-index: 1050 !important; /* Higher z-index to ensure it's on top */
    width: 100% !important;
}

.homeMenuNav {
    background-color: #ffffff !important; /* Pure white background */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important; /* Slightly more pronounced but soft shadow */
    padding: 15px 0 !important; /* Increased vertical padding */
    border-bottom: none !important; /* Remove any default bottom border */
}

.homeMenuNav .container {
    max-width: 1200px !important; /* Wider container for spacious feel */
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.homeMenuNav .navbar-brand {
    padding: 0 !important;
    margin-right: 30px !important;
    display: flex !important;
    align-items: center !important;
}

.homeMenuNav .navbar-brand .logo {
    max-height: 45px !important; /* Adjust logo height as needed */
    width: auto !important;
}

.homeMenuNav .navbar-toggler {
    border: none !important;
    outline: none !important;
    padding: 0.25rem 0.75rem !important;
}
.homeMenuNav .navbar-toggler:focus {
    box-shadow: none !important;
}
/* Ensure the toggler icon is visible and themed */
.homeMenuNav .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}


.homeMenuNav .navbar-nav {
    margin-left: auto !important; /* Push menu items to center/right in large screens */
    align-items: center !important;
}

.homeMenuNav .navbar-nav .nav-item {
    margin: 0 12px !important; /* Spacing between nav items */
}

.homeMenuNav .navbar-nav .nav-link {
    color: #343a40 !important;
    font-weight: 500 !important; /* Medium font weight */
    padding: 10px 15px !important;
    position: relative !important;
    transition: color 0.3s ease !important;
}

.homeMenuNav .navbar-nav .nav-link:hover,
.homeMenuNav .navbar-nav .nav-item.active .nav-link {
    color: #007bff !important; /* Primary blue on hover/active */
}

/* Remove any existing custom underline effects */
.homeMenuNav .navbar-nav .nav-link::after {
    display: none !important;
}


/* Right bar for login/signup buttons */
.homeMenuNav .right_bar {
    display: flex !important;
    align-items: center !important;
    margin-left: 20px !important; /* Space from main menu */
}

.homeMenuNav .right_bar .login_signup {
    display: flex !important;
    align-items: center !important;
}

.homeMenuNav .right_bar .login_signup a {
    background-color: transparent !important;
    color: #343a40 !important;
    border: 1px solid #ced4da !important;
    border-radius: 8px !important;
    padding: 8px 18px !important;
    margin-left: 10px !important;
    transition: all 0.3s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    box-shadow: none !important;
}
/* Login button style */
.homeMenuNav .right_bar .login_signup a[href*="login"] {
    background-color: transparent !important;
    color: #343a40 !important;
    border: 1px solid #ced4da !important;
}
.homeMenuNav .right_bar .login_signup a[href*="login"]:hover {
    background-color: #f0f2f5 !important; /* Light hover background */
    color: #007bff !important;
    border-color: #007bff !important;
    box-shadow: none !important;
}


/* Signup button style (primary) */
.homeMenuNav .right_bar .login_signup a[href*="sign-up"],
.homeMenuNav .right_bar .login_signup a[href*="pricing"] { /* Target signup or pricing link for primary style */
    background-color: #007bff !important;
    border-color: #007bff !important;
    color: #fff !important;
    box-shadow: 0 4px 10px rgba(0, 123, 255, 0.2) !important;
}
.homeMenuNav .right_bar .login_signup a[href*="sign-up"]:hover,
.homeMenuNav .right_bar .login_signup a[href*="pricing"]:hover {
    background-color: #0056b3 !important;
    border-color: #0056b3 !important;
    color: #fff !important;
    box-shadow: 0 6px 15px rgba(0, 123, 255, 0.3) !important;
}

.homeMenuNav .right_bar .login_signup a i {
    margin-right: 5px !important;
}

/* Language Dropdown */
.homeMenuNav .gLanguage .glanguageList {
    margin-left: 10px !important;
    margin-right: 10px !important;
}
.homeMenuNav .languageDropdown {
    border-radius: 8px !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
    background-color: #ffffff !important;
}
.homeMenuNav .languageDropdown .dropdown-item {
    color: #343a40 !important;
    padding: 8px 15px !important;
}
.homeMenuNav .languageDropdown .dropdown-item:hover {
    background-color: #e9ecef !important;
    color: #007bff !important;
}

/* Adjustments for RTL (Right-to-Left) if direction is rtl */
[dir="rtl"] .homeMenuNav .navbar-brand {
    margin-left: 30px !important;
    margin-right: 0 !important;
}
[dir="rtl"] .homeMenuNav .navbar-nav {
    margin-right: auto !important; /* Push menu items to center/left in large screens for RTL */
    margin-left: 0 !important;
}
[dir="rtl"] .homeMenuNav .right_bar {
    margin-right: 20px !important;
    margin-left: 0 !important;
}
[dir="rtl"] .homeMenuNav .right_bar .login_signup a {
    margin-right: 10px !important;
    margin-left: 0 !important;
}
[dir="rtl"] .homeMenuNav .right_bar .login_signup a i {
    margin-left: 5px !important;
    margin-right: 0 !important;
}
[dir="rtl"] .homeMenuNav .gLanguage .glanguageList {
    margin-right: 10px !important;
    margin-left: 10px !important;
}