/* Minimal custom CSS; everything else uses Tailwind utilities. */
.nl,.sub-btn{color:#fff}.nl:hover{color:#F5B82E}
:focus-visible{outline:3px solid #F5B82E;outline-offset:2px}
/* Dropdowns: hidden by default; shown on hover/focus (desktop) or .open (tap) */
.dd{display:none}
.has-sub.open>.dd{display:block}
@media(min-width:768px){.has-sub:hover>.dd,.has-sub:focus-within>.dd{display:block}.has-sub:hover .chev,.has-sub:focus-within .chev{transform:rotate(180deg)}}
.sub-btn[aria-expanded=true] .chev{transform:rotate(180deg)}
/* Sticky header compact state */
#site-header.compact .logo{height:2.25rem;width:2.25rem}
#site-header.compact .brand{padding-top:.25rem;padding-bottom:.25rem}
#site-header.compact .brand p{font-size:1.2rem}
/* Hero slides */
.slide{opacity:0;transition:opacity .8s ease;pointer-events:none}
.slide.is-active{opacity:1}
.dot.is-active{background:#F5B82E;transform:scale(1.2)}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Mobile menu: full-width rows, dividers, indented submenus */
@media(max-width:767px){
  #menu>li{border-top:1px solid rgba(255,255,255,.12)}
  #menu .has-sub>div{justify-content:space-between}
  #menu .has-sub>div>a{flex:1}
  #menu .nl{padding:.85rem .5rem}
  #menu .sub-btn{padding:.85rem 1rem}
  #menu .dd{background:rgba(255,255,255,.08)!important;box-shadow:none}
  #menu .dd a{color:#fff;padding:.7rem 1.5rem}
}