/* ============ DKS - header layout across breakpoints ============ */

.dks-header .dks-row-between>.e-con-inner{flex-wrap:nowrap}
.dks-header .dks-brand{flex:0 0 auto}
.dks-header .dks-nav-wrap{flex:1 1 auto;min-width:0}
.dks-header .dks-nav-wrap>.e-con-inner{display:flex;justify-content:center;align-items:center;width:100%}
.dks-header .dks-header-actions{flex:0 0 auto}
.dks-header .dks-header-actions>.e-con-inner{flex-wrap:nowrap;justify-content:flex-end}
.dks-header .dks-header-search{width:250px;flex:0 0 auto}
.dks-header .dks-brand a{text-decoration:none}
.dks-header .dks-logo a{color:var(--dks-cream)}
.dks-header .dks-logo a:hover{color:var(--dks-gold)}

.dks-announce .dks-row>.e-con-inner{justify-content:center;flex-wrap:wrap}
.dks-footer .dks-row-between>.e-con-inner{flex-wrap:wrap}
.dks-foot-inline .elementor-icon-list-items{display:flex;gap:18px;flex-wrap:wrap}
.dks-foot-inline .elementor-icon-list-item{margin:0}

/* Royal Addons ships its own per-widget colours; ours must win on the dark bar */
.dks-header .dks-nav .wpr-nav-menu>li>a.wpr-menu-item,
.dks-header .dks-nav .wpr-nav-menu>li>a{color:var(--dks-cream)!important}
.dks-header .dks-nav .wpr-nav-menu>li>a.wpr-menu-item:hover,
.dks-header .dks-nav .wpr-nav-menu>li:hover>a.wpr-menu-item,
.dks-header .dks-nav .wpr-nav-menu>li.current-menu-item>a.wpr-menu-item,
.dks-header .dks-nav .wpr-nav-menu>li.current-menu-ancestor>a.wpr-menu-item{color:var(--dks-gold)!important}
.dks-header .dks-nav .wpr-menu-item .wpr-sub-icon,
.dks-header .dks-nav .wpr-nav-menu>li>a svg{color:currentColor!important;fill:currentColor}

/* dropdowns */
.dks-header .dks-nav .wpr-sub-menu{background:var(--dks-ink-2)!important;border:1px solid rgba(233,185,97,.22)}
.dks-header .dks-nav .wpr-sub-menu li a.wpr-sub-menu-item,
.dks-header .dks-nav .wpr-sub-menu li a{color:rgba(243,237,226,.82)!important;font-size:var(--dks-fs-md);padding:12px 16px}

/* Elementor's generated widget CSS paints each dropdown link white with a purple
   hover; strip both so the items sit on the dark panel */
.dks-header .dks-nav .wpr-sub-menu li>a.wpr-sub-menu-item,
.dks-header .dks-nav .wpr-sub-menu li>a{background-color:transparent!important;background-image:none!important}
.dks-header .dks-nav .wpr-sub-menu li>a.wpr-sub-menu-item:hover,
.dks-header .dks-nav .wpr-sub-menu li:hover>a.wpr-sub-menu-item,
.dks-header .dks-nav .wpr-sub-menu li.current-menu-item>a.wpr-sub-menu-item,
.dks-header .dks-nav .wpr-sub-menu li a:hover{color:var(--dks-gold)!important;background-color:rgba(233,185,97,.12)!important}

/* top-level items stay flat on the bar too */
.dks-header .dks-nav .wpr-nav-menu>li>a.wpr-menu-item,
.dks-header .dks-nav .wpr-nav-menu>li>a.wpr-menu-item:hover,
.dks-header .dks-nav .wpr-nav-menu>li:hover>a.wpr-menu-item{background-color:transparent!important;background-image:none!important}

/* burger + mobile drawer */
.dks-header .dks-nav .wpr-mobile-toggle div{background:var(--dks-gold)!important}
.dks-header .dks-nav .wpr-mobile-menu{background:var(--dks-ink-2)!important}
.dks-header .dks-nav .wpr-mobile-menu li a{color:var(--dks-cream)!important;font-size:var(--dks-fs-lg);
padding:15px 20px;min-height:48px;border-bottom:1px solid rgba(255,255,255,.08)}
.dks-header .dks-nav .wpr-mobile-menu li a:hover{color:var(--dks-gold)!important;background:rgba(233,185,97,.08)!important}
.dks-header .dks-nav .wpr-mobile-menu .wpr-sub-menu{background:rgba(0,0,0,.25)!important;border:0}

@media (max-width:1200px){
.dks-header .dks-header-search{width:190px}
.dks-nav .wpr-nav-menu>li{margin-inline:11px}
}

/* tablet: keep the inline menu, drop the inline search */
@media (max-width:1024px){
.dks-header .dks-header-search{display:none}
.dks-header .dks-row-between>.e-con-inner{gap:12px}
.dks-nav .wpr-nav-menu>li{margin-inline:8px}
.dks-header .dks-nav .wpr-nav-menu>li>a.wpr-menu-item,
.dks-header .dks-nav .wpr-nav-menu>li>a{font-size:var(--dks-fs-sm)}
.dks-account-chip span{display:none}
.dks-account-chip{padding:9px 12px}
}

@media (max-width:767px){
.dks-logo .elementor-heading-title,.dks-logo{font-size:var(--dks-fs-base);letter-spacing:var(--dks-ls-lg)}
.dks-logo-sub .elementor-heading-title,.dks-logo-sub{font-size:7.5px}
a.dks-chip{padding:8px 12px;min-height:40px;gap:6px}
.dks-announce-a p{font-size:var(--dks-fs-xs);letter-spacing:var(--dks-ls-md)}
}

/* phones: burger takes over, brand left / actions right */
@media (max-width:767px){
.dks-header .dks-nav-wrap{flex:0 0 auto;order:3}
.dks-header .dks-header-actions{order:2;margin-left:auto}
.dks-hero-img img{max-height:230px}
}