/**
 * Site header — one slim bar, replacing the theme's three-tier stack
 * (top strip / logo row with the orange price button / menu bar).
 * Added 2026-08-19 with the rebuilt header.php.
 *
 * Two things this file has to undo rather than just add to:
 *  - #menu .ddsmoothmenu in style.css is NOT scoped to .menu_wrapper,
 *    so those rules still land on the menu even though that wrapper is
 *    gone. Everything here that touches the menu is prefixed .dt-topbar
 *    to win on specificity.
 *  - .associative_link WAS scoped to .top_strip .menu, so it now has no
 *    styling at all and is rebuilt from scratch below.
 */

.dt-topbar{
    position:relative;
    z-index:40;
    background:var(--dt-ink-950);
    border-bottom:1px solid rgba(203,160,82,.22);
}
/*
 * Two rows, deliberately. Measured at 1440px: the menu alone needs
 * 887px, the logo renders 171x52, and the auth links plus the call to
 * action take 330 - about 1456px against 1244 available. The concept
 * had four short nav items; this site has eight, and hiding them behind
 * a burger on a desktop would be worse than showing them. So: identity
 * and actions on the first row, the menu on its own row underneath.
 * Still roughly a third the height of the three-tier stack it replaces.
 */
.dt-topbar-in{
    max-width:1320px;
    margin:0 auto;
    padding:0 clamp(16px,3vw,32px);
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:0 clamp(16px,3vw,28px);
}
.dt-logo{order:1;}
.dt-burger{order:2;}
.dt-topbar-end{order:3;}
.dt-topbar #menu{
    order:4;
    flex:1 1 100%;
    border-top:1px solid rgba(203,160,82,.16);
}

/* logo ------------------------------------------------------------- */
.dt-logo{
    flex:none;
    display:block;
    line-height:0;
}
.dt-logo{padding:9px 0;}
.dt-logo img{
    height:46px;
    width:auto;
    max-width:none;
    display:block;
}

/* menu -------------------------------------------------------------- */
.dt-topbar #menu .ddsmoothmenu{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:0 clamp(14px,2vw,24px);
    list-style:none;
    margin:0;
    padding:2px 0 4px;
    background:none;
    float:none;
    width:auto;
    height:auto;
    text-align:left;
}
.dt-topbar #menu .ddsmoothmenu li{
    float:none;
    margin:0;
    padding:0;
    background:none;
    border:0;
    list-style:none;
    position:relative;
}
.dt-topbar #menu .ddsmoothmenu li a{
    display:block;
    padding:6px 0;
    border:0;
    background:none;
    font-family:'Archivo',sans-serif;
    font-size:13.5px;
    font-weight:500;
    letter-spacing:.01em;
    text-transform:none;
    color:var(--dt-cream-dim);
    line-height:1.3;
    box-shadow:none;
    text-decoration:none;
    border-bottom:1.5px solid transparent;
    transition:color .15s ease,border-color .15s ease;
}
.dt-topbar #menu .ddsmoothmenu li a:hover,
.dt-topbar #menu .ddsmoothmenu li.current-menu-item > a,
.dt-topbar #menu .ddsmoothmenu li.current_page_item > a{
    color:var(--dt-paper-hi);
    border-bottom-color:var(--dt-terracotta);
    background:none;
}
/* sub-menus keep working, on the new dark ground */
.dt-topbar #menu .ddsmoothmenu li > ul{
    position:absolute;
    top:100%;
    left:-14px;
    z-index:5;
    min-width:210px;
    padding:6px 0;
    background:var(--dt-ink-800);
    border:1px solid var(--dt-ink-line);
    border-radius:var(--dt-radius);
    box-shadow:0 12px 30px rgba(0,0,0,.35);
    display:none;
    flex-direction:column;
    gap:0;
}
.dt-topbar #menu .ddsmoothmenu li:hover > ul,
.dt-topbar #menu .ddsmoothmenu li:focus-within > ul{display:flex;}
.dt-topbar #menu .ddsmoothmenu li li{width:100%;}
.dt-topbar #menu .ddsmoothmenu li li a{
    padding:8px 16px;
    border-bottom:0;
    color:var(--dt-cream-dim);
}
.dt-topbar #menu .ddsmoothmenu li li a:hover{
    color:var(--dt-paper-hi);
    background:rgba(198,96,42,.18);
    border-bottom:0;
}
.dt-topbar #menu .ddsmoothmenu li li a:after{content:none;}

/* right-hand end: auth links + the one call to action ----------------- */
.dt-topbar-end{
    flex:none;
    display:flex;
    align-items:center;
    gap:clamp(12px,2vw,22px);
    margin-left:auto;
}
.dt-topbar .associative_link{
    display:flex;
    align-items:center;
    gap:16px;
    list-style:none;
    margin:0;
    padding:0;
}
.dt-topbar .associative_link li{
    list-style:none;
    margin:0;
    padding:0;
    font-family:'Archivo',sans-serif;
    font-size:12.5px;
    color:var(--dt-cream-dim);
    white-space:nowrap;
}
.dt-topbar .associative_link li a{
    color:var(--dt-cream-dim);
    text-decoration:none;
    border-bottom:1px solid transparent;
    transition:color .15s ease,border-color .15s ease;
}
.dt-topbar .associative_link li a:hover{
    color:var(--dt-paper-hi);
    border-bottom-color:var(--dt-gold);
}
.dt-topcta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:12px 20px;
    background:var(--dt-terracotta);
    border:1.5px solid var(--dt-terracotta);
    border-radius:2px;
    color:var(--dt-paper-hi) !important;
    font-family:'Archivo',sans-serif;
    font-size:12px;
    font-weight:700;
    letter-spacing:.09em;
    text-transform:uppercase;
    text-decoration:none;
    white-space:nowrap;
    transition:background .15s ease,border-color .15s ease;
}
.dt-topcta:hover{background:#A94A1F;border-color:#A94A1F;}
.dt-topbar a:focus-visible,
.dt-topbar button:focus-visible{outline:2.5px solid var(--dt-zellige);outline-offset:3px;}

/* burger -------------------------------------------------------------- */
.dt-burger{
    display:none;
    flex:none;
    width:42px;
    height:42px;
    margin-left:auto;
    padding:0;
    background:none;
    border:1px solid var(--dt-ink-line);
    border-radius:2px;
    cursor:pointer;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:4px;
}
.dt-burger span{
    display:block;
    width:18px;
    height:1.5px;
    background:var(--dt-cream);
}

@media only screen and (max-width:1080px){
    .dt-topbar .associative_link{display:none;}
}
@media only screen and (max-width:900px){
    .dt-topbar-in{padding-top:6px;padding-bottom:6px;gap:10px 14px;}
    .dt-logo img{height:40px;}
    .dt-burger{display:flex;}
    .dt-topbar #menu{
        display:none;
        padding-top:6px;
    }
    .dt-topbar #menu.is-open{display:block;}
    .dt-topbar #menu .ddsmoothmenu{flex-direction:column;align-items:stretch;gap:0;}
    .dt-topbar #menu .ddsmoothmenu li a{padding:11px 0;border-bottom:1px solid var(--dt-ink-line);}
    .dt-topbar #menu .ddsmoothmenu li > ul{
        position:static;
        display:flex;
        border:0;
        box-shadow:none;
        background:none;
        padding:0 0 0 14px;
    }
}
@media only screen and (max-width:560px){
    .dt-topcta{padding:10px 14px;font-size:11px;}
    .dt-logo img{height:38px;}
}