/* Dukhoon V94 – Compact accessible dropdown navigation.
   Intentionally loaded AFTER all previous styles; affects header only. */
html body header.top {
  position: relative !important;
  z-index: 200 !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
  background: linear-gradient(135deg,#100d0a,#352216) !important;
}
html body header.top .wrap.nav {
  position: relative !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-height: 74px !important;
  max-height: none !important;
  height: auto !important;
  overflow: visible !important;
  padding: 10px 0 !important;
}
html body header.top .brand {min-width:0 !important;max-width: min(62%,440px) !important;flex: 0 1 auto !important;}
html body header.top .brand-text {min-width:0 !important;}
html body header.top .brand-text strong {font-size:clamp(14px,1.5vw,18px) !important;}
html body header.top .brand-text small {font-size:11px !important;}
html body header.top .dk94-nav-area {
  display:flex !important;flex: 0 0 auto !important;align-items:center !important;
  justify-content:flex-end !important;gap:10px !important;min-width:0 !important;
  position:relative !important;
}
html body header.top .dk94-user-name {
  display:inline-flex !important;align-items:center !important;white-space:nowrap !important;
  color:#f8e6c6 !important;-webkit-text-fill-color:#f8e6c6 !important;
  border:1px solid #8d7145 !important;border-radius:999px !important;
  background:linear-gradient(135deg,#322419,#65502d) !important;
  padding:9px 13px !important;font-size:13px !important;font-weight:700 !important;
}
html body header.top .dk94-menu {position:relative !important; flex:0 0 auto !important;}
html body header.top .dk94-toggle {
  list-style:none !important;display:flex !important;align-items:center !important;
  justify-content:center !important;gap:8px !important;
  border-radius:13px !important;padding:11px 17px !important;margin:0 !important;
  color:#fff6e6 !important;-webkit-text-fill-color:#fff6e6 !important;
  background:linear-gradient(135deg,#2b1b12,#64442c) !important;
  border:1px solid #c59d65 !important;box-shadow:0 5px 16px rgba(0,0,0,.22) !important;
  font-weight:800 !important;font-size:14px !important;cursor:pointer !important;
  user-select:none !important;-webkit-user-select:none !important;
}
html body header.top .dk94-toggle::-webkit-details-marker {display:none !important;}
html body header.top .dk94-toggle:hover {background:linear-gradient(135deg,#46301e,#84603b) !important;}
html body header.top .dk94-toggle:focus-visible {outline:3px solid #e9c486 !important;outline-offset:3px !important;}
html body header.top .dk94-chevron {font-size:17px !important;line-height:1 !important;transition:transform .2s ease !important;}
html body header.top details[open] .dk94-chevron {transform:rotate(180deg) !important;}
html body header.top .dk94-menu > .nav-links {
  position:absolute !important;top:calc(100% + 12px) !important;inset-inline-end:0 !important;
  inset-inline-start:auto !important;width:min(680px,calc(100vw - 30px)) !important;
  max-width:calc(100vw - 30px) !important;max-height:min(72vh, 580px) !important;
  overflow-x:hidden !important;overflow-y:auto !important;overscroll-behavior:contain !important;
  z-index:999 !important;display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;justify-content:stretch !important;align-items:stretch !important;
  flex:none !important;padding:18px !important;margin:0 !important;
  background:linear-gradient(145deg,#1a130e,#332218) !important;
  border:1px solid #a17d4d !important;border-radius:19px !important;
  box-shadow:0 24px 50px rgba(0,0,0,.4) !important;
}
html body header.top .dk94-menu > .nav-links .nav-pill {
  display:flex !important;align-items:center !important;justify-content:center !important;
  width:100% !important;max-width:none !important;min-width:0 !important;
  min-height:47px !important;padding:9px 10px !important;margin:0 !important;
  white-space:normal !important;text-wrap:balance !important;text-align:center !important;
  font-size:12.5px !important;line-height:1.5 !important;font-weight:700 !important;
  background:linear-gradient(135deg,#332216,#523923) !important;
  border:1px solid #81613c !important;border-radius:12px !important;
  box-shadow:none !important;color:#fff2d9 !important;-webkit-text-fill-color:#fff2d9 !important;
  text-decoration:none !important;
}
html body header.top .dk94-menu > .nav-links .nav-pill:is(:hover,:focus-visible) {
  background:linear-gradient(135deg,#63432a,#805735) !important;
  border-color:#e2bf85 !important;color:#fff !important;-webkit-text-fill-color:#fff !important;
  transform:none !important;
}
html body header.top .dk94-menu > .nav-links .nav-pill-danger {
  background:linear-gradient(135deg,#642d26,#422019) !important;border-color:#a77564 !important;
}
@media(max-width:760px) {
  html body header.top .wrap.nav {flex-direction:row !important;align-items:center !important;flex-wrap:nowrap !important;}
  html body header.top .brand {max-width:53% !important;}
  html body header.top .dk94-nav-area {gap:7px !important;}
  html body header.top .dk94-menu > .nav-links {grid-template-columns:repeat(2,minmax(0,1fr)) !important;max-height:70dvh !important;}
  html body header.top .dk94-user-name {max-width:140px !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;font-size:11px !important;padding:8px 10px !important;}
  html body header.top .dk94-toggle {font-size:12px !important;padding:10px 11px !important;}
}
@media(max-width:480px) {
  html body header.top .brand {max-width:47% !important;gap:5px !important;}
  html body header.top .brand-logo {width:48px !important;height:42px !important;max-width:48px !important;max-height:42px !important;}
  html body header.top .brand-text strong {font-size:12px !important;}
  html body header.top .brand-text small {display:none !important;}
  html body header.top .dk94-user-name {max-width:90px !important;font-size:10px !important;padding:7px !important;}
  html body header.top .dk94-menu > .nav-links {grid-template-columns:repeat(2,minmax(0,1fr)) !important;padding:12px !important;gap:8px !important;}
}
@media(prefers-reduced-motion:reduce) {html body header.top .dk94-chevron {transition:none !important;}}