:root{
  --adka-header-navy:#123454;
  --adka-header-orange:#f36b21;
  --adka-header-ink:#171c22;
  --adka-header-muted:#6d7883;
  --adka-header-line:#e8ecef;
}

.site-header.master-site-header{
  background:#fff !important;
  border-bottom:1px solid var(--adka-header-line) !important;
  position:relative !important;
  z-index:1200 !important;
}

.site-header.master-site-header .master-nav-wrap{
  width:min(1320px,calc(100% - 56px)) !important;
  min-height:78px !important;
  margin:0 auto !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  gap:34px !important;
}

.master-brand{
  flex:0 0 245px !important;
  min-width:245px !important;
  display:flex !important;
  align-items:center !important;
  gap:11px !important;
  text-decoration:none !important;
}

.master-brand .brand-mark{
  width:46px !important;
  height:46px !important;
  object-fit:contain !important;
  flex:0 0 46px !important;
}

.master-brand .brand-copy{
  display:flex !important;
  flex-direction:column !important;
  line-height:1.08 !important;
}

.master-brand .brand-copy strong{
  color:var(--adka-header-ink) !important;
  font-size:17px !important;
  font-weight:800 !important;
  white-space:nowrap !important;
}

.master-brand .brand-copy small{
  color:var(--adka-header-muted) !important;
  font-size:10px !important;
  margin-top:5px !important;
  white-space:nowrap !important;
}

.main-nav.master-main-nav{
  flex:1 1 auto !important;
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:15px !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  position:static !important;
  font-size:13px !important;
}

.main-nav.master-main-nav > a:not(.nav-cta),
.master-main-nav .nav-account-link{
  color:var(--adka-header-ink) !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  transition:color .16s ease, background-color .16s ease !important;
}

.main-nav.master-main-nav > a:not(.nav-cta){
  padding:10px 1px !important;
}

.main-nav.master-main-nav > a:not(.nav-cta):hover,
.main-nav.master-main-nav > a:not(.nav-cta):focus-visible,
.master-main-nav .nav-account-link:hover,
.master-main-nav .nav-account-link:focus-visible{
  color:var(--adka-header-orange) !important;
}

.master-main-nav .nav-account-group{
  flex:0 0 auto !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  margin-left:3px !important;
  padding-left:13px !important;
  border-left:1px solid #e0e5e9 !important;
}

.master-main-nav .nav-account-link{
  font-size:12px !important;
  font-weight:700 !important;
}

.master-main-nav .nav-account-join{
  padding:8px 11px !important;
  border-radius:999px !important;
  background:#fff2e9 !important;
  color:var(--adka-header-orange) !important;
}

.master-main-nav .nav-account-join:hover{
  background:#ffe6d5 !important;
}

.master-main-nav .master-contact{
  flex:0 0 auto !important;
  padding:11px 17px !important;
  border-radius:999px !important;
  background:var(--adka-header-navy) !important;
  color:#fff !important;
  text-decoration:none !important;
  transition:background-color .16s ease !important;
}

.master-main-nav .master-contact:hover,
.master-main-nav .master-contact:focus-visible{
  background:var(--adka-header-orange) !important;
}

.master-main-nav .cart-nav-highlight{
  flex:0 0 42px !important;
  width:42px !important;
  height:42px !important;
  padding:0 !important;
  margin:0 !important;
}

.master-menu-toggle{
  display:none !important;
}

.master-site-header *{box-sizing:border-box}

/* Compact desktop before switching to mobile navigation */
@media(max-width:1240px){
  .site-header.master-site-header .master-nav-wrap{
    width:calc(100% - 32px) !important;
    gap:18px !important;
  }
  .master-brand{
    flex-basis:205px !important;
    min-width:205px !important;
  }
  .master-brand .brand-copy small{display:none !important}
  .main-nav.master-main-nav{
    gap:10px !important;
    font-size:12px !important;
  }
  .master-main-nav .nav-account-group{
    padding-left:8px !important;
    gap:6px !important;
  }
}

/* Mobile/tablet hamburger */
@media(max-width:1024px){
  .site-header.master-site-header .master-nav-wrap{
    width:calc(100% - 26px) !important;
    min-height:70px !important;
    justify-content:space-between !important;
    position:relative !important;
  }

  .master-brand{
    flex:0 1 auto !important;
    min-width:0 !important;
  }
  .master-brand .brand-copy small{display:block !important}

  .master-menu-toggle{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:44px !important;
    height:44px !important;
    flex:0 0 44px !important;
    border:1px solid #e2e7eb !important;
    border-radius:10px !important;
    background:#fff !important;
    color:var(--adka-header-navy) !important;
    font-size:24px !important;
    line-height:1 !important;
    cursor:pointer !important;
    -webkit-tap-highlight-color:transparent !important;
    touch-action:manipulation !important;
  }

  .master-menu-toggle:hover,
  .master-menu-toggle:focus-visible{
    color:var(--adka-header-orange) !important;
    border-color:#f4c2a5 !important;
  }

  .main-nav.master-main-nav{
    display:none !important;
    position:absolute !important;
    top:calc(100% + 1px) !important;
    left:0 !important;
    right:0 !important;
    z-index:1250 !important;
    padding:14px 16px 16px !important;
    background:#fff !important;
    border:1px solid #e0e5e9 !important;
    border-top:0 !important;
    border-radius:0 0 14px 14px !important;
    box-shadow:0 15px 30px rgba(10,30,50,.13) !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:1px !important;
    font-size:14px !important;
  }

  .main-nav.master-main-nav.is-open{
    display:flex !important;
  }

  .main-nav.master-main-nav > a:not(.nav-cta){
    width:100% !important;
    padding:12px 5px !important;
    border-bottom:1px solid #f0f2f4 !important;
  }

  .main-nav.master-main-nav > a:not(.nav-cta):hover{
    color:var(--adka-header-orange) !important;
    background:#fff8f3 !important;
  }

  .master-main-nav .nav-account-group{
    width:100% !important;
    display:flex !important;
    flex-wrap:wrap !important;
    gap:8px !important;
    margin:10px 0 0 !important;
    padding:12px 0 0 !important;
    border-left:0 !important;
    border-top:1px solid #e0e5e9 !important;
  }

  .master-main-nav .nav-account-link{
    padding:9px 7px !important;
  }

  .master-main-nav .master-contact{
    align-self:flex-start !important;
    margin-top:9px !important;
  }

  .master-main-nav .cart-nav-highlight{
    align-self:flex-start !important;
    margin-top:8px !important;
  }
}

@media(max-width:520px){
  .site-header.master-site-header .master-nav-wrap{
    width:calc(100% - 20px) !important;
  }
  .master-brand .brand-mark{
    width:42px !important;
    height:42px !important;
    flex-basis:42px !important;
  }
  .master-brand .brand-copy strong{font-size:15px !important}
  .master-brand .brand-copy small{font-size:9px !important}
}









/* ADKA footer connect — clean text treatment */
footer .adka-footer-connect{
  margin:16px 0 0 !important;
  padding:0 !important;
  width:auto !important;
  height:auto !important;
  min-height:0 !important;
}
footer .adka-footer-connect-title{
  margin:0 0 8px !important;
  padding:0 !important;
  color:#fff !important;
  font-size:15px !important;
  font-weight:700 !important;
  line-height:1.3 !important;
}
footer .adka-footer-connect-links{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:7px !important;
  margin:0 !important;
  padding:0 !important;
  width:auto !important;
  height:auto !important;
}
footer .adka-footer-connect a{
  display:inline-block !important;
  margin:0 !important;
  padding:0 !important;
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  color:#d7dde4 !important;
  text-decoration:none !important;
  font-size:14px !important;
  font-weight:500 !important;
  line-height:1.4 !important;
}
footer .adka-footer-connect a:hover,
footer .adka-footer-connect a:focus-visible{
  color:var(--adka-header-orange) !important;
}


/* ADKA FINAL BOTTOM-CANVAS FIX
   Safari/iPad can expose the document canvas below the footer.
   Match that canvas to the footer while keeping all real page content white. */
html,
body{
  background:#111820 !important;
}
body > .site-header,
body > main{
  background:#fff;
}
body > .site-footer{
  background:#111820 !important;
  margin-bottom:0 !important;
}


/* =========================================================
   ADKA MASTER HEADER — MOBILE PARITY OVERRIDES
   ========================================================= */
@media (max-width: 1024px) {
  .master-site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 9999 !important;
    background: rgba(255,255,255,.98) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }

  .master-nav-wrap {
    min-height: 72px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
  }

  .master-brand {
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }

  .master-brand .brand-mark {
    width: 42px !important;
    height: 42px !important;
    object-fit: contain !important;
  }

  .master-brand .brand-copy strong {
    font-size: 15px !important;
    white-space: nowrap;
  }

  .master-brand .brand-copy small {
    font-size: 9px !important;
    white-space: nowrap;
  }

  .master-menu-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    border: 1px solid #d9e0e6 !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: #12385d !important;
    font-size: 27px !important;
    line-height: 1 !important;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }

  .master-main-nav {
    display: none !important;
    position: absolute !important;
    top: calc(100% + 1px) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-height: calc(100vh - 76px) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    background: #fff !important;
    padding: 12px 18px 22px !important;
    border-top: 1px solid #e6eaee !important;
    box-shadow: 0 16px 32px rgba(18,56,93,.12) !important;
  }

  .master-main-nav.is-open {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 4px !important;
  }

  .master-main-nav > a,
  .master-main-nav .nav-account-link,
  .master-main-nav .master-contact {
    display: flex !important;
    align-items: center !important;
    min-height: 46px !important;
    width: 100% !important;
    padding: 10px 8px !important;
    border-radius: 8px !important;
    text-align: left !important;
  }

  .master-main-nav .nav-account-group {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    gap: 3px !important;
    border-top: 1px solid #edf0f3 !important;
    margin-top: 6px !important;
    padding-top: 8px !important;
  }

  .master-main-nav .nav-account-join,
  .master-main-nav .master-contact {
    justify-content: center !important;
    text-align: center !important;
    margin-top: 4px !important;
  }

  body.adka-mobile-menu-open {
    overflow: hidden !important;
    touch-action: none;
  }
}

@media (max-width: 480px) {
  .master-brand .brand-copy small {
    display: none !important;
  }
}