/* ═══ SWIPR MOBILE v11 — Final ═══ */

/* ═══ MOBILE NAVBAR: Logo | Cart | Hamburger (far right) ═══ */
@media (max-width: 1199px) {
  .location-dropdown,.location-btn,#add-btn,.location-dropdown .onhover-show-div,
  #locationBox,#overlay,.nav-right .currency-dropdown,.nav-right .currency-btn,
  .nav-right .no-dropdown,.nav-right .language-dropdown,.nav-right .language-btn,
  .nav-right .swipr-auth-block { display:none!important; }
  .custom-navbar {
    display:flex!important;align-items:center!important;
    justify-content:space-between!important;flex-wrap:nowrap!important;
  }
  .logo-content { order:1!important;flex-shrink:0!important; }
  .logo-content .location-dropdown { display:none!important; }
  /* Show cart icon in navbar */
  .nav-right { display:flex!important;order:2!important;margin-left:auto!important;
    align-items:center!important;gap:8px!important; }
  .nav-right > a.icon { display:inline-flex!important; }
  /* Hamburger FAR RIGHT */
  .navbar-toggler { order:3!important;margin-left:8px!important;border:none!important;padding:6px!important; }
}

/* ═══ HAMBURGER MENU: Opens from RIGHT, Logo at top ═══ */
@media (max-width: 1199px) {
  .navbar-collapse {
    background:#2563FF!important;position:fixed!important;
    top:0!important;right:0!important;left:auto!important;
    width:85vw!important;max-width:360px!important;height:100vh!important;
    z-index:99999!important;overflow-y:auto!important;
    box-shadow:-4px 0 30px rgba(0,0,0,0.2)!important;
    padding:0!important;border-radius:0!important;margin:0!important;
    transform:translateX(100%)!important;transition:transform 0.3s ease!important;
  }
  .navbar-collapse.show { transform:translateX(0)!important; }
  /* Logo at top instead of Menu */
  .navbar-header { display:flex!important;justify-content:space-between!important;
    align-items:center!important;padding:20px 24px!important;
    border-bottom:1px solid rgba(255,255,255,0.15)!important;background:#2563FF!important; }
  .navbar-header h4 { display:none!important; }
  .navbar-header::before {
    display:none;
    font-family:inherit;letter-spacing:-0.5px;
  }
  .navbar-header .btn-close { filter:brightness(0) invert(1)!important;opacity:0.7!important; }
  /* Nav links */
  .navbar-collapse .navbar-nav { display:flex!important;flex-direction:column!important;padding:8px 0 0!important; }
  .navbar-collapse .navbar-nav .nav-item { display:block!important; }
  .navbar-collapse .navbar-nav .nav-link {
    display:block!important;color:#fff!important;padding:16px 24px!important;
    font-size:18px!important;font-weight:500!important;
    border-bottom:1px solid rgba(255,255,255,0.1)!important;opacity:0.9!important;background:transparent!important;
  }
  .navbar-collapse .navbar-nav .nav-link:hover,.navbar-collapse .navbar-nav .nav-link.active {
    background:rgba(255,255,255,0.1)!important;opacity:1!important;
  }
  /* Auth right after nav */
  .navbar-collapse .swipr-auth-block {
    display:flex!important;flex-direction:column!important;padding:8px 24px 16px!important;
    gap:0!important;margin:0!important;border-top:none!important;
    background:transparent!important;visibility:visible!important;height:auto!important;overflow:visible!important;
  }
  .navbar-collapse .swipr-auth-block .swipr-nav-link {
    display:block!important;color:#fff!important;font-size:18px!important;font-weight:500!important;
    padding:16px 0!important;border-bottom:1px solid rgba(255,255,255,0.1)!important;
    text-decoration:none!important;opacity:0.9!important;
  }
  .navbar-collapse .swipr-auth-block .swipr-signup-btn {
    display:block!important;background:#fff!important;color:#2563FF!important;
    text-align:center!important;padding:14px 24px!important;border-radius:50px!important;
    font-size:16px!important;font-weight:600!important;text-decoration:none!important;
    width:100%!important;margin-top:16px!important;
  }
  /* Language pills */
  .swipr-mobile-lang { padding:12px 24px!important;border-top:none!important;margin-top:4px!important;
    display:flex!important;gap:0!important;flex-direction:row!important; }
  .swipr-mobile-lang .swipr-lang-option {
    color:rgba(255,255,255,0.7)!important;font-size:15px!important;font-weight:500!important;
    padding:10px 16px!important;text-decoration:none!important;border-radius:50px!important;
  }
  .swipr-mobile-lang .swipr-lang-option.active { color:#2563FF!important;background:#fff!important;font-weight:600!important; }
  .navbar-collapse .custom-scroll { overflow:visible!important;max-height:none!important;height:auto!important; }
}
@media (min-width:1200px) { .swipr-mobile-lang,.swipr-mobile-cart { display:none!important; } }

/* ═══ FOOTER — Swipr Blue + Uber bottom section ═══ */
footer,footer.footer-section,footer.nav-folderized,footer .container-fluid-lg { background:#2563FF!important; }
footer h3,footer h4,.heading-footer { color:#fff!important;font-weight:700!important;font-size:16px!important; }
footer a,footer .nav-link,footer li { color:rgba(255,255,255,0.75)!important;font-size:14px!important; }
footer a:hover,footer .nav-link:hover { color:#fff!important; }
footer img,.footer-logo img,footer .copyright img { filter:brightness(0) invert(1)!important; }
footer svg { fill:#fff!important;color:#fff!important; }
.copyright p { color:rgba(255,255,255,0.6)!important; }
footer .btn-solid { background:#fff!important;color:#2563FF!important;border-radius:50px!important; }
footer .nav,footer ul,footer.nav-folderized .nav,footer.nav-folderized ul { background:transparent!important; }
footer .down-arrow { color:#fff!important; }
/* Footer bottom — Uber-inspired */
.swipr-footer-bottom { padding-top:32px;margin-top:32px;border-top:1px solid rgba(255,255,255,0.15); }
.swipr-footer-social { display:flex;gap:20px;margin-bottom:24px; }
.swipr-footer-social a { color:rgba(255,255,255,0.7);transition:color 0.2s; }
.swipr-footer-social a:hover { color:#fff; }
.swipr-footer-social svg { width:24px;height:24px; }
.swipr-footer-locale { display:flex;flex-direction:column;gap:12px;margin-bottom:24px; }
.swipr-footer-locale-item { display:flex;align-items:center;gap:8px;color:rgba(255,255,255,0.8);font-size:15px; }
.swipr-footer-locale-item svg { flex-shrink:0;stroke:rgba(255,255,255,0.7); }
.swipr-footer-apps { display:flex;gap:12px;margin-bottom:24px; }
.swipr-footer-apps .swipr-app-badge img { height:44px;width:auto;border-radius:8px;border:1px solid rgba(255,255,255,0.3);filter:none!important; }
.swipr-app-badge-text { display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 20px;
  border-radius:8px;border:1px solid rgba(255,255,255,0.4);color:#fff;font-size:14px;font-weight:500; }
.swipr-footer-copyright p { color:rgba(255,255,255,0.5)!important;font-size:13px;margin:0; }
@media (min-width:768px) { .swipr-footer-locale { flex-direction:row;gap:24px; } }

/* ═══ ALWAYS hide sub-header ═══ */
.sub-header,div.sub-header,header .sub-header { display:none!important;visibility:hidden!important;height:0!important;overflow:hidden!important; }
/* Desktop: hide sidebar auth */
@media (min-width:1200px) {
  .navbar-collapse .swipr-auth-block,#navbarSupportedContent .swipr-auth-block { display:none!important; }
  .nav-right > li.swipr-auth-block { display:flex!important; }
}

/* ═══ FOOTER LANGUAGE SWITCHER ═══ */
.swipr-footer-lang-switcher { display:flex;align-items:center;gap:8px; }
.swipr-footer-lang-link {
  color:rgba(255,255,255,0.6)!important;font-size:15px;text-decoration:none;
  padding:4px 8px;border-radius:4px;transition:color 0.2s;
}
.swipr-footer-lang-link.active { color:#fff!important;font-weight:600; }
.swipr-footer-lang-link:hover { color:#fff!important; }
/* Separator between languages */
.swipr-footer-lang-link + .swipr-footer-lang-link::before {
  content:'|';color:rgba(255,255,255,0.3);margin-right:8px;
}

/* ═══ BECOME A PROVIDER — Fix spacing ═══ */
.footer-provider-desc {
  color:rgba(255,255,255,0.7)!important;font-size:14px!important;
  line-height:1.6!important;margin-bottom:16px!important;
  display:block!important;
}
/* Old UL d-block that was used before */
footer .nav.d-block ul.d-block li {
  color:rgba(255,255,255,0.7)!important;font-size:14px!important;
  line-height:1.6!important;margin-bottom:12px!important;
}

/* ═══ SIDEBAR LOGO — real img tag, clickable to homepage ═══ */
.swipr-sidebar-logo {
  display: inline-block !important;
}
.swipr-sidebar-logo img {
  height: 28px !important;
  width: auto !important;
  filter: brightness(0) invert(1) !important;
  object-fit: contain !important;
}
/* Hide the h4 Menu text completely */
.navbar-header h4 { display: none !important; }
.navbar-header::before { display: none !important; }

/* ═══ FOOTER: Globe icon on language ═══ */
.swipr-footer-locale-item svg {
  stroke: rgba(255,255,255,0.7) !important;
  fill: none !important;
  flex-shrink: 0;
}
/* Fix become a provider spacing */
.footer-provider-desc {
  color: rgba(255,255,255,0.7) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  margin: 8px 0 16px !important;
  padding: 0 !important;
}

/* ═══ REGISTER BUTTON — Fix icon color + perfect styling ═══ */
footer .btn-solid,
footer .btn.btn-solid {
  background: #fff !important;
  color: #2563FF !important;
  border-radius: 50px !important;
  padding: 12px 28px !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  border: none !important;
  text-decoration: none !important;
  transition: background 0.2s !important;
}
footer .btn-solid:hover {
  background: rgba(255,255,255,0.9) !important;
}
/* Make the arrow icon WHITE on blue — currently grey/invisible */
footer .btn-solid i,
footer .btn-solid i.iconsax,
footer .btn-solid svg {
  color: #2563FF !important;
  fill: #2563FF !important;
  stroke: #2563FF !important;
  font-size: 18px !important;
  opacity: 1 !important;
}