/* Dromos: shared sitewide styles.
   Most layout/typography is authored inline per page (ported 1:1 from the
   design references); this file carries the base, nav behavior, hover
   states, image placeholders, and the 760px responsive rules. */

body{margin:0;background:#16281f;font-family:'Figtree',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:hover{color:#e07a3f}

/* Sticky nav */
#dromos-nav{position:sticky;top:0;z-index:50}

/* Mobile nav panel + desktop "Walk It" dropdown */
#nav-panel{display:none;opacity:0;pointer-events:none;transform:translateY(-10px);transition:opacity .28s ease,transform .28s ease}
#nav-dd{opacity:0;pointer-events:none;transform:translateY(-6px)}
#nav-walk:hover #nav-dd,#nav-walk:focus-within #nav-dd{opacity:1;pointer-events:auto;transform:none}

/* Hover states (inline styles carry the resting look; these override on hover) */
.h-orange:hover{color:#e07a3f!important}
.h-cream:hover{color:#f3ead8!important}
.h-tint:hover{background:rgba(224,122,63,.1)!important}
.h-fill:hover{background:#e07a3f!important;color:#16281f!important}
.h-invert:hover{background:#f3ead8!important;color:#16281f!important}
.h-outline:hover{border-color:#e07a3f!important;color:#e07a3f!important}

/* Image slots: placeholder by default; real received photos override by ID. */
.img-slot{width:100%;height:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;text-align:center;padding:14px;background:#0f1d16;border:1px dashed rgba(243,234,216,.16)}
.img-slot span{font-family:'Literata',Georgia,serif;font-style:italic;font-size:13px;line-height:1.5;color:#5f7264}
.img-slot-circle{border-radius:50%}
#photo-circles,
#photo-basketball,
#photo-circles-page,
#photo-gym,
#coach-dave,
#coach-marty,
#coach-jenna,
#coach-charlie{background-size:cover;background-position:center;border:0;padding:0;box-shadow:inset 0 0 0 1px rgba(243,234,216,.08)}
#photo-circles span,
#photo-basketball span,
#photo-circles-page span,
#photo-gym span,
#coach-dave span,
#coach-marty span,
#coach-jenna span,
#coach-charlie span{display:none}
#coach-dave,
#coach-marty,
#coach-jenna,
#coach-charlie{background-position:center top}
#photo-circles{background-image:linear-gradient(rgba(22,40,31,.05),rgba(22,40,31,.2)),url('/assets/photos/photo-circles.jpg')}
#photo-basketball{background-image:linear-gradient(rgba(22,40,31,.04),rgba(22,40,31,.18)),url('/assets/photos/photo-basketball.jpg')}
#photo-circles-page{background-image:linear-gradient(rgba(22,40,31,.03),rgba(22,40,31,.16)),url('/assets/photos/photo-circles-page.jpg')}
#photo-gym{background-image:linear-gradient(rgba(22,40,31,.04),rgba(22,40,31,.18)),url('/assets/photos/photo-gym.jpg')}
#coach-dave{background-image:url('/assets/photos/coach-dave.jpg')}
#coach-marty{background-image:url('/assets/photos/coach-marty.jpg')}
#coach-jenna{background-image:url('/assets/photos/coach-jenna.jpg')}
#coach-charlie{background-image:url('/assets/photos/coach-charlie.jpg')}

/* Six-phrases accordion (basketball) */
.acc-toggle{-webkit-tap-highlight-color:transparent}
.acc-panel[hidden]{display:none}

@media (max-width:760px){
  html,body{overflow-x:hidden}
  [data-screen-label]{padding-left:22px!important;padding-right:22px!important}
  #dromos-nav{gap:12px!important;padding:14px 20px!important}
  #dromos-nav a:not(:first-child){display:none}
  #nav-walk{display:none!important}
  #nav-burger{display:flex!important}
  #nav-panel{display:block}
  #nav-t:checked ~ #nav-panel{opacity:1;pointer-events:auto;transform:none}
  #nav-t:checked ~ #dromos-nav #nav-burger div:nth-child(1){transform:translateY(7px) rotate(45deg)}
  #nav-t:checked ~ #dromos-nav #nav-burger div:nth-child(2){opacity:0}
  #nav-t:checked ~ #dromos-nav #nav-burger div:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  [data-m="cols2"]{grid-template-columns:1fr!important}
  [data-m="med"]{grid-template-columns:1fr!important;column-gap:0!important}
  [data-m="med"][style*="150px"]>div:first-child{display:none}
  [data-m="med"]>div:first-child{margin-top:28px!important}
  [data-m="med"]>div:nth-child(2){padding-top:20px!important}
  [data-m="rail"]{grid-template-columns:44px 1fr!important;column-gap:12px!important}
  [data-m="cards"]{grid-template-columns:1fr!important}
  [data-plx]{display:none!important}
  [data-m="scroll"]{overflow-x:auto;-webkit-overflow-scrolling:touch}
  [data-m="scroll"] svg{min-width:720px}
  [data-m="nights"] button[style*="999px"],[data-m="cards"] button[style*="999px"]{padding:10px 14px!important}
  [data-m="ml0"]{margin-left:0!important}
}

/* Very narrow phones: let the basketball ticket's Aug 3 → Sep 17 header wrap,
   with the seven-weeks arrow dropping below the dates */
@media (max-width:360px){
  div[style="display:flex;align-items:center;gap:22px"]{flex-wrap:wrap}
  div[style="display:flex;align-items:center;gap:22px"]>div[style*="min-width:110px"]{order:3;flex-basis:100%;padding-bottom:6px!important}
}