/* ═══════════════════════════════════════════════════════════════
   BAMANON — CUSTOMER WEB APP THEME
   Primary Orange : #FF6600  |  Dark: #CC5200
   Light Orange   : #FF8033  |  Deeper: #B34700
   Black: #1A1A1A  |  White: #FFFFFF  |  Gray: #F5F5F5
   ─────────────────────────────────────────────────────────────
   style_override.css — loads LAST, wins the cascade
   TEXT: Global BLACK (was white) | Navbar: WHITE only
═══════════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,500&display=swap');

:root {
  --bg:           #ffffff;
  --bg-page:      #FFF8F2;
  --bg-hover:     #FFF0E6;
  --bg-active:    #FFE8D6;
  --text-1:       #1A1A1A;
  --text-2:       #444444;
  --text-3:       #888888;
  --text-4:       #BBBBBB;
  --brand:        #FF6600;
  --brand-dark:   #CC5200;
  --brand-light:  #FF8033;
  --brand-deeper: #B34700;
  --brand-pale:   #FFF0E6;
  --brand-glow:   rgba(255,102,0,0.10);
  --green:        #2ebd6b;
  --green-light:  #e6f7ed;
  --red:          #e74c5c;
  --red-light:    #fde8ea;
  --border:       #EEEEEE;
  --border-hover: #DDDDDD;
  --shadow-sm:    0 2px 8px rgba(0,0,0,0.04);
  --shadow-md:    0 4px 20px rgba(0,0,0,0.06);
  --shadow-lg:    0 8px 40px rgba(0,0,0,0.08);
  --shadow-xl:    0 20px 60px rgba(0,0,0,0.10);
  --shadow-card-hover: 0 12px 32px rgba(255,102,0,0.12), 0 4px 12px rgba(0,0,0,0.04);
  --r-xs:   6px;
  --r-sm:   8px;
  --r-md:   12px;
  --r-lg:   16px;
  --r-xl:   20px;
  --r-full: 999px;
  --font:   'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --ease:     cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --navbar-gradient: linear-gradient(90deg, #B34700 0%, #FF6600 60%, #FF8033 100%);
  --header-h: 60px;   /* single source of truth for header height */
  --ann-h:    34px;   /* announcement bar height */
}


/* ─────────────────────────────────────────────────────────────
   GLOBAL — BLACK text everywhere (changed from white)
───────────────────────────────────────────────────────────── */
body,
body.fixed-bottom-bar {
  font-family: var(--font) !important;
  background: var(--bg-page) !important;
  color: #000000 !important;
  -webkit-font-smoothing: antialiased;
  padding-top: 0 !important;   /* ← FIXES white gap from sidebar nav */
  margin-top: 0 !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font) !important;
  font-weight: 700 !important;
  color: #000000 !important;
}

p, span, label, li, td, th,
.card-body, .list-group-item,
.custom-control-label, .form-check-label,
.media-body, .list-card-body,
.list-card-body p, .list-card-body small,
.vendor-detail-left, .sidebar-item-list,
.checkout-page, .order-detail-page,
.profile-page, div, section {
  color: #000000 !important;
}

.text-muted, small, .small, .text-secondary {
  color: rgba(0, 0, 0, 0.55) !important;
}

a, a:hover, a:focus {
  color: #000000 !important;
  transition: all 0.2s var(--ease) !important;
}
a:hover { text-decoration: none !important; }

.dropdown-item                         { color: var(--text-2) !important; }
.dropdown-item:hover                   { color: var(--brand) !important; }
.dropdown-item.active,
.dropdown-item:active                  { color: #ffffff !important; }

::selection { background: var(--brand-pale); }
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--border); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--border-hover); }
#overlay { background: rgba(255,255,255,0.9) !important; backdrop-filter: blur(10px); }


/* ─────────────────────────────────────────────────────────────
   HEADER / NAVBAR LAYOUT — sticky, no gap
   The platform structure inside .section-header is:
     1. .announcement-bar
     2. <a class="brand-wrap mb-0">  ← stray logo link
     3. <section class="header-main">
   The stray logo <a> creates a white gap. We fix it here.
───────────────────────────────────────────────────────────── */

/* Section-header: ONE sticky block */
.section-header {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  will-change: transform;
}

/* Announcement bar: normal flow, zero margin */
.section-header .announcement-bar,
.announcement-bar {
  display: block !important;
  position: relative !important;
  margin: 0 !important;
  width: 100% !important;
}

/* Header-main: flows directly below announcement, no gap */
.section-header .header-main {
  position: relative !important;
  margin: 0 !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
}

/* stray logo fix removed — logo is inside col-auto */

/* Sidebar nav: correct top offset to match sticky header */
@media (min-width: 992px) {
  #main-nav {
    top: var(--header-h) !important;
    height: calc(100vh - var(--header-h)) !important;
  }
  body.has-announcement #main-nav {
    top: calc(var(--header-h) + var(--ann-h)) !important;
    height: calc(100vh - var(--header-h) - var(--ann-h)) !important;
  }
  /* Body padding: just enough to clear the sticky header */
  body,
  body.fixed-bottom-bar {
    padding-left: 210px !important;   /* sidebar width */
    padding-top: 0 !important;
  }
}


/* ─────────────────────────────────────────────────────────────
   HEADER / NAVBAR — WHITE TEXT
───────────────────────────────────────────────────────────── */
.header-main {
  background: var(--navbar-gradient) !important;
  border-bottom: none !important;
  box-shadow: 0 2px 16px rgba(255,102,0,0.22) !important;
  padding: 0 !important;
  height: var(--header-h) !important;
}
.header-main.shadow-sm { box-shadow: 0 2px 16px rgba(255,102,0,0.22) !important; }
.header-main .row { height: var(--header-h) !important; }

/* Every element inside header stays WHITE */
.header-main *,
.section-header .header-main * { color: #ffffff !important; }

/* Dropdown menus inside header: white bg, dark text */
.header-main .dropdown-menu,
.header-main .dropdown-menu * { color: var(--text-2) !important; }
.header-main .dropdown-menu .dropdown-item:hover,
.header-main .dropdown-menu .dropdown-item:hover * { color: var(--brand) !important; }
.header-main .dropdown-menu .dropdown-item.active,
.header-main .dropdown-menu .dropdown-item:active,
.header-main .dropdown-menu .dropdown-item.active *,
.header-main .dropdown-menu .dropdown-item:active * { color: #fff !important; }

#logo_web {
  height: 36px !important;
  display: block !important;
  vertical-align: middle !important;
}

.language-select,
.header-main select {
  background: transparent !important;
  border: 1px solid rgba(255,255,255,0.35) !important;
  border-radius: var(--r-full) !important;
  color: #ffffff !important;
  font-family: var(--font) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  padding: 4px 10px !important;
  box-shadow: none !important;
  outline: none !important;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}
.header-main select option {
  background: var(--brand-deeper) !important;
  color: #ffffff !important;
}
.header-main select:hover {
  background: rgba(255,255,255,0.15) !important;
  border-color: rgba(255,255,255,0.6) !important;
}

.toggle, .togglew {
  width: 38px; height: 38px;
  border-radius: var(--r-sm);
  display: inline-flex; align-items: center; justify-content: center;
}
.toggle:hover { background: rgba(255,255,255,0.15); }
.toggle span, .togglew span {
  width: 20px !important; height: 2px !important;
  background: #fff !important; border-radius: 1px;
}
.toggle span:before, .toggle span:after {
  width: 20px !important; height: 2px !important;
  background: #fff !important; border-radius: 1px;
}
.toggle span:before { top: -6px !important; }
.toggle span:after  { top: 6px !important; width: 14px !important; }
.d-none .bg-primary { background: var(--brand) !important; }


/* ─────────────────────────────────────────────────────────────
   NAVBAR — Location pill
───────────────────────────────────────────────────────────── */
.head-search {
  background: rgba(255,255,255,0.18) !important;
  border: 1px solid rgba(255,255,255,0.35) !important;
  border-radius: var(--r-full) !important;
  padding: 0 14px !important;
  height: 38px !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  transition: all 0.2s var(--ease) !important;
  max-width: 260px;
}
.head-search:hover,
.head-search:focus-within {
  background: rgba(255,255,255,0.28) !important;
  border-color: rgba(255,255,255,0.6) !important;
}
.head-search .feather-map-pin {
  color: rgba(255,255,255,0.9) !important;
  background: none !important; padding: 0 !important; font-size: 14px !important;
}
.head-search input,
.head-search input#user_locationnew {
  border: none !important; background: transparent !important; outline: none !important;
  font-family: var(--font) !important; font-size: 13px !important; font-weight: 500 !important;
  color: #fff !important; width: 100% !important; padding: 0 !important;
}
.head-search input::placeholder { color: rgba(255,255,255,0.65) !important; }


/* ─────────────────────────────────────────────────────────────
   NAVBAR — Action widgets
───────────────────────────────────────────────────────────── */
.widget-header {
  display: inline-flex !important; align-items: center !important; gap: 6px !important;
  padding: 6px 12px !important; border-radius: var(--r-full) !important;
  font-family: var(--font) !important; font-size: 13px !important; font-weight: 500 !important;
  color: rgba(255,255,255,0.92) !important; transition: all 0.2s var(--ease) !important;
  background: transparent !important;
}
/* HOVER: dark overlay — white text stays visible */
.widget-header:hover {
  background: rgba(0,0,0,0.18) !important;
  color: #fff !important;
}
.widget-header i { font-size: 16px !important; margin: 0 !important; color: rgba(255,255,255,0.92) !important; }
.widget-header.offer-link .img-fluid { width: 16px !important; height: 16px !important; margin: 0 !important; }

/* User account dropdown toggle */
.dropdown .dropdown-toggle {
  display: inline-flex !important; align-items: center !important; gap: 8px !important;
  padding: 4px 12px 4px 4px !important;
  border: 1px solid rgba(255,255,255,0.35) !important;
  border-radius: var(--r-full) !important;
  font-family: var(--font) !important; font-size: 13px !important; font-weight: 500 !important;
  color: #fff !important;
  background: rgba(255,255,255,0.15) !important;
}
.dropdown .dropdown-toggle:hover {
  background: rgba(0,0,0,0.18) !important;   /* dark overlay, text stays white */
  border-color: rgba(255,255,255,0.5) !important;
  color: #fff !important;
}
.dropdown .dropdown-toggle::after { font-size: 9px; opacity: 0.7; }
img.header-user {
  width: 28px !important; height: 28px !important;
  border-radius: 50% !important; border: 2px solid rgba(255,255,255,0.5) !important;
}

/* Username: first name only, hide email */
.header-main .dropdown-toggle .user-name-full,
.header-main [class*="email"],
.header-main .user-email { display: none !important; }

/* Takeaway toggle */
.header-main .takeaway-btn,
.header-main .takeaway-div {
  background: transparent !important; color: #ffffff !important;
  border: none !important; border-radius: var(--r-full) !important;
  display: inline-flex !important; align-items: center !important;
  gap: 8px !important; padding: 6px 12px !important;
  font-size: 13px !important; font-weight: 500 !important; box-shadow: none !important;
}
.header-main .takeaway-btn .slider,
.header-main .takeaway-div .slider {
  background: rgba(255,255,255,0.35) !important; border-radius: var(--r-full) !important;
}
.header-main .takeaway-btn .slider::before,
.header-main .takeaway-div .slider::before {
  background: #ffffff !important; box-shadow: 0 1px 4px rgba(0,0,0,0.2);
}
.header-main .takeaway-btn input:checked + .slider,
.header-main .takeaway-div input:checked + .slider {
  background: rgba(255,255,255,0.60) !important;
}

/* Language selector */
.language-select {
  background: rgba(255,255,255,0.15) !important;
  border-radius: 50% !important; width: 34px; height: 34px;
  border: 1px solid rgba(255,255,255,0.35);
}


/* ─────────────────────────────────────────────────────────────
   DROPDOWN MENUS — white bg, dark text
───────────────────────────────────────────────────────────── */
.dropdown-menu {
  border: 1px solid var(--border) !important;
  border-radius: var(--r-lg) !important;
  box-shadow: var(--shadow-lg) !important;
  padding: 6px !important;
  background: var(--bg) !important;
  z-index: 1010 !important;   /* above header */
}
.dropdown-item {
  border-radius: var(--r-sm) !important; padding: 9px 12px !important;
  font-family: var(--font) !important; font-size: 13px !important; font-weight: 500 !important;
  color: var(--text-2) !important;
}
.dropdown-item:hover  { background: var(--bg-hover) !important; color: var(--brand) !important; }
.dropdown-item.active,
.dropdown-item:active { background: var(--brand) !important; color: #fff !important; }


/* ─────────────────────────────────────────────────────────────
   SIDEBAR NAV
───────────────────────────────────────────────────────────── */
.hc-offcanvas-nav { font-family: var(--font) !important; }
.hc-offcanvas-nav h2 { background: var(--brand) !important; font-family: var(--font) !important; font-weight: 700 !important; font-size: 16px !important; color: #ffffff !important; }
.hc-offcanvas-nav li a { font-family: var(--font) !important; font-size: 14px !important; font-weight: 500 !important; padding: 13px 20px !important; color: var(--text-2) !important; border-bottom: 1px solid var(--border) !important; }
.hc-offcanvas-nav li a:hover,
.hc-offcanvas-nav:not(.touch-device) li:not(.custom-content) a:hover { background: var(--brand-pale) !important; color: var(--brand) !important; }
.bottom-nav { display: flex; justify-content: space-around; padding: 12px 0; background: var(--bg); border-top: 1px solid var(--border); }
.bottom-nav li a { color: var(--text-3) !important; font-size: 10px !important; font-weight: 600 !important; text-transform: uppercase; letter-spacing: 0.06em; }
.bottom-nav li a:hover,
.bottom-nav li a.text-danger { color: var(--brand) !important; }
.bottom-nav li a i.text-danger,
.bottom-nav li a i { color: var(--brand) !important; }


/* ─────────────────────────────────────────────────────────────
   BUTTONS
───────────────────────────────────────────────────────────── */
.btn-primary {
  background: var(--brand) !important; border-color: var(--brand) !important;
  font-family: var(--font) !important; font-weight: 600 !important; font-size: 13px !important;
  border-radius: var(--r-full) !important; padding: 9px 22px !important;
  box-shadow: none !important; color: #ffffff !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
  background: var(--brand-dark) !important; border-color: var(--brand-dark) !important;
  box-shadow: 0 4px 16px rgba(255,102,0,0.30) !important; color: #ffffff !important;
}
.btn-outline-primary { color: var(--brand) !important; border-color: var(--border) !important; border-radius: var(--r-full) !important; font-family: var(--font) !important; font-weight: 600 !important; }
.btn-outline-primary:hover { background: var(--brand) !important; border-color: var(--brand) !important; color: #fff !important; }
.btn-link   { color: var(--brand) !important; font-weight: 600 !important; }
.bg-primary { background: var(--brand) !important; }
.text-primary { color: var(--brand) !important; }


/* ─────────────────────────────────────────────────────────────
   CARDS
───────────────────────────────────────────────────────────── */
.card, .list-card {
  border: 1px solid var(--border) !important; border-radius: var(--r-lg) !important;
  box-shadow: none !important; background: var(--bg) !important;
  transition: all 0.3s var(--ease-out) !important; overflow: hidden;
}
.card:hover, .list-card:hover { border-color: transparent !important; box-shadow: var(--shadow-card-hover) !important; transform: translateY(-4px); }
.list-card a:hover { color: var(--brand) !important; }
.list-card .list-card-image { overflow: hidden; }
.list-card .list-card-image img { transition: transform 0.5s var(--ease-out); }
.list-card:hover .list-card-image img { transform: scale(1.05); }


/* ─────────────────────────────────────────────────────────────
   HOMEPAGE
───────────────────────────────────────────────────────────── */
.siddhi-home-page { background: var(--bg-page); }
.ecommerce-content.multi-vendore-content.section-content { max-width: 1280px; margin: 0 auto; padding: 0 20px; }
.siddhi-home-page .title.d-flex.align-items-center { margin-bottom: 24px; padding-bottom: 0; border-bottom: none !important; }
.siddhi-home-page .title.d-flex.align-items-center h5 { font-size: 20px !important; font-weight: 700 !important; color: #000000 !important; margin: 0 !important; letter-spacing: -0.01em; }
.siddhi-home-page .see-all a {
  display: inline-flex !important; align-items: center; gap: 6px;
  background: var(--brand) !important; color: #fff !important;
  font-size: 12px !important; font-weight: 600 !important;
  padding: 7px 18px !important; border-radius: var(--r-full) !important;
  transition: all 0.2s var(--ease) !important;
  box-shadow: 0 2px 8px rgba(255,102,0,0.20);
}
.siddhi-home-page .see-all a:hover { background: var(--brand-dark) !important; color: #fff !important; transform: translateY(-1px); }
.siddhi-home-page section { padding: 36px 0 !important; margin: 0; }
.section-label  { color: #000000 !important; }
.section-title  { color: #000000 !important; }
.section-title em { color: #333333 !important; }

.storiesWrapper .story .item-link .item-preview { width: 68px !important; height: 68px !important; border-radius: 50% !important; border: 2.5px solid var(--brand) !important; padding: 2px !important; transition: transform 0.3s var(--ease-out); }
.storiesWrapper .story .item-link .item-preview:hover { transform: scale(1.08); box-shadow: 0 4px 16px var(--brand-glow); }
.storiesWrapper .story .info .name { font-family: var(--font) !important; font-size: 11px !important; font-weight: 600; color: #000000 !important; margin-top: 6px; text-align: center; }

.top-categories .row { display: flex !important; flex-wrap: wrap; gap: 16px; margin: 0 !important; }
.top-categories .col-md-2.top-cat-list { flex: 0 0 auto !important; width: auto !important; max-width: none !important; padding: 0 !important; }
.top-cat-list .cat-link { display: flex !important; flex-direction: column; align-items: center; gap: 12px; padding: 20px 28px; background: var(--bg) !important; border: 1px solid var(--border); border-radius: var(--r-lg); transition: all 0.25s var(--ease-out); min-width: 120px; text-decoration: none !important; }
.top-cat-list .cat-link:hover { border-color: var(--brand) !important; background: var(--brand-pale) !important; transform: translateY(-4px); box-shadow: var(--shadow-md); }
.top-cat-list .cat-img { display: flex; align-items: center; justify-content: center; width: 72px; height: 72px; border-radius: var(--r-lg); background: var(--bg-page); overflow: hidden; flex-shrink: 0; }
.top-cat-list .cat-img img { width: 48px !important; height: 48px !important; object-fit: contain; transition: transform 0.3s var(--ease-out); }
.top-cat-list .cat-link:hover .cat-img img { transform: scale(1.12); }
.top-cat-list h4 { font-size: 13px !important; font-weight: 600 !important; color: #000000 !important; text-align: center; margin: 0 !important; }

.siddhi-home-page .pro-list, .siddhi-home-page .product-list { padding: 0 8px !important; margin-bottom: 20px !important; }
.siddhi-home-page .list-card { background: var(--bg) !important; border: 1px solid var(--border) !important; border-radius: var(--r-lg) !important; overflow: hidden; transition: all 0.3s var(--ease-out) !important; height: 100%; }
.siddhi-home-page .list-card:hover { transform: translateY(-4px) !important; box-shadow: var(--shadow-card-hover) !important; border-color: transparent !important; }
.siddhi-home-page .list-card-image { position: relative; overflow: hidden; aspect-ratio: 4 / 3; background: var(--bg-page); }
.siddhi-home-page .list-card-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.5s var(--ease-out); }
.siddhi-home-page .list-card:hover .list-card-image img { transform: scale(1.06); }
.siddhi-home-page .offer-icon { z-index: 2; top: 10px !important; left: 10px !important; }
.siddhi-home-page .offer-icon span { display: inline-flex; align-items: center; gap: 4px; background: rgba(255,255,255,0.92); backdrop-filter: blur(8px); padding: 5px 10px; border-radius: var(--r-full); font-size: 11px; font-weight: 600; color: var(--green); box-shadow: var(--shadow-sm); }
.siddhi-home-page .list-card-body { padding: 14px 16px 16px !important; }
.siddhi-home-page .list-card-body h6.popul-title a,
.siddhi-home-page .list-card-body h6.product-title a { color: #000000 !important; }
.siddhi-home-page .list-card-body h6.popul-title a:hover,
.siddhi-home-page .list-card-body h6.product-title a:hover { color: var(--brand) !important; }
.siddhi-home-page .star .badge-success { background: var(--green) !important; border: none !important; font-size: 11px !important; font-weight: 700; padding: 4px 10px !important; border-radius: var(--r-full) !important; display: inline-flex; align-items: center; gap: 3px; color: #fff !important; }

.store-card__name     { color: #000000 !important; }
.store-card__location { color: #333333 !important; }
.store-card__badge    { color: #000000 !important; }
.product-card__name   { color: #000000 !important; }
.product-card__cat    { color: #333333 !important; }
.product-card__price  { color: #000000 !important; }
.product-card__price s, .product-card__price del { color: #999999 !important; }
.product-card__rating { color: #333333 !important; }
.rating-chip          { color: #000000 !important; }
.discount-tag         { color: #000000 !important; }
.coupon-card__name    { color: #000000 !important; }
.coupon-card__code    { color: #000000 !important; }
.cat-pill             { color: #000000 !important; }
.see-all-link         { color: #000000 !important; border-color: #000000 !important; }
.see-all-link:hover   { color: #ffffff !important; background: #000000 !important; }
.loadmore-btn         { color: #000000 !important; border-color: #000000 !important; }
.loadmore-btn:hover   { color: #ffffff !important; background: #000000 !important; }

.highlights-section { background: var(--bg) !important; border-radius: var(--r-xl); margin: 0 auto 8px; padding: 40px 0 !important; }
.profile-preview-box-inner { background: var(--bg); border-radius: var(--r-lg); overflow: hidden; border: 1px solid var(--border); transition: all 0.3s var(--ease-out); box-shadow: var(--shadow-sm); }
.profile-preview-box-inner:hover { box-shadow: var(--shadow-lg); transform: translateY(-4px); border-color: transparent; }
.profile-preview-img-inner { aspect-ratio: 16 / 10; overflow: hidden; background: var(--bg-page); }
.profile-preview-img-inner img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s var(--ease-out); }
.profile-preview-box-inner:hover .profile-preview-img-inner img { transform: scale(1.05); }
.review-rating-demo { position: absolute; bottom: 10px; left: 10px; display: inline-flex; align-items: center; gap: 5px; background: rgba(255,255,255,0.92); backdrop-filter: blur(8px); padding: 5px 12px; border-radius: var(--r-full); box-shadow: var(--shadow-sm); }
.rating-text .rating-number .fa-star { color: var(--brand); margin-right: 3px; font-size: 10px; }
.prev-profile-btn .btn-primary { border-radius: 50% !important; width: 34px !important; height: 34px !important; padding: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; }
.highlights-slider .slick-prev,
.highlights-slider .slick-next { width: 40px !important; height: 40px !important; background: var(--bg) !important; border: 1px solid var(--border) !important; border-radius: 50% !important; box-shadow: var(--shadow-md) !important; z-index: 5; }
.highlights-slider .slick-prev:hover,
.highlights-slider .slick-next:hover { background: var(--brand) !important; border-color: var(--brand) !important; }
.highlights-slider .slick-prev { left: -14px !important; }
.highlights-slider .slick-next { right: -14px !important; }

.vendor-offer-section .list-card-body .small a { font-size: 12px !important; font-weight: 600; color: var(--brand) !important; padding: 4px 12px; background: var(--brand-pale); border-radius: var(--r-full); border: 1px dashed rgba(255,102,0,0.35); transition: all 0.2s var(--ease); display: inline-block; }
.vendor-offer-section .list-card-body .small a:hover { background: var(--brand); color: #fff !important; border-style: solid; border-color: var(--brand); }
.coupon_code_copied_div { background: var(--green) !important; border-radius: var(--r-md) !important; padding: 10px 18px !important; font-weight: 600; font-size: 13px; color: #ffffff !important; }

.banner-img { border-radius: var(--r-lg); overflow: hidden; box-shadow: var(--shadow-sm); transition: all 0.3s var(--ease-out); }
.banner-img:hover { box-shadow: var(--shadow-md); transform: translateY(-3px); }
#middle_banner .slick-dots li button::before { font-size: 8px !important; color: var(--border) !important; opacity: 1 !important; }
#middle_banner .slick-dots li.slick-active button::before { color: var(--brand) !important; }
#middle_banner .slick-prev, #middle_banner .slick-next { width: 36px !important; height: 36px !important; background: var(--bg) !important; border: 1px solid var(--border) !important; border-radius: 50% !important; z-index: 5; }
#middle_banner .slick-prev { left: 10px !important; }
#middle_banner .slick-next { right: 10px !important; }

.row.fu-loadmore-btn .page-link.loadmore-btn { font-size: 13px !important; font-weight: 700 !important; padding: 10px 36px !important; border-radius: var(--r-full) !important; background: var(--brand) !important; border-color: var(--brand) !important; color: #fff !important; box-shadow: 0 4px 16px rgba(255,102,0,0.22); }
.row.fu-loadmore-btn .page-link.loadmore-btn:hover { background: var(--brand-dark) !important; border-color: var(--brand-dark) !important; }

.mobile-filter.bg-primary { background: var(--brand) !important; border-radius: 0 0 var(--r-lg) var(--r-lg); padding: 14px 16px !important; }


/* ─────────────────────────────────────────────────────────────
   VENDOR / STORE DETAIL
───────────────────────────────────────────────────────────── */
.rest-basic-detail .feather_icon a.rest-right-btn { border: 1px solid var(--border) !important; border-radius: var(--r-full) !important; color: var(--brand) !important; font-family: var(--font) !important; font-weight: 600 !important; }
.rest-basic-detail .feather_icon a.rest-right-btn:hover { background: var(--brand) !important; border-color: var(--brand) !important; color: #fff !important; }
.rest-basic-detail .feather_icon a.rest-right-btn > span.open { background: var(--green-light) !important; color: var(--green) !important; border-radius: var(--r-full) !important; padding: 2px 10px; font-size: 11px; font-weight: 600; }
ul.rating,
.rating-stars .feather-star.star_active,
.rating-stars .feather-star.text-warning,
.feather-star.text-warning { color: var(--brand) !important; }
.vendor-detail-left h4.h6::after,
.sidebar-header h3.h6::after { background: var(--brand) !important; }
.gold-members .add-btn .menu-itembtn a.btn { border: 1px solid var(--border) !important; color: var(--brand) !important; border-radius: var(--r-full) !important; }
.gold-members .add-btn .menu-itembtn a.btn:hover { background: var(--brand) !important; border-color: var(--brand) !important; color: #fff !important; }


/* ─────────────────────────────────────────────────────────────
   CATEGORIES & SEARCH
───────────────────────────────────────────────────────────── */
.cat-item a.cat-link:hover { background: var(--brand) !important; border-radius: var(--r-lg) !important; }
.cat-item a.cat-link:hover i.fa { color: #fff !important; }
.daytab-cousines ul li > span { color: var(--brand) !important; border: 1px solid var(--border) !important; border-radius: var(--r-full) !important; font-family: var(--font) !important; font-weight: 600 !important; }
.daytab-cousines ul li > span:hover { background: var(--brand) !important; border-color: var(--brand) !important; color: #fff !important; }
.search .nav-tabs { border: none !important; }
.search .nav-tabs .nav-link { border-radius: var(--r-full) !important; font-family: var(--font) !important; font-weight: 500 !important; font-size: 13px !important; padding: 7px 18px !important; border: 1px solid var(--border) !important; color: var(--text-2) !important; background: var(--bg) !important; margin-right: 6px; }
.search .nav-tabs .nav-link.active,
.search .nav-tabs .nav-item.show .nav-link { background: var(--brand) !important; border-color: var(--brand) !important; color: #fff !important; }


/* ─────────────────────────────────────────────────────────────
   PAGINATION & FORMS
───────────────────────────────────────────────────────────── */
.page-link { color: var(--text-2) !important; border: 1px solid var(--border) !important; border-radius: var(--r-sm) !important; font-family: var(--font) !important; font-weight: 600 !important; }
.page-link:hover { background: var(--brand) !important; border-color: var(--brand) !important; color: #fff !important; }
.count-number-box .count-number .count-number-input,
.count-number .count-number-input { color: var(--brand) !important; }
.count-number-box .count-number button.count-number-input-cart:hover,
.count-number button.btn-sm.btn:hover { color: #fff !important; background: var(--brand) !important; }
.offer_coupon_code .offer_code p.badge { color: var(--brand) !important; border: 1px dashed var(--brand) !important; background: var(--brand-pale) !important; border-radius: var(--r-sm) !important; }
.offer_coupon_code .offer_price { color: var(--brand) !important; }
.transactions-banner { background: linear-gradient(90deg, var(--brand-deeper), var(--brand)) !important; border-radius: var(--r-xl) !important; }
.transactions-list .media-body .app-off-btn a { background: var(--brand) !important; border-color: var(--brand) !important; border-radius: var(--r-full) !important; }
.checkout-left-box.siddhi-cart-item::after,
.checkout-left-box.accordion::after { background: var(--brand) !important; }
.payment-table tr th { background: var(--text-1) !important; font-family: var(--font) !important; color: #ffffff !important; }
.custom-control-input:checked ~ .custom-control-label::before { background: var(--brand) !important; border-color: var(--brand) !important; }
.form-check .switch input:checked + .slider { background-color: var(--brand) !important; }
.form-control { border: 1px solid var(--border) !important; border-radius: var(--r-sm) !important; font-family: var(--font) !important; font-size: 13px !important; padding: 9px 14px !important; color: var(--text-1) !important; background: var(--bg) !important; }
.form-control:focus { border-color: var(--brand-light) !important; box-shadow: 0 0 0 3px var(--brand-glow) !important; }


/* ─────────────────────────────────────────────────────────────
   PRODUCT DETAIL & ECOMMERCE
───────────────────────────────────────────────────────────── */
.product-detail-page .addtocart .add-to-cart.btn.btn-primary { border: 1px solid var(--border) !important; color: var(--brand) !important; border-radius: var(--r-full) !important; background: transparent !important; }
.product-detail-page .addtocart .add-to-cart.btn.btn-primary:hover { background: var(--brand) !important; color: #fff !important; border-color: var(--brand) !important; }
.product-detail-page .addtocart .add-to-cart.btn.btn-primary.booknow { background: var(--brand) !important; color: #fff !important; }
.product-detail-page .addons-option .custom-control .custom-control-input:checked ~ .custom-control-label::before { background: var(--brand) !important; }
.ecommerce-content .title .see-all a { background: var(--brand) !important; border-radius: var(--r-full) !important; color: #ffffff !important; }
.order-summery .payment-total.total-price span.price { color: var(--brand) !important; }
.vandor-sidebar .vandorcat-list li a:hover,
.vandor-sidebar .vandorcat-list li.active a { color: var(--brand) !important; border-left: 3px solid var(--brand) !important; }
.brand span a:hover, .store span a:hover { color: var(--brand) !important; }


/* ─────────────────────────────────────────────────────────────
   MODALS
───────────────────────────────────────────────────────────── */
.modal-content { border: none !important; border-radius: var(--r-xl) !important; box-shadow: var(--shadow-xl) !important; background: var(--bg) !important; }
.modal-header { border-bottom: 1px solid var(--border) !important; padding: 18px 22px !important; }
.modal-header .modal-title { font-family: var(--font) !important; font-weight: 700 !important; font-size: 16px !important; color: var(--text-1) !important; }
.modal-header .close { width: 32px; height: 32px; border-radius: 50%; background: var(--bg-page); opacity: 1 !important; display: flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0 !important; }
.modal-header .close:hover { background: var(--bg-hover); }
.modal-body { padding: 22px !important; color: var(--text-1) !important; }
.modal-body p, .modal-body span, .modal-body label, .modal-body li { color: var(--text-1) !important; }
.modal-footer { border-top: 1px solid var(--border) !important; }
.modal-body .recepie-body .custom-control .custom-control-label > span.text-muted { color: var(--brand) !important; }
.left-modal .modal-dialog { position: fixed; left: 0; top: 0; margin: 0 !important; height: 100vh; width: 340px; max-width: 90vw; }
.left-modal .modal-content { height: 100vh; border-radius: 0 !important; display: flex; flex-direction: column; }
.section_list { display: flex !important; flex-direction: column !important; gap: 10px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; }
.section-block { display: flex !important; align-items: center !important; gap: 14px !important; padding: 14px 16px !important; background: var(--bg) !important; border: 1px solid var(--border) !important; border-radius: var(--r-md) !important; cursor: pointer; transition: all 0.2s var(--ease) !important; }
.section-block:hover { border-color: var(--brand) !important; background: var(--brand-pale) !important; }
.section_list .section-selected .section-block,
.section-selected .section-block { border-color: var(--brand) !important; background: var(--brand-pale) !important; box-shadow: 0 0 0 3px var(--brand-glow) !important; }
.section-block .section-img { width: 44px !important; height: 44px !important; border-radius: var(--r-sm) !important; overflow: hidden; flex-shrink: 0; background: var(--bg-page); }
.section-block .section-img img { width: 100%; height: 100%; object-fit: cover; }
.section-block .section-name { font-family: var(--font) !important; font-size: 14px !important; font-weight: 600 !important; color: var(--text-1) !important; margin: 0 !important; }
.section-block::after { content: none !important; display: none !important; }


/* ─────────────────────────────────────────────────────────────
   SECTION TITLE & HERO
───────────────────────────────────────────────────────────── */
.sction-title h2 { font-family: var(--font) !important; font-weight: 700 !important; font-size: 22px !important; color: #000000 !important; }
.sction-title h2::before { background: var(--brand) !important; }
.homebanner-content .ban-btn a { background: var(--brand) !important; border-color: var(--brand) !important; border-radius: var(--r-full) !important; font-family: var(--font) !important; font-weight: 600 !important; padding: 11px 28px !important; box-shadow: 0 4px 16px rgba(255,102,0,0.25) !important; color: #ffffff !important; }
.homebanner-content .ban-btn a:hover { background: var(--brand-dark) !important; color: #fff !important; }
.select-sec-btn a { background: var(--brand) !important; border-color: var(--brand) !important; border-radius: var(--r-full) !important; font-family: var(--font) !important; font-weight: 600 !important; box-shadow: 0 4px 16px rgba(255,102,0,0.25) !important; color: #ffffff !important; }
.select-sec-btn a:hover { background: var(--brand-dark) !important; color: #fff !important; }
.open-ticket-btn a { background: var(--brand) !important; border-color: var(--brand) !important; border-radius: var(--r-full) !important; color: #ffffff !important; }


/* ─────────────────────────────────────────────────────────────
   PARCEL / RENTAL
───────────────────────────────────────────────────────────── */
.parcelImageUploadDiv:after, .parcel_payment-way ul li label::before { background: var(--brand) !important; }
.tab-title h3 { color: var(--brand) !important; }
.tab-title h3 span, .tab-btn button.btn.btn-primary { background: var(--brand) !important; }
.parcel_payment_total .parcel_payment-box span.total.price { color: var(--brand) !important; }
.parcel_payment_left .coupon_detail .copupon-list ul li a { border: 1px solid var(--border) !important; color: var(--brand) !important; border-radius: var(--r-full) !important; }
.parcel_payment_left .coupon_detail .copupon-list ul li a.active,
.parcel_payment_left .coupon_detail .copupon-list ul li a:hover { background: var(--brand) !important; color: #fff !important; }
.parcel_payment-way ul li input[type="radio"]:checked ~ label::after { border-color: var(--brand) !important; }
.sidebar-item-list .product-item .media-body p span.sku,
.car-det-head .car-det-price span.price,
.rentalcar-list .car-price span { color: var(--brand) !important; }
.carrent-book a,
.rental-left-box .nav-pills .nav-link.active { background: var(--brand) !important; border-radius: var(--r-full) !important; }
.rental-left-box .nav-pills-custom .nav-link.active::before { border-left-color: var(--brand) !important; border-right-color: var(--brand) !important; }
.parcel_delivery_content #tabs .nav-tabs .nav-item.show .nav-link,
.parcel_delivery_content #tabs .nav-tabs .nav-item.active,
.appendParcelImages #parcelPhotos .image-item span.remove-btn { background: var(--brand) !important; }
.parcel_payment-detail > div.sender-det > h3 strong { color: var(--brand) !important; }
.parcel_payment_right .search-box-inner a, .pay-btn a { background: var(--brand) !important; border-color: var(--brand) !important; }


/* ─────────────────────────────────────────────────────────────
   SELECT SECTION BUTTON
───────────────────────────────────────────────────────────── */
.select-section-btn,
[class*="select-section"],
.section-select-btn,
.select-sec-btn,
#selectSectionBtn,
#select_section_btn,
.floating-section-btn,
a[href*="select_section"],
button[onclick*="selectSection"],
.left-modal-btn,
[data-target="#sectionModal"],
[data-toggle="modal"][data-target*="section"],
.select-section,
#select-section,
.section-switcher,
.section-float-btn,
.section_select_btn {
  position: fixed !important;
  right: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) rotate(180deg) !important;
  writing-mode: vertical-rl !important;
  text-orientation: mixed !important;
  z-index: 9998 !important;
  left: auto !important;
  bottom: auto !important;
  margin: 0 !important;
  border-radius: 8px 0 0 8px !important;
  padding: 12px 8px !important;
  white-space: nowrap !important;
  min-width: unset !important;
  width: auto !important;
  height: auto !important;
}
.select-sec-btn i, .select-sec-btn svg,
[data-toggle="modal"][data-target*="section"] i,
[data-toggle="modal"][data-target*="section"] svg,
.select-section-btn i, .select-section-btn svg,
.left-modal-btn i, .left-modal-btn svg {
  transform: rotate(180deg) !important;
  display: block !important;
  margin: 0 auto 6px !important;
}


/* ─────────────────────────────────────────────────────────────
   MISC
───────────────────────────────────────────────────────────── */
.card-icon > span { color: var(--brand) !important; }
.gendetail-row h3 { border-color: var(--brand) !important; }
.dyn-menulist button.view_all_menu_btn { color: var(--brand) !important; }
a.restaurant_direction:hover img { filter: none; }
.section-footer { border-top: 1px solid var(--border) !important; background: var(--bg) !important; }
.swal2-actions .swal2-confirm.swal2-styled { background: var(--brand) !important; border-radius: var(--r-full) !important; font-family: var(--font) !important; font-weight: 600 !important; }



/* ═══════════════════════════════════════════════════════════════
   HEADER LAYOUT FIXES
   - Full width (position:fixed left:0 right:0)
   - Logo in left 210px zone (over sidebar)
   - Gap fixed (body padding-top matches header height)
   - Logo visible (mix-blend-mode: normal)
═══════════════════════════════════════════════════════════════ */

/* 1. Body: zero padding-top, fixed header handles offset */
html body,
html body.fixed-bottom-bar {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* 2. Section-header: fixed, full width, above sidebar */
.section-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  z-index: 1000 !important;
}

/* 3. Announcement bar: relative inside fixed header */
.announcement-bar {
  position: relative !important;
  width: 100% !important;
  margin: 0 !important;
}

/* 4. Header-main: relative, flows below announcement */
.header-main {
  position: relative !important;
  width: 100% !important;
  margin: 0 !important;
}

/* 5. Push page content below fixed header */
@media (min-width: 992px) {
  body, body.fixed-bottom-bar {
    padding-top: 94px !important;  /* 34px bar + 60px header */
    padding-left: 210px !important;
  }
  #main-nav {
    top: 94px !important;
    height: calc(100vh - 94px) !important;
  }
}

/* 6. Header container: full width */
.header-main .container {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.header-main .row {
  flex-wrap: nowrap !important;
  align-items: center !important;
  margin: 0 !important;
  height: 60px !important;
}

/* 7. Logo col: 210px wide, centered — sits exactly over sidebar */
.bm-logo-col {
  flex: 0 0 210px !important;
  width: 210px !important;
  min-width: 210px !important;
  max-width: 210px !important;
  height: 60px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 0 0 0 16px !important;
}
.bm-logo-col a,
.bm-logo-col .brand-wrap {
  display: flex !important;
  align-items: center !important;
}
.bm-logo-col img,
.bm-logo-col #logo_web,
#logo_web {
  height: 38px !important;
  width: auto !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  filter: none !important;
  max-width: none !important;
}

/* 8. Search bar pill */
.bm-search-input-wrap {
  display: flex !important;
  align-items: center !important;
  background: rgba(255,255,255,0.18) !important;
  border: 1px solid rgba(255,255,255,0.35) !important;
  border-radius: 999px !important;
  height: 38px !important;
  padding: 0 6px 0 14px !important;
  width: 100% !important;
}
.bm-search-input-wrap:focus-within {
  background: rgba(255,255,255,0.28) !important;
  border-color: rgba(255,255,255,0.65) !important;
}
.bm-keyword-field {
  flex: 1 !important;
  border: none !important;
  background: transparent !important;
  outline: none !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  padding: 0 8px 0 0 !important;
  min-width: 0 !important;
}
.bm-keyword-field::placeholder { color: rgba(255,255,255,0.6) !important; }
.bm-search-btn {
  flex-shrink: 0 !important;
  background: rgba(255,255,255,0.25) !important;
  border: none !important;
  border-radius: 999px !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  padding: 4px 14px !important;
  cursor: pointer !important;
  white-space: nowrap !important;
}
.bm-search-btn:hover { background: rgba(0,0,0,0.2) !important; }

/* 9. Right action widgets compact */
.header-main .widget-header {
  padding: 5px 8px !important;
  font-size: 12px !important;
  white-space: nowrap !important;
}
.header-main .dropdown .dropdown-toggle {
  font-size: 12px !important;
  white-space: nowrap !important;
}
.header-main label.takeaway-btn {
  padding: 4px 8px !important;
  font-size: 12px !important;
  white-space: nowrap !important;
}

/* ═══════════════════════════════════════════
   FINAL HEADER COLUMN PROPORTIONS
═══════════════════════════════════════════ */
@media (min-width: 992px) {
  /* Logo: fixed 210px over sidebar */
  .header-main .bm-logo-col {
    flex: 0 0 210px !important;
    min-width: 210px !important;
    max-width: 210px !important;
  }

  /* Location pill: fixed width */
  .header-main .col-auto.d-none.d-lg-flex {
    flex: 0 0 190px !important;
    max-width: 190px !important;
  }

  /* Search bar: fixed width */
  .header-main .col.d-none.d-lg-flex {
    flex: 0 0 240px !important;
    max-width: 240px !important;
  }

  /* Right actions: fill remaining space, items visible */
  .header-main .col.header-right {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: visible !important;
  }
  .header-main .col.header-right > div {
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 2px !important;
  }
}

/* ═══════════════════════════════════════
   LOGO POSITION — left-aligned in 210px sidebar zone
═══════════════════════════════════════ */
.bm-logo-col {
  justify-content: flex-start !important;
  padding-left: 20px !important;
}
.bm-logo-col img,
.bm-logo-col #logo_web {
  height: 38px !important;
  width: auto !important;
  max-width: 170px !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  filter: none !important;
  object-fit: contain !important;
}

/* ══ LOGO: force left-aligned, no centering ══ */
.bm-logo-col,
.header-main .bm-logo-col,
.section-header .bm-logo-col {
  justify-content: flex-start !important;
  align-items: center !important;
  padding: 0 12px 0 20px !important;
  text-align: left !important;
}
.bm-logo-col a,
.bm-logo-col .brand-wrap,
.header-main .bm-logo-col a {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  margin: 0 !important;
}
.bm-logo-col img,
.header-main .bm-logo-col img,
#logo_web {
  height: 38px !important;
  width: auto !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  filter: none !important;
  margin: 0 !important;
}

/* ══ Logo zone sits ABOVE sidebar (z-index: 100) ══ */
.bm-logo-col,
.header-main .bm-logo-col {
  position: relative !important;
  z-index: 1001 !important;
}

/* ══════════════════════════════════════════
   LOGO — absolute left, vertically centered
   Sits over the sidebar zone (left 210px)
   Independent of flex layout
══════════════════════════════════════════ */
@media (min-width: 992px) {
  .header-main {
    position: relative !important;
  }
  .bm-logo-col {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 210px !important;
    height: 60px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding-left: 20px !important;
    z-index: 10 !important;
    flex: none !important;
  }
  /* Shift location pill right to clear the absolutely-positioned logo */
  .header-main .row {
    padding-left: 210px !important;
  }
}

/* ══════════════════════════════════════════
   CONTENT AREA — push below fixed header
   Header = 34px announcement + 60px nav = 94px
══════════════════════════════════════════ */
@media (min-width: 992px) {
  /* Main content wrapper starts below header */
  .siddhi-main-body,
  .py-4.siddhi-main-body,
  section.siddhi-main-body,
  .container-fluid.siddhi-main-body,
  body > .container,
  body > section:not(.section-header):not(.section-footer),
  #container,
  .page-wrapper,
  .main-content,
  .content-page,
  .content-body {
    margin-top: 94px !important;
    padding-top: 0 !important;
  }
}

/* Target the exact platform content wrapper */
.siddhi-main-body,
.py-4.siddhi-main-body {
  padding-top: 94px !important;
  margin-top: 0 !important;
}

/* Also ensure body doesn't double-pad */
@media (min-width: 992px) {
  body, body.fixed-bottom-bar {
    padding-top: 0 !important;
  }
}

/* ══════════════════════════════════════════
   PAGE CONTENT — push below fixed header
   Target every possible content wrapper
══════════════════════════════════════════ */

/* The main content area that sits to the right of sidebar */
.siddhi-main-body,
.py-4.siddhi-main-body,
section.py-4,
.ecommerce-content,
.multi-vendore-content {
  padding-top: 94px !important;
}

/* Direct children of body that are content (not header/footer/nav) */
body.fixed-bottom-bar > section:not(.section-header):not(.section-footer),
body.fixed-bottom-bar > div:not(#overlay):not(#select_store_sidebar):not(#select_store_sidebar_overlay) {
  padding-top: 94px !important;
}

/* ══════════════════════════════════════════
   DEFINITIVE CONTENT PUSH — targets #container
   which is the platform's main content wrapper
══════════════════════════════════════════ */
#container {
  padding-top: 94px !important;
  margin-top: 0 !important;
}

/* Also target common platform wrappers */
.page-content-wrapper,
.page-wrapper > .page-content,
.content-area {
  padding-top: 94px !important;
}