/*
 * SWIPR THEME v5.0 — Production
 * Inspired by Uber: clean, minimal, enterprise-grade
 * Swipr Blue navbar + footer, white body, black accents
 * Mobile-first responsive
 */
: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, 'Segoe UI', 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: 10px 0 !important;
  min-height: auto !important;
}

/* Logo */
.navbar-brand img { filter: brightness(0) invert(1) !important; max-height: 26px !important; }

/* Nav links — white, compact */
.navbar-nav .nav-link {
  color: var(--swipr-white) !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  text-transform: none !important;
  padding: 6px 14px !important;
  opacity: 0.9;
}
.navbar-nav .nav-link:hover, .navbar-nav .nav-link.active { opacity: 1; }

/* ─── Right nav items ─── */
.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;
}
/* Hide flag images */
.nav-right .language-btn img.lang-img, .nav-right .language-dropdown .onhover-show-div img,
.sub-header .language-btn img:not(.globe-icon), .sub-header .language-dropdown .onhover-show-div img,
.nav-right .currency-btn img, .sub-header .currency-btn img { display: none !important; }

/* Globe icon */
.language-btn .globe-icon {
  width: 16px !important; height: 16px !important; margin-right: 4px !important;
  vertical-align: middle !important; filter: brightness(0) invert(1);
}

/* Location button — Swipr Blue pill, blends with navbar */
.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; }

/* ─── Auth block: Help, Log in, Sign up ─── */
.swipr-auth-block {
  display: flex !important; align-items: center !important; gap: 6px !important;
  background: transparent !important; padding: 0 !important; margin-left: 10px !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; white-space: nowrap !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; white-space: nowrap !important;
}
.swipr-auth-block .swipr-signup-btn:hover { background: var(--swipr-gray-100) !important; }

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

/* Profile when logged in */
.profile-btn, .profile-dropdown .profile-btn,
.profile-btn .profile-name, .profile-btn .profile-text { color: var(--swipr-white) !important; }

/* Legacy login btn */
.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: 7px 20px !important; font-weight: 500 !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; }

/* Currency badge — plain white text */
.nav-right .currency-btn, .nav-right .no-dropdown a.currency-btn {
  background: transparent !important; border: none !important;
  color: var(--swipr-white) !important; padding: 6px 10px !important; font-size: 14px !important; font-weight: 500 !important;
}
.nav-right li, .nav-right .nav-item-right { background: transparent !important; border: none !important; }
.sub-header .nav-right .currency-btn, .sub-header .nav-right .language-btn { color: var(--swipr-dark) !important; }

/* ═══════════════════════════════════════════
   HERO — Clean centered, no decorations
   ═══════════════════════════════════════════ */
.home-section, .home-section-bg, .banner-section, .home-contain { background: var(--swipr-white) !important; }

/* Remove ALL decorative SVG/images */
.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; }

/* Centered hero */
.home-contain {
  text-align: center !important; padding: 60px 20px 40px !important;
  max-width: 720px !important; margin: 0 auto !important;
}

/* Hero headline */
.home-contain h1 {
  color: var(--swipr-dark) !important; font-size: clamp(32px, 5vw, 56px) !important;
  font-weight: 700 !important; line-height: 1.1 !important; letter-spacing: -0.03em !important;
  text-align: center !important; margin-bottom: 20px !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; letter-spacing: inherit !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; }

/* Description */
.home-contain p {
  color: var(--swipr-gray-500) !important; font-size: 17px !important;
  text-align: center !important; max-width: 480px !important;
  margin: 0 auto 28px auto !important; line-height: 1.5 !important;
}

/* Search bar — with icon on left, styled Find button */
.home-search-uber {
  max-width: 540px !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: 3px 3px 3px 14px !important; box-shadow: 0 1px 2px rgba(0,0,0,0.04) !important;
}
.home-search-uber .input-group .position-relative .form-control {
  border: none !important; padding: 10px 10px 10px 36px !important;
  background: transparent !important; color: var(--swipr-dark) !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: 10px !important; font-size: 18px !important; }
.home-search-uber .input-group .btn-solid {
  border-radius: 8px !important; padding: 10px 22px !important; font-weight: 600 !important;
  background: var(--swipr-dark) !important; color: var(--swipr-white) !important;
  font-size: 14px !important; display: flex !important; align-items: center !important; gap: 6px !important;
}

/* Search bar fallback */
.home-contain form, .home-contain .search-section, .home-contain .home-search { max-width: 520px !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;
}

/* ═══════════════════════════════════════════
   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: 50px 0 !important; }
section h2, .title-1 h2, .section-title h2 {
  color: var(--swipr-dark) !important; font-weight: 700 !important;
  font-size: clamp(24px, 3vw, 34px) !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 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;
}
/* Hide sale badges */
.sale-badge, .badge-sale, [class*="sale"], .banner-badge { display: none !important; }

/* Hide broken placeholder images (1920x1108 placeholders) */
.deal-box img[src*="1920"], .deal-content img[src*="placeholder"],
.service-box img[src*="1920"], img[src*="No-image-found"],
.deal-box .deal-img img:not([src*="storage"]):not([src*="http"]) { opacity: 0 !important; height: 0 !important; }

/* Provider/Expert cards */
.provider-box, .expert-card {
  background: var(--swipr-gray-50) !important; border: 1px solid var(--swipr-border) !important; border-radius: var(--swipr-radius) !important;
}

/* View all links */
.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, section[style*="background"] { 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; }

/* ═══════════════════════════════════════════
   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: 26px !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: 28px !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; }

/* ═══════════════════════════════════════════
   MOBILE RESPONSIVE
   ═══════════════════════════════════════════ */
@media (max-width: 991px) {
  .top-header .navbar, .custom-navbar { padding: 8px 0 !important; }
  
  /* Compact mobile nav */
  .navbar-collapse { background: var(--swipr-blue) !important; padding: 12px 16px !important; border-radius: 0 0 12px 12px !important; }
  .navbar-nav .nav-link { padding: 10px 12px !important; font-size: 15px !important; border-bottom: 1px solid rgba(255,255,255,0.1) !important; }
  
  /* Mobile auth links */
  .swipr-auth-block { flex-wrap: wrap !important; gap: 8px !important; padding: 12px 0 !important; margin-left: 0 !important; }
  
  /* Hero mobile */
  .home-contain { padding: 40px 16px 30px !important; }
  .home-contain h1 { font-size: 28px !important; }
  .home-contain p { font-size: 15px !important; margin-bottom: 20px !important; }
  
  /* Search mobile */
  .home-search-uber { margin: 0 16px !important; }
  
  /* Sections mobile */
  section { padding: 36px 0 !important; }
  section h2, .title-1 h2 { font-size: 22px !important; }
  
  /* Location btn mobile */
  .location-btn, .location-dropdown .location-btn { padding: 5px 10px !important; font-size: 12px !important; }
}

@media (max-width: 576px) {
  .home-contain h1 { font-size: 24px !important; }
  .home-contain p { font-size: 14px !important; }
  .home-search-uber .input-group .btn-solid { padding: 10px 16px !important; font-size: 13px !important; }
  section { padding: 28px 0 !important; }
  section h2, .title-1 h2 { font-size: 20px !important; }
  .subscribe-section h2, .newsletter-section h2 { font-size: 20px !important; }
}

/* ═══════════════════════════════════════════
   CLEANUP + GLOBAL
   ═══════════════════════════════════════════ */
.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); }

/* Auth pages — clean */
.auth-section { background: var(--swipr-white) !important; }
.auth-form .btn-solid { width: 100% !important; }

/* About/Content pages — clean */
.breadcrumb-section { background: var(--swipr-blue) !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 styling */
.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, .cms-content h2 { color: var(--swipr-dark) !important; font-weight: 700 !important; margin-top: 32px !important; }
.page-content h3, .about-content h3, .cms-content h3 { color: var(--swipr-dark) !important; font-weight: 600 !important; margin-top: 24px !important; }

/* Contact page */
.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; }

/* ═══════════════════════════════════════════
   PLACEHOLDER IMAGE FIXES
   ═══════════════════════════════════════════ */
/* Hide offer/deal placeholder images (template defaults) */
.offer-img img[src*="frontend/images/offer"] { display: none !important; }
.offer-img { min-height: 60px !important; background: var(--swipr-gray-100) !important; border-radius: 8px 8px 0 0 !important; }

/* Hide broken category images */
img[src*="No-image-found"] { display: none !important; }

/* Category placeholder boxes — give them a nice bg */
.category-box .category-img img:not([src*="storage"]):not([src*="http"]),
.category-content .category-img img:not([src*="storage"]):not([src*="http"]) {
  display: none !important;
}

/* ═══════════════════════════════════════════
   REMOVE HOSTS FILE OVERRIDE (cleanup note)
   Later remove 15.157.50.188 line from /etc/hosts
   ═══════════════════════════════════════════ */