/*
 * SWIPR THEME v6.0 — Production Ready
 * Uber-inspired: clean, minimal, enterprise
 * Mobile-first responsive design
 */
:root {
  --swipr-blue: #2563FF;
  --swipr-blue-hover: #1d4ed8;
  --swipr-blue-light: #eff6ff;
  --swipr-dark: #000000;
  --swipr-gray-700: #374151;
  --swipr-gray-500: #6b7280;
  --swipr-gray-300: #d1d5db;
  --swipr-gray-100: #f3f4f6;
  --swipr-gray-50: #f9fafb;
  --swipr-white: #ffffff;
  --swipr-border: #e5e7eb;
  --swipr-radius: 12px;
  --swipr-font: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
}
body { font-family: var(--swipr-font) !important; background: var(--swipr-white) !important; color: var(--swipr-dark) !important; }

/* ═══ NAVBAR — Compact Swipr Blue ═══ */
header, .top-header, .sub-header { background: var(--swipr-blue) !important; border: none !important; box-shadow: none !important; }
.top-header { padding: 0 !important; }
.top-header .navbar, .custom-navbar { background: transparent !important; padding: 8px 0 !important; min-height: 56px !important; }
.navbar-brand img { filter: brightness(0) invert(1) !important; max-height: 24px !important; }
.navbar-nav .nav-link { color: var(--swipr-white) !important; font-weight: 500 !important; font-size: 14px !important; text-transform: none !important; padding: 6px 12px !important; opacity: 0.9; }
.navbar-nav .nav-link:hover, .navbar-nav .nav-link.active { opacity: 1; }

/* Nav right items — white on blue */
.nav-right .currency-btn, .nav-right .language-btn, .nav-right .icon, .nav-right .icon i,
.nav-right .currency-btn span, .nav-right .language-btn span { color: var(--swipr-white) !important; background: transparent !important; border: none !important; }
.nav-right .language-btn img.lang-img, .nav-right .language-dropdown .onhover-show-div img,
.sub-header .language-btn img:not(.globe-icon), .nav-right .currency-btn img, .sub-header .currency-btn img { display: none !important; }
.language-btn .globe-icon { width: 16px !important; height: 16px !important; margin-right: 4px !important; filter: brightness(0) invert(1); }
.nav-right .currency-btn, .nav-right .no-dropdown a.currency-btn { background: transparent !important; border: none !important; color: var(--swipr-white) !important; padding: 6px 8px !important; font-size: 14px !important; }
.nav-right li, .nav-right .nav-item-right { background: transparent !important; border: none !important; }

/* Shopping cart — white */
.nav-right .cart-btn, .nav-right .cart-icon, .nav-right a[href*="cart"], .nav-right .cart-btn i, .nav-right .cart-icon i { color: var(--swipr-white) !important; }

/* Location picker — Swipr Blue pill */
.location-btn, .location-dropdown .location-btn { background: rgba(255,255,255,0.15) !important; border: 1px solid rgba(255,255,255,0.3) !important; border-radius: 50px !important; color: var(--swipr-white) !important; padding: 6px 14px !important; font-size: 13px !important; }
.location-btn span, .location-btn .location-place, .location-btn i, .location-btn .arrow { color: var(--swipr-white) !important; }
.location-btn .iconsax, .location-btn svg { color: var(--swipr-white) !important; fill: var(--swipr-white) !important; }

/* Auth block */
.swipr-auth-block { display: flex !important; align-items: center !important; gap: 6px !important; background: transparent !important; padding: 0 !important; margin-left: 8px !important; }
.swipr-auth-block .swipr-nav-link { color: var(--swipr-white) !important; font-weight: 500 !important; font-size: 14px !important; padding: 6px 10px !important; text-decoration: none !important; opacity: 0.9 !important; }
.swipr-auth-block .swipr-nav-link:hover { opacity: 1 !important; }
.swipr-auth-block .swipr-signup-btn { background: var(--swipr-white) !important; color: var(--swipr-dark) !important; border-radius: 50px !important; padding: 7px 18px !important; font-weight: 600 !important; font-size: 14px !important; text-decoration: none !important; }
.swipr-auth-block .swipr-signup-btn:hover { background: var(--swipr-gray-100) !important; }

/* Profile logged in */
.profile-btn, .profile-dropdown .profile-btn, .profile-btn .profile-name, .profile-btn .profile-text { color: var(--swipr-white) !important; }
.login-btn .btn-outline, .login-btn a { background: transparent !important; color: var(--swipr-white) !important; border: 2px solid var(--swipr-white) !important; border-radius: 50px !important; padding: 6px 18px !important; font-size: 14px !important; }
.login-btn .btn-outline:hover, .login-btn a:hover { background: var(--swipr-white) !important; color: var(--swipr-blue) !important; }

/* Mobile toggler */
.navbar-toggler { border-color: rgba(255,255,255,0.4) !important; }
.navbar-toggler-icon { filter: brightness(0) invert(1) !important; }

/* Dropdown menus */
.nav-right .onhover-show-div { background: var(--swipr-white) !important; border-radius: 8px !important; box-shadow: 0 8px 30px rgba(0,0,0,0.12) !important; }
.nav-right .onhover-show-div a, .nav-right .onhover-show-div li { color: var(--swipr-dark) !important; }
.sub-header .nav-right .currency-btn, .sub-header .nav-right .language-btn { color: var(--swipr-dark) !important; }

/* ═══ HERO — Centered, Clean ═══ */
.home-section, .home-section-bg, .banner-section, .home-contain { background: var(--swipr-white) !important; }
.home-icon, .home-icon *, svg.image-1, img.image-2, img.image-3, .home-section svg, .home-section > .home-icon,
[class*="decor"], .dots-image, [class*="dot-"] { display: none !important; visibility: hidden !important; }
.home-section::before, .home-section::after, .banner-section::before, .banner-section::after { display: none !important; }

.home-contain { text-align: center !important; padding: 56px 20px 40px !important; max-width: 680px !important; margin: 0 auto !important; }
.home-contain h1 { color: var(--swipr-dark) !important; font-size: 52px !important; font-weight: 700 !important; line-height: 1.08 !important; letter-spacing: -0.03em !important; text-align: center !important; margin-bottom: 18px !important; }
.home-contain h1 .hero-lead, .home-contain h1 .home-animation { display: inline !important; font-size: inherit !important; font-weight: inherit !important; color: var(--swipr-dark) !important; -webkit-text-fill-color: var(--swipr-dark) !important; background: none !important; }
.home-animation .shape, .home-animation img, .home-contain h1 span img { display: none !important; }
.home-contain .home-animation, .home-contain h1 .home-animation { text-transform: none !important; }
.home-contain p { color: var(--swipr-gray-500) !important; font-size: 17px !important; text-align: center !important; max-width: 460px !important; margin: 0 auto 28px auto !important; line-height: 1.5 !important; }

/* ═══ SEARCH BAR — with search icon left, Find button right ═══ */
.home-contain form, .home-contain .search-section, .home-contain .home-search { max-width: 500px !important; margin: 0 auto !important; }
.service-search, .search-section { background: var(--swipr-gray-50) !important; border: 1px solid var(--swipr-border) !important; border-radius: var(--swipr-radius) !important; box-shadow: none !important; }
.home-search-uber { max-width: 500px !important; margin: 0 auto !important; padding: 5px !important; background: var(--swipr-gray-100) !important; border: 1px solid var(--swipr-border) !important; border-radius: 14px !important; }
.home-search-uber .input-group { background: var(--swipr-white) !important; border: none !important; border-radius: 10px !important; padding: 2px 2px 2px 12px !important; }
.home-search-uber .input-group .position-relative .form-control { border: none !important; padding: 10px 10px 10px 34px !important; background: transparent !important; font-size: 15px !important; }
.home-search-uber .input-group .position-relative .form-control::placeholder { color: var(--swipr-gray-500) !important; }
.home-search-uber .input-group .position-relative i { color: var(--swipr-gray-500) !important; left: 8px !important; font-size: 18px !important; }
.home-search-uber .input-group .btn-solid { border-radius: 8px !important; padding: 10px 20px !important; font-weight: 600 !important; background: var(--swipr-dark) !important; color: var(--swipr-white) !important; font-size: 14px !important; }

/* ═══ BUTTONS ═══ */
.btn-solid, .btn-primary, .btn[class*="solid"] { background: var(--swipr-dark) !important; color: var(--swipr-white) !important; border: none !important; border-radius: 8px !important; font-weight: 600 !important; padding: 12px 24px !important; }
.btn-solid:hover, .btn-primary:hover { background: #222 !important; }
.btn-outline { border: 2px solid var(--swipr-dark) !important; color: var(--swipr-dark) !important; background: transparent !important; border-radius: 8px !important; }
.btn-outline:hover { background: var(--swipr-dark) !important; color: var(--swipr-white) !important; }

/* ═══ SECTIONS + CARDS ═══ */
section { padding: 48px 0 !important; }
section h2, .title-1 h2, .section-title h2 { color: var(--swipr-dark) !important; font-weight: 700 !important; font-size: 30px !important; letter-spacing: -0.02em !important; }
.title-1::after, .title-basic::after, h2::after { background-color: var(--swipr-blue) !important; }

/* Category cards */
.category-box, .category-card, .category-content { background: var(--swipr-gray-50) !important; border: 1px solid var(--swipr-border) !important; border-radius: var(--swipr-radius) !important; box-shadow: none !important; transition: all 0.2s !important; }
.category-box:hover, .category-card:hover { border-color: var(--swipr-blue) !important; box-shadow: 0 4px 16px rgba(37,99,255,0.1) !important; transform: translateY(-2px) !important; }

/* Service/Deal/Provider cards */
.service-card, .service-box, .deal-card, .deal-box, .deal-content { background: var(--swipr-gray-50) !important; border: 1px solid var(--swipr-border) !important; border-radius: var(--swipr-radius) !important; }
.provider-box, .expert-card { background: var(--swipr-gray-50) !important; border: 1px solid var(--swipr-border) !important; border-radius: var(--swipr-radius) !important; }
.sale-badge, .badge-sale, [class*="sale"], .banner-badge { display: none !important; }

/* View all */
.view-all, a[class*="view-all"], .title-1 a { color: var(--swipr-dark) !important; font-weight: 500 !important; }
.view-all:hover, .title-1 a:hover { color: var(--swipr-blue) !important; }

/* Dark sections → white */
.become-provider-section, .expert-provider-section, section.dark-section, .provider-section-bg, .expert-section { background: var(--swipr-white) !important; color: var(--swipr-dark) !important; }
.become-provider-section h2, .expert-section h2 { color: var(--swipr-dark) !important; }
.become-provider-section p, .expert-section p { color: var(--swipr-gray-500) !important; }
.download-section, .app-section { background: var(--swipr-gray-50) !important; }

/* Offer/deal placeholder images — hide template defaults */
.offer-img img[src*="frontend/images/offer"] { display: none !important; }
.offer-img { min-height: 50px !important; background: linear-gradient(135deg, var(--swipr-blue-light), var(--swipr-gray-100)) !important; border-radius: 8px 8px 0 0 !important; }
img[src*="No-image-found"] { display: none !important; }

/* ═══ MAP / LOCATION MODAL ═══ */
.location-modal, .zone-modal, [class*="location-modal"], [class*="zone-modal"] { border-radius: 16px !important; }
.location-modal .modal-header, .zone-modal .modal-header { background: var(--swipr-blue) !important; color: var(--swipr-white) !important; border-radius: 16px 16px 0 0 !important; }
.location-modal .modal-header h5, .zone-modal .modal-header h5 { color: var(--swipr-white) !important; }
.location-modal .btn-close, .zone-modal .btn-close { filter: brightness(0) invert(1) !important; }
.location-modal .btn-solid, .zone-modal .btn-solid { background: var(--swipr-blue) !important; }
.location-modal .btn-solid:hover, .zone-modal .btn-solid:hover { background: var(--swipr-blue-hover) !important; }
.pac-container { border-radius: 8px !important; border: 1px solid var(--swipr-border) !important; box-shadow: 0 4px 20px rgba(0,0,0,0.1) !important; }

/* ═══ NEWSLETTER — Swipr Blue ═══ */
.subscribe-section, .newsletter-section, .subscribe-contain, .subscribe-bg, .newsletter-bg, [class*="subscribe"], [class*="newsletter-bg"] { background: var(--swipr-blue) !important; background-image: none !important; }
.subscribe-section *, .newsletter-section * { background-image: none !important; }
.subscribe-section img:not(input), .newsletter-section .newsletter-img, .subscribe-section .subscribe-img, .subscribe-section svg, .newsletter-section svg, .subscribe-section [class*="dot"], .newsletter-section [class*="dot"] { display: none !important; }
.subscribe-section h2, .newsletter-section h2 { color: var(--swipr-white) !important; text-transform: none !important; font-size: 24px !important; }
.subscribe-section p, .newsletter-section p { color: rgba(255,255,255,0.8) !important; }
.subscribe-section input, .newsletter-section input { background: var(--swipr-white) !important; border: none !important; border-radius: 8px !important; }
.subscribe-section .btn, .newsletter-section .btn { background: var(--swipr-dark) !important; color: var(--swipr-white) !important; border: none !important; }

/* ═══ FOOTER — Swipr Blue ═══ */
footer, .footer-section, .footer-section .footer-bg, footer .container-fluid-xl { background: var(--swipr-blue) !important; background-image: none !important; }
.footer-logo img { filter: brightness(0) invert(1) !important; max-height: 26px !important; }
footer h4, .footer-section h4 { color: var(--swipr-white) !important; font-weight: 600 !important; font-size: 15px !important; text-transform: none !important; }
footer a, .footer-section a { color: rgba(255,255,255,0.75) !important; font-size: 14px !important; }
footer a:hover, .footer-section a:hover { color: var(--swipr-white) !important; }
footer hr, .footer-section hr { border-color: rgba(255,255,255,0.2) !important; }
.footer-bottom, .footer-copyright { border-top: 1px solid rgba(255,255,255,0.2) !important; color: rgba(255,255,255,0.7) !important; font-size: 13px !important; }
footer img { filter: brightness(0) invert(1) !important; }

/* ═══ PAGES — Auth, About, Content, Breadcrumb ═══ */
.auth-section { background: var(--swipr-white) !important; }
.auth-form .btn-solid { width: 100% !important; }
.breadcrumb-section { background: var(--swipr-blue) !important; padding: 32px 0 !important; }
.breadcrumb-section h2, .breadcrumb-section .breadcrumb-item, .breadcrumb-section .breadcrumb-item a, .breadcrumb-section .breadcrumb-item.active { color: var(--swipr-white) !important; }
.breadcrumb-section::before, .breadcrumb-section::after { display: none !important; }
.breadcrumb-item+.breadcrumb-item::before { color: rgba(255,255,255,0.6) !important; }
.page-content, .about-content, .cms-content { color: var(--swipr-gray-700) !important; font-size: 16px !important; line-height: 1.7 !important; }
.page-content h2, .about-content h2 { color: var(--swipr-dark) !important; font-weight: 700 !important; margin-top: 28px !important; }
.page-content h3, .about-content h3 { color: var(--swipr-dark) !important; font-weight: 600 !important; margin-top: 20px !important; }
.contact-section { background: var(--swipr-white) !important; }
.contact-section .btn-solid { background: var(--swipr-blue) !important; }
.contact-section .btn-solid:hover { background: var(--swipr-blue-hover) !important; }

/* ═══ CLEANUP ═══ */
.zone-alert, .not-in-service { background: var(--swipr-blue-light) !important; color: var(--swipr-blue) !important; border: 1px solid rgba(37,99,255,0.2) !important; border-radius: 8px !important; }
.no-data, .empty-box { color: var(--swipr-gray-500) !important; }
section::before, section::after { background-image: none !important; }
.announcement-bar { background: var(--swipr-blue) !important; }
a { color: var(--swipr-dark); text-decoration: none; }
a:hover { color: var(--swipr-blue); }

/* ═══════════════════════════════════════════════════
   TABLET (max-width: 991px)
   ═══════════════════════════════════════════════════ */
@media (max-width: 991px) {
  .top-header .navbar, .custom-navbar { padding: 6px 0 !important; min-height: 48px !important; }
  .navbar-brand img { max-height: 22px !important; }
  
  /* Compact mobile nav collapse */
  .navbar-collapse { background: var(--swipr-blue) !important; padding: 12px 16px !important; border-radius: 0 0 12px 12px !important; margin-top: 8px !important; }
  .navbar-nav .nav-link { padding: 10px 0 !important; font-size: 15px !important; border-bottom: 1px solid rgba(255,255,255,0.1) !important; }
  .navbar-nav .nav-item:last-child .nav-link { border-bottom: none !important; }
  
  /* Sub-header mobile — arrange items in row */
  .sub-header { padding: 6px 0 !important; }
  .sub-header .nav-right { flex-wrap: nowrap !important; gap: 4px !important; }
  
  /* Auth block mobile */
  .swipr-auth-block { flex-wrap: wrap !important; gap: 6px !important; padding: 8px 0 !important; margin-left: 0 !important; }
  
  /* Location btn mobile */
  .location-btn, .location-dropdown .location-btn { padding: 5px 10px !important; font-size: 12px !important; }
  
  /* Hero tablet */
  .home-contain { padding: 40px 16px 30px !important; }
  .home-contain h1 { font-size: 36px !important; margin-bottom: 14px !important; }
  .home-contain p { font-size: 15px !important; margin-bottom: 22px !important; max-width: 400px !important; }
  
  /* Search bar tablet */
  .home-search-uber, .home-contain form, .home-contain .search-section, .home-contain .home-search { max-width: 420px !important; margin: 0 auto !important; }
  
  /* Sections tablet */
  section { padding: 36px 0 !important; }
  section h2, .title-1 h2 { font-size: 24px !important; }
  .subscribe-section h2, .newsletter-section h2 { font-size: 20px !important; }
}

/* ═══════════════════════════════════════════════════
   MOBILE (max-width: 576px)
   ═══════════════════════════════════════════════════ */
@media (max-width: 576px) {
  .top-header .navbar, .custom-navbar { padding: 5px 0 !important; min-height: 44px !important; }
  .navbar-brand img { max-height: 20px !important; }
  
  /* Hero mobile — compact, readable */
  .home-contain { padding: 28px 16px 24px !important; max-width: 100% !important; }
  .home-contain h1 { font-size: 26px !important; line-height: 1.12 !important; margin-bottom: 10px !important; letter-spacing: -0.02em !important; }
  .home-contain p { font-size: 14px !important; margin-bottom: 18px !important; max-width: 320px !important; line-height: 1.45 !important; }
  
  /* Search bar mobile — full width, compact */
  .home-search-uber, .home-contain form, .home-contain .search-section, .home-contain .home-search { max-width: 100% !important; margin: 0 16px !important; padding: 4px !important; border-radius: 12px !important; }
  .home-search-uber .input-group { padding: 2px 2px 2px 10px !important; border-radius: 8px !important; }
  .home-search-uber .input-group .position-relative .form-control { padding: 8px 8px 8px 30px !important; font-size: 14px !important; }
  .home-search-uber .input-group .position-relative i { left: 6px !important; font-size: 16px !important; }
  .home-search-uber .input-group .btn-solid { padding: 8px 16px !important; font-size: 13px !important; border-radius: 6px !important; }
  
  /* Sections mobile */
  section { padding: 24px 0 !important; }
  section h2, .title-1 h2 { font-size: 20px !important; }
  .subscribe-section h2, .newsletter-section h2 { font-size: 18px !important; }
  
  /* Breadcrumb mobile */
  .breadcrumb-section { padding: 20px 0 !important; }
  .breadcrumb-section h2 { font-size: 20px !important; }
  
  /* Footer mobile */
  footer h4, .footer-section h4 { font-size: 14px !important; margin-bottom: 10px !important; }
  footer a, .footer-section a { font-size: 13px !important; }
  
  /* Cards mobile */
  .category-box, .category-card { border-radius: 8px !important; }
  
  /* Location btn mobile */
  .location-btn, .location-dropdown .location-btn { padding: 4px 8px !important; font-size: 11px !important; border-radius: 20px !important; }
}

/* ═══════════════════════════════════════════════════
   SMALL MOBILE (max-width: 380px)
   ═══════════════════════════════════════════════════ */
@media (max-width: 380px) {
  .home-contain h1 { font-size: 22px !important; }
  .home-contain p { font-size: 13px !important; max-width: 280px !important; }
  .home-search-uber .input-group .btn-solid { padding: 7px 12px !important; font-size: 12px !important; }
  .navbar-brand img { max-height: 18px !important; }
}


/* ═══════════════════════════════════════════════════
   RTL FIX — Force LTR for French (non-Arabic languages)
   ═══════════════════════════════════════════════════ */
html[dir="rtl"] { direction: ltr !important; }
html[dir="rtl"] body, html[dir="rtl"] * { direction: ltr !important; text-align: inherit !important; }

/* ═══════════════════════════════════════════════════
   FOOTER FIX — Ensure blue on ALL pages
   ═══════════════════════════════════════════════════ */
footer .container-fluid-lg { background: var(--swipr-blue) !important; }
footer h3, .heading-footer { color: var(--swipr-white) !important; font-weight: 600 !important; font-size: 15px !important; }
footer .nav-link { color: rgba(255,255,255,0.75) !important; }
footer .nav-link:hover { color: var(--swipr-white) !important; }
footer svg { fill: var(--swipr-white) !important; color: var(--swipr-white) !important; }
.heading-footer svg { display: inline-block !important; width: 18px !important; height: 18px !important; visibility: visible !important; }
.copyright { background: transparent !important; }
.copyright p { color: rgba(255,255,255,0.7) !important; }
footer li { color: rgba(255,255,255,0.75) !important; }
footer .btn-solid { background: var(--swipr-white) !important; color: var(--swipr-dark) !important; }
footer .btn-solid:hover { background: var(--swipr-gray-100) !important; }
.footer-section .nav { background: transparent !important; }

/* ═══════════════════════════════════════════════════
   MOBILE SIDEBAR — Full nav with links & auth
   ═══════════════════════════════════════════════════ */
@media (max-width: 1199px) {
  .navbar-collapse {
    background: var(--swipr-blue) !important;
    padding: 0 !important;
    position: fixed !important;
    top: 0 !important;
    left: -300px !important;
    width: 280px !important;
    height: 100vh !important;
    z-index: 9999 !important;
    transition: left 0.3s ease !important;
    overflow-y: auto !important;
    border-radius: 0 !important;
    margin-top: 0 !important;
  }
  .navbar-collapse.show { left: 0 !important; }
  .navbar-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 16px 20px !important;
    border-bottom: 1px solid rgba(255,255,255,0.15) !important;
  }
  .navbar-header h4 { color: var(--swipr-white) !important; font-size: 18px !important; font-weight: 600 !important; margin: 0 !important; }
  .navbar-header .btn-close { filter: brightness(0) invert(1) !important; opacity: 0.8 !important; }

  /* Sidebar nav links */
  .navbar-collapse .navbar-nav {
    display: flex !important; flex-direction: column !important; padding: 12px 0 !important;
  }
  .navbar-collapse .navbar-nav .nav-item { display: block !important; }
  .navbar-collapse .navbar-nav .nav-link {
    display: block !important; color: var(--swipr-white) !important;
    padding: 14px 24px !important; font-size: 16px !important; font-weight: 500 !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important; opacity: 0.9 !important;
  }
  .navbar-collapse .navbar-nav .nav-link:hover,
  .navbar-collapse .navbar-nav .nav-link.active { opacity: 1 !important; background: rgba(255,255,255,0.1) !important; }

  /* Mobile auth links inside sidebar */
  .navbar-collapse .swipr-auth-block {
    display: flex !important; flex-direction: column !important;
    padding: 16px 20px !important; gap: 10px !important; margin-left: 0 !important;
    border-top: 1px solid rgba(255,255,255,0.15) !important;
  }
  .navbar-collapse .swipr-auth-block .swipr-nav-link,
  .navbar-collapse .swipr-auth-block .swipr-signup-btn {
    display: block !important; text-align: center !important; width: 100% !important;
  }
}

/* ═══════════════════════════════════════════════════
   CONTACT PAGE — Clean Hopp-style
   ═══════════════════════════════════════════════════ */
.contact-us-form {
  background: var(--swipr-gray-50) !important; border-radius: 16px !important; padding: 32px !important;
  border: 1px solid var(--swipr-border) !important;
}
.contact-us-form label { color: var(--swipr-dark) !important; font-weight: 500 !important; font-size: 14px !important; }
.contact-us-form .form-control { border: 1px solid var(--swipr-border) !important; border-radius: 8px !important; padding: 10px 14px !important; }
.contact-us-form .form-control:focus { border-color: var(--swipr-blue) !important; box-shadow: 0 0 0 3px rgba(37,99,255,0.1) !important; }
.contact-info li { display: flex !important; align-items: flex-start !important; gap: 14px !important; margin-bottom: 24px !important; }
.contact-info li i { color: var(--swipr-blue) !important; font-size: 24px !important; flex-shrink: 0 !important; margin-top: 2px !important; }
.contact-info .detail h5 { color: var(--swipr-dark) !important; font-weight: 600 !important; margin-bottom: 4px !important; font-size: 15px !important; }
.contact-info .detail p { color: var(--swipr-gray-500) !important; font-size: 14px !important; }
.heading-p { color: var(--swipr-gray-500) !important; font-size: 16px !important; line-height: 1.6 !important; margin-bottom: 28px !important; }
.send-btn { background: var(--swipr-blue) !important; border-radius: 8px !important; width: 100% !important; }
.send-btn:hover { background: var(--swipr-blue-hover) !important; }

/* About Us page */
.about-us .section-wrap { background: var(--swipr-white) !important; border-radius: 0 !important; }
.about-us .item-lists .item-list { display: flex !important; gap: 16px !important; margin-bottom: 20px !important; }
.about-us .icon-box { background: var(--swipr-blue-light) !important; border-radius: 12px !important; padding: 12px !important; flex-shrink: 0 !important; }
.about-us .icon-box i { color: var(--swipr-blue) !important; }
.about-us .detail h4 { color: var(--swipr-dark) !important; font-weight: 600 !important; }
.about-us .detail p { color: var(--swipr-gray-500) !important; }
.our-work .work-box { background: var(--swipr-blue) !important; border-radius: 16px !important; padding: 28px !important; text-align: center !important; }
.our-work .work-box h3 { color: var(--swipr-white) !important; font-weight: 700 !important; font-size: 32px !important; }
.our-work .work-box p { color: rgba(255,255,255,0.8) !important; }

/* ═══════════════════════════════════════════════════
   BREADCRUMB — description styling
   ═══════════════════════════════════════════════════ */
.breadcrumb-section p { color: rgba(255,255,255,0.8) !important; font-size: 15px !important; margin-top: 6px !important; }
.breadcrumb-section .bg-img { opacity: 0.08 !important; }

/* ═══════════════════════════════════════════════════
   SEARCH BOX — Icon in Find button
   ═══════════════════════════════════════════════════ */
.home-search-uber .input-group .btn-solid::before {
  content: '';
  display: inline-block;
  width: 14px; height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M21.71 20.29L18 16.61A9 9 0 1 0 16.61 18l3.68 3.68a1 1 0 0 0 1.42 0 1 1 0 0 0 0-1.39zM11 18a7 7 0 1 1 7-7 7 7 0 0 1-7 7z'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-size: contain; flex-shrink: 0; margin-right: 4px;
}

/* ═══════════════════════════════════════════════════
   LOCATION BUTTON — Visible blue style
   ═══════════════════════════════════════════════════ */
.location-btn, .location-dropdown .location-btn {
  background: var(--swipr-blue) !important;
  border: 1px solid rgba(255,255,255,0.4) !important;
}

/* Privacy/Terms accordion styling */
.accordion-item { border: 1px solid var(--swipr-border) !important; border-radius: 8px !important; margin-bottom: 8px !important; }
.accordion-button { font-weight: 600 !important; color: var(--swipr-dark) !important; }
.accordion-button:not(.collapsed) { background: var(--swipr-blue-light) !important; color: var(--swipr-blue) !important; }

/* Footer nav-folderized fix */
footer.nav-folderized { background: var(--swipr-blue) !important; }
footer.nav-folderized .nav { background: transparent !important; }
footer.nav-folderized ul { background: transparent !important; }
footer.nav-folderized .down-arrow { color: var(--swipr-white) !important; }

/* Hide sub-header completely — all items are in main nav */
.sub-header { display: none !important; }

/* On mobile, hide the currency/language/auth from nav-right — they're in the sidebar */
@media (max-width: 1199px) {
  .nav-right .currency-dropdown, .nav-right .language-dropdown,
  .nav-right .no-dropdown:not(.icon):not([class*="cart"]),
  .nav-right .swipr-auth-block { display: none !important; }
}

/* Hero headline — ensure spans flow inline with no extra gap */
.home-contain h1.hero-headline {
  display: block !important;
  word-spacing: normal !important;
}
.home-contain h1.hero-headline .hero-lead {
  margin-right: 0 !important;
  padding-right: 0 !important;
}
.home-contain h1.hero-headline .home-animation {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* ═══════════════════════════════════════════════════
   MOBILE CRITICAL FIXES — v8.0
   ═══════════════════════════════════════════════════ */

/* Search bar text — MUST be dark/visible, not white */
.home-search-uber .input-group .position-relative .form-control,
.home-search-uber input[type="text"],
.home-search-uber input[name="service"],
#searchInput {
  color: var(--swipr-dark) !important;
  -webkit-text-fill-color: var(--swipr-dark) !important;
}
.home-search-uber .input-group .position-relative .form-control::placeholder,
.home-search-uber input::placeholder,
#searchInput::placeholder {
  color: var(--swipr-gray-500) !important;
  -webkit-text-fill-color: var(--swipr-gray-500) !important;
  opacity: 1 !important;
}

/* Location picker — remove dark ring, blend with blue navbar */
.location-btn, .location-dropdown .location-btn,
#add-btn, .location-dropdown button {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 4px 8px !important;
  box-shadow: none !important;
  outline: none !important;
}
.location-btn i, .location-btn svg,
.location-btn .iconsax,
#add-btn i, #add-btn svg {
  color: var(--swipr-white) !important;
  fill: var(--swipr-white) !important;
  font-size: 20px !important;
}
/* Hide the chevron-down arrow on mobile for cleaner look */
@media (max-width: 767px) {
  .location-btn .arrow, .location-btn i[icon-name="chevron-down"] {
    display: none !important;
  }
  .location-btn .location-part, .location-btn .location-place {
    display: none !important;
  }
}

/* Location popup/modal — proper sizing on mobile */
.location-dropdown .onhover-show-div,
#locationBox {
  background: var(--swipr-white) !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 30px rgba(0,0,0,0.15) !important;
  padding: 20px !important;
  max-width: 320px !important;
  width: calc(100vw - 32px) !important;
  position: absolute !important;
  left: 0 !important;
  z-index: 9999 !important;
}
.detect-location { padding: 0 !important; }
.detect-location-title { margin-bottom: 12px !important; }
.detect-location-title h4 {
  color: var(--swipr-dark) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
}
.detect-location .detect-btn,
#useCurrentLocationBtn {
  background: var(--swipr-white) !important;
  border: 2px solid var(--swipr-dark) !important;
  color: var(--swipr-dark) !important;
  border-radius: 8px !important;
  padding: 10px 16px !important;
  font-weight: 500 !important;
  width: 100% !important;
  font-size: 14px !important;
}
.detect-location .manually-location-btn,
#selectManuallyBtn {
  background: var(--swipr-dark) !important;
  color: var(--swipr-white) !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 10px 16px !important;
  font-weight: 600 !important;
  width: 100% !important;
  font-size: 14px !important;
}
.or-text {
  display: block !important;
  text-align: center !important;
  color: var(--swipr-gray-500) !important;
  margin: 10px 0 !important;
  font-size: 13px !important;
}

/* Search bar Find button — show "Find" text + icon, not just black square */
.home-search-uber .input-group .btn-solid,
#findServiceBtn {
  background: var(--swipr-dark) !important;
  color: var(--swipr-white) !important;
  border-radius: 8px !important;
  padding: 10px 18px !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  min-width: 80px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  white-space: nowrap !important;
}
/* Make sure feather icon inside button is white and visible */
.home-search-uber .btn-solid svg,
.home-search-uber .btn-solid i,
#findServiceBtn svg,
#findServiceBtn i {
  color: var(--swipr-white) !important;
  width: 16px !important;
  height: 16px !important;
  stroke: var(--swipr-white) !important;
}
/* Ensure the "Find" text span is visible */
.home-search-uber .btn-solid span,
#findServiceBtn span {
  display: inline !important;
  color: var(--swipr-white) !important;
}

/* ═══ MOBILE LAYOUT — Compact & Clean ═══ */
@media (max-width: 767px) {
  /* Navbar — compact */
  .top-header .navbar, .custom-navbar {
    padding: 6px 0 !important;
    min-height: 44px !important;
  }
  .navbar-brand img { max-height: 20px !important; }
  
  /* Hero — compact spacing, proper font sizes */
  .home-contain {
    padding: 28px 16px 20px !important;
    max-width: 100% !important;
  }
  .home-contain h1, .home-contain h1.hero-headline {
    font-size: 26px !important;
    line-height: 1.15 !important;
    margin-bottom: 10px !important;
    letter-spacing: -0.02em !important;
  }
  .home-contain p, p.hero-description {
    font-size: 14px !important;
    margin-bottom: 16px !important;
    max-width: 100% !important;
    line-height: 1.45 !important;
    color: var(--swipr-gray-500) !important;
  }
  
  /* Search bar — full width, compact */
  .home-search-uber {
    max-width: 100% !important;
    margin: 0 !important;
    padding: 4px !important;
    border-radius: 10px !important;
  }
  .home-search-uber .input-group {
    border-radius: 8px !important;
    padding: 2px 2px 2px 10px !important;
  }
  .home-search-uber .input-group .position-relative .form-control {
    padding: 8px 8px 8px 28px !important;
    font-size: 14px !important;
  }
  .home-search-uber .input-group .position-relative i {
    left: 6px !important;
    font-size: 16px !important;
  }
  .home-search-uber .input-group .btn-solid,
  #findServiceBtn {
    padding: 8px 14px !important;
    font-size: 13px !important;
    min-width: 60px !important;
    border-radius: 6px !important;
  }
  
  /* Section titles — smaller on mobile */
  section { padding: 24px 0 !important; }
  section h2, .title h2, .title-1 h2 { font-size: 20px !important; }
  
  /* Category cards — tighter */
  .category-slider .swiper-slide { padding: 0 2px !important; }
}

/* ═══ VERY SMALL MOBILE (max-width: 400px) ═══ */
@media (max-width: 400px) {
  .home-contain h1, .home-contain h1.hero-headline {
    font-size: 22px !important;
  }
  .home-contain p, p.hero-description {
    font-size: 13px !important;
  }
  .home-search-uber .input-group .btn-solid,
  #findServiceBtn {
    padding: 7px 10px !important;
    font-size: 12px !important;
    min-width: 50px !important;
  }
}

/* ═══ SEARCH ICON — left of input on ALL screens ═══ */
.home-search-uber .input-group .position-relative i.iconsax {
  position: absolute !important;
  left: 10px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: var(--swipr-gray-500) !important;
  font-size: 18px !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

/* ═══ FORCE ALL input text dark ═══ */
input, textarea, select, .form-control {
  color: var(--swipr-dark) !important;
}
input::placeholder, textarea::placeholder {
  color: var(--swipr-gray-500) !important;
}