/* Stone Groove — navigation refinements (restored original V6.16 Drop List) based on approved Nov 3 header reference.
   Keep actual nav links/live popup. Do not alter the flattened approved hero image. */

/* The desktop homepage uses the approved worn navy hero as its NAV background. */
@media(min-width:761px) {
  .sg-worn-live-nav {
    left:35.6%!important;
    right:.5%!important;
    top:2.43%!important;
    height:6.75%!important;
    gap:clamp(4px,.40vw,10px)!important;
    justify-content:space-between!important;
    align-items:center!important;
  }
  .sg-worn-live-nav > a {
    font-size:clamp(11px,.94vw,18px)!important;
    letter-spacing:.005em!important;
    line-height:1.12!important;
    flex-shrink:0!important;
  }
  .sg-worn-live-nav > a.sg-trade-nav-link {
    font-size:clamp(11px,.88vw,17px)!important;
    padding:clamp(7px,.57vw,11px) clamp(6px,.58vw,12px)!important;
    min-height:clamp(34px,2.4vw,47px)!important;
    gap:4px!important;
  }
  .sg-worn-live-nav > a.sgdl-nav-cta {
    font-size:clamp(11px,.92vw,18px)!important;
    padding:clamp(8px,.62vw,13px) clamp(9px,.7vw,15px)!important;
    min-height:clamp(36px,2.6vw,50px)!important;
    border:1px solid #d2a077!important;
    background:#c38960!important;
    color:#092330!important;
    font-weight:800!important;
    text-shadow:none!important;
    transition:background-color .2s ease,color .2s ease!important;
  }
  .sg-worn-live-nav > a.sgdl-nav-cta:hover,
  .sg-worn-live-nav > a.sgdl-nav-cta:focus-visible {
    color:#071924!important;
    background:#e2ab80!important;
  }
}
/* Page headers follow the same link hierarchy as the homepage. */
@media(min-width:1081px){
  .site-header .site-nav {gap:clamp(7px,.80vw,16px)!important;}
  .site-header .site-nav > a {
    font-size:clamp(12px,.92vw,17px)!important;
    letter-spacing:.012em!important;
    line-height:1.2!important;
  }
  .site-header .site-nav > a.sg-trade-nav-link {
    font-size:clamp(12px,.88vw,17px)!important;
    padding:9px clamp(7px,.60vw,12px)!important;
    min-height:43px!important;
  }
  .site-header .site-nav > a.sgdl-nav-cta {
    border:1px solid #d2a077!important;
    background:#c38960!important;
    color:#092330!important;
    padding:12px clamp(10px,.7vw,15px)!important;
    min-height:45px!important;
    font-weight:800!important;
  }
  .site-header .site-nav > a.sgdl-nav-cta:hover,
  .site-header .site-nav > a.sgdl-nav-cta:focus-visible {background:#e2ab80!important;color:#071924!important;}
}
/* Preserve responsive menus: large, easily readable links and the Drop List CTA at the end. */
@media(max-width:1080px){
  .site-header .site-nav > a.sgdl-nav-cta,
  .site-header .sg-menu-nav > a.sgdl-nav-cta {
    display:flex!important;justify-content:center!important;align-items:center!important;
    margin-top:12px!important;
    padding:13px 15px!important;
    background:#c38960!important;border:1px solid #d2a077!important;
    color:#092330!important;font-weight:800!important;
    font-size:16px!important;min-height:47px!important;
  }
}
@media(max-width:760px){
  .sgmh-links > a.sgdl-nav-cta {
    display:flex!important;justify-content:center!important;align-items:center!important;
    padding:14px 12px!important;margin-top:9px!important;
    border:1px solid #d2a077!important;
    background:#c38960!important;color:#092330!important;font-weight:800!important;
  }
}
/* Footer legibility — preserve logo, content and responsive wrapping. */
body > footer:not(.site-footer) nav {
  gap:clamp(11px,.9vw,20px)!important;
}
body > footer:not(.site-footer) nav a {
  font-size:clamp(13px,.96vw,17px)!important;
  font-weight:700!important;
  letter-spacing:.015em!important;
  line-height:1.55!important;
}
.site-footer nav{gap:clamp(13px,1.2vw,24px)!important;}
.site-footer nav a {
  font-size:clamp(14px,1vw,18px)!important;
  letter-spacing:.045em!important;
  line-height:1.45!important;
}
.site-footer nav a.sgdl-nav-cta,
body > footer:not(.site-footer) nav a.sgdl-nav-cta {
  color:#e6a771!important;
  text-underline-offset:4px;
}
@media(max-width:760px){
  body > footer:not(.site-footer) nav a,
  .site-footer nav a {font-size:14px!important;}
}

/* Tablet landscape: preserve a full, non-overlapping menu within the shorter hero strip. */
@media(min-width:761px) and (max-width:1090px){
 .sg-worn-live-nav {left:29.2%!important;right:.4%!important;gap:clamp(1px,.18vw,4px)!important;}
 .sg-worn-live-nav > a {font-size:clamp(8.4px,.88vw,10px)!important;letter-spacing:0!important;}
 .sg-worn-live-nav > a.sg-trade-nav-link {font-size:clamp(8.4px,.84vw,10px)!important;min-height:29px!important;padding:5px 4px!important;gap:2px!important;}
 .sg-worn-live-nav > a.sgdl-nav-cta {font-size:clamp(8.4px,.86vw,10px)!important;min-height:32px!important;padding:6px 6px!important;}
}

/* Preserve approved original Drop List link color styling in the larger footer typography. */
.site-footer nav a.sgdl-footer-link, body > footer nav a.sgdl-footer-link{
 color:#e0ae7d!important;font-weight:700!important;
}


/* V6.20: make the words within each footer link read as a single label.
   Increase separation BETWEEN links without changing their wording, order, or behavior. */
body > footer:not(.site-footer) nav,
.site-footer nav {
  column-gap:clamp(21px,1.7vw,28px)!important;
  row-gap:12px!important;
}
body > footer:not(.site-footer) nav a,
body > footer:not(.site-footer) nav a.sgdl-footer-link,
.site-footer nav a,
.site-footer nav a.sgdl-footer-link {
  letter-spacing:0!important;
  word-spacing:normal!important;
  white-space:nowrap;
}
@media(max-width:760px) {
  body > footer:not(.site-footer) nav,
  .site-footer nav {
    column-gap:18px!important;
    row-gap:12px!important;
  }
}

/* V6.21 — Keep the footer's ten destination links on ONE desktop row.
   Distinguish individual links by their gap; condense only multiword labels. */
@media (min-width: 1024px) {
  body > footer:not(.site-footer) nav,
  .site-footer nav {
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    max-width:100%!important;
    column-gap:clamp(10px, 1.20vw, 19px)!important;
    row-gap:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body > footer:not(.site-footer) nav {
    flex:0 0 100%!important;
    margin-top:9px!important;
  }
  body > footer:not(.site-footer) nav a,
  .site-footer nav a {
    font-size:clamp(11px, .98vw, 15px)!important;
    letter-spacing:-.012em!important;
    word-spacing:-.18em!important;
    white-space:nowrap!important;
    flex-shrink:0!important;
    line-height:1.25!important;
  }
}
@media (min-width:1024px) and (max-width:1199px) {
  body > footer:not(.site-footer) nav,
  .site-footer nav {column-gap:9px!important;}
  body > footer:not(.site-footer) nav a,
  .site-footer nav a {font-size:11px!important;letter-spacing:-.018em!important;}
}
/* An attention-catching framed Drop List link consistent with the header CTA. */
body > footer:not(.site-footer) nav a.sgdl-footer-link,
.site-footer nav a.sgdl-footer-link {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:8px 11px!important;
  border:1px solid #d2a077!important;
  background:#c38960!important;
  color:#092330!important;
  font-weight:800!important;
  text-decoration:none!important;
  text-underline-offset:0!important;
  line-height:1.15!important;
  white-space:nowrap!important;
}
body > footer:not(.site-footer) nav a.sgdl-footer-link:hover,
body > footer:not(.site-footer) nav a.sgdl-footer-link:focus-visible,
.site-footer nav a.sgdl-footer-link:hover,
.site-footer nav a.sgdl-footer-link:focus-visible {
  background:#e2ab80!important;
  border-color:#f0bd95!important;
  color:#071924!important;
  text-decoration:none!important;
}
@media (min-width:1024px) and (max-width:1199px) {
  body > footer:not(.site-footer) nav a.sgdl-footer-link,
  .site-footer nav a.sgdl-footer-link {padding:6px 8px!important;}
}
/* Preserve a visibly readable space with each template's different nav font. */
@media(min-width:1024px){
 body > footer:not(.site-footer) nav a {word-spacing:-.105em!important;}
 .site-footer nav a {word-spacing:.10em!important;}
}