/* Apenas a navegação aprovada e a caixa de máquinas. */
.header .header-nav.drht-nav {display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;overflow:visible!important;position:relative;}
.header .drht-nav > a:first-child {flex:0 0 38px;}
.header .header-nav.drht-nav .drht-link,.header .header-nav.drht-nav .menu-categorias-toggle {display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;box-sizing:border-box!important;background:#7a1c1c!important;color:#fff!important;border:0!important;border-radius:8px!important;min-height:42px!important;padding:0 18px!important;font-family:inherit!important;font-size:14px!important;font-weight:800!important;line-height:1.2!important;text-decoration:none!important;white-space:nowrap;cursor:pointer;}
.header .header-nav.drht-nav .drht-toggle {background:#2d2d2d!important;}
.header .header-nav.drht-nav .drht-link:hover,.header .header-nav.drht-nav .menu-categorias-toggle:hover {filter:brightness(1.12);}
.header .drht-nav :focus-visible {outline:3px solid #b98246!important;outline-offset:3px;}
.header .drht-machines {position:relative;flex-shrink:0;}
.header .drht-panel {position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);width:390px;max-width:calc(100vw - 32px);padding:18px;box-sizing:border-box;background:#fff;color:#292929;border:1px solid #ddd;border-radius:8px;box-shadow:0 8px 26px #0003;z-index:10000;max-height:min(600px,70vh);overflow:auto;text-align:left;font:14px/1.45 Arial,sans-serif;}
.header .drht-panel [hidden],.header .drht-panel[hidden] {display:none!important;}
.header .drht-panel-heading {display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee;padding-bottom:10px;font-size:18px;}
.header .drht-close,.header .drht-remove {border:0;background:transparent;color:#555;cursor:pointer;font:24px/1 Arial,sans-serif;min-width:32px;min-height:32px;padding:4px;}
.header .drht-panel h3 {font:700 16px/1.4 Arial,sans-serif;color:#7a1c1c;margin:12px 0;}
.header .drht-panel label {display:block;font-size:13px;margin:10px 0;}
.header .drht-panel select {display:block;width:100%;height:40px;margin-top:4px;border:1px solid #ccc;border-radius:5px;padding:0 10px;background:#fff;color:#292929;font:13px Arial,sans-serif;}
.header .drht-panel select:disabled {background:#f2f2f2;color:#777;}
.header .drht-save {width:100%;min-height:42px;border:0;border-radius:5px;background:#7a1c1c;color:#fff;font:700 14px Arial,sans-serif;cursor:pointer;margin:4px 0 12px;}
.header .drht-save:disabled {opacity:.55;cursor:not-allowed;}
.header .drht-saved {border-top:1px solid #eee;}
.header .drht-list {list-style:none!important;margin:0!important;padding:0!important;display:block!important;}
.header .drht-list li {display:flex!important;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #eee;}
.header .drht-list li > div {flex:1;min-width:0;}
.header .drht-list strong,.header .drht-list small {display:block;overflow-wrap:anywhere;}
.header .drht-list a,.header .drht-status a {color:#7a1c1c!important;font-weight:700;white-space:nowrap;}
.header .drht-status {margin:8px 0;}.header .drht-status:empty {display:none;}
.header .drht-toggle[aria-expanded=true] span {transform:rotate(180deg);}
@media(max-width:1200px){.header .header-nav.drht-nav {gap:10px!important;flex-wrap:wrap!important;justify-content:center!important;padding:10px 0;}.header .header-nav.drht-nav .drht-link,.header .header-nav.drht-nav .menu-categorias-toggle {font-size:12px!important;padding:0 12px!important;}}
@media(max-width:767px){
    /* O menu existente é uma gaveta com altura do ecrã: as linhas não podem esticar. */
    .header.mob .header-nav.drht-nav {
        /* Estado fechado disponível no head, antes da primeira pintura. */
        position:fixed!important;
        z-index:999999!important;
        top:0!important;right:0!important;
        width:min(86vw,360px)!important;
        height:100vh!important;height:100dvh!important;
        box-sizing:border-box!important;
        background:#fff!important;
        box-shadow:-12px 0 35px rgba(0,0,0,.22)!important;
        transition:transform .2s ease,opacity .2s ease,visibility .2s ease!important;
        display:grid!important;
        grid-template-columns:44px minmax(0,1fr)!important;
        grid-template-rows:none!important;
        grid-auto-rows:max-content!important;
        align-content:start!important;
        align-items:start!important;
        justify-content:stretch!important;
        gap:10px!important;
        padding:64px 18px 30px!important;
        overflow-x:hidden!important;
        overflow-y:auto!important;
    }
    .header.mob .header-nav.drht-nav:not(.active) {
        visibility:hidden!important;opacity:0!important;
        transform:translateX(105%)!important;pointer-events:none!important;
    }
    .header.mob .header-nav.drht-nav.active {
        visibility:visible!important;opacity:1!important;
        transform:translateX(0)!important;pointer-events:auto!important;
    }
    .header.mob .header-nav.drht-nav > .closeMenu {
        display:block!important;position:absolute!important;
        top:18px!important;right:18px!important;width:24px!important;height:24px!important;
        cursor:pointer!important;
    }
    .header.mob .header-nav.drht-nav > a:first-child {
        grid-column:1!important;grid-row:1!important;
        width:44px!important;height:46px!important;min-height:46px!important;
        margin:0!important;align-self:start!important;
    }
    .header.mob .header-nav.drht-nav > .menu-categorias-wrap {
        grid-column:2!important;grid-row:1!important;min-width:0!important;
        height:auto!important;align-self:start!important;margin:0!important;
    }
    .header.mob .header-nav.drht-nav > .drht-link,
    .header.mob .header-nav.drht-nav > .drht-machines,
    .header.mob .header-nav.drht-nav > .primary-menu {
        grid-column:1 / -1!important;grid-row:auto!important;
        min-width:0!important;width:100%!important;
        height:auto!important;align-self:start!important;margin:0!important;
    }
    .header.mob .header-nav.drht-nav .drht-link,
    .header.mob .header-nav.drht-nav .menu-categorias-toggle {
        width:100%!important;height:46px!important;min-height:46px!important;
        max-height:46px!important;padding:0 12px!important;
        white-space:normal!important;text-align:center!important;
        font-size:13px!important;line-height:1.2!important;
        align-self:start!important;box-sizing:border-box!important;
    }
    .header.mob .header-nav.drht-nav .drht-machines {position:relative!important;}
    /* Abre dentro da gaveta e acompanha o seu scroll, sem sobrepor os botões. */
    .header.mob .header-nav.drht-nav .drht-panel {
        position:static!important;transform:none!important;
        width:100%!important;max-width:100%!important;
        max-height:none!important;height:auto!important;
        margin:10px 0 0!important;padding:12px!important;
        overflow:visible!important;box-shadow:none!important;
    }
    .header.mob .drht-list li {flex-wrap:wrap;}
    .header.mob .drht-list li > div {flex-basis:100%;}
}
