.header-nav-item--no-marker {
    list-style: none;
}

.header-nav-call-icon {
    margin-bottom: 6px;
}

/* ===== Desplegable del menú superior configurable (pagemaker) =====
   Fondo y colores propios; además evita que los .dropdown-item hereden el
   estilo "pill" blanco de los items del header (.icon-list li > a). */
.icon-list li .dropdown-menu {
    background: #16213e;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 10px;
    padding: 6px;
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.28);
}

.icon-list li .dropdown-menu li {
    min-width: auto;
}

.icon-list li .dropdown-menu .dropdown-item {
    display: block;
    flex-direction: initial;
    width: 100%;
    padding: 8px 14px;
    border-radius: 6px;
    background: transparent;
    color: #fff;
    font-weight: 500;
    text-align: left;
}

.icon-list li .dropdown-menu .dropdown-item:hover,
.icon-list li .dropdown-menu .dropdown-item:focus {
    background: #c0336d;
    color: #fff;
}

/* ===== Doble disparador según header =====
   El partial _header_nav.html se incluye tanto en el header mobile (.headerbar)
   como en el desktop (.headerbar-desktop). Cada ítem con hijos renderiza dos
   disparadores: en desktop el dropdown flotante (Popper); en mobile un botón
   que abre un panel lateral (offcanvas). Acá ocultamos el que no corresponde. */
.headerbar-desktop .header-nav-offcanvas {
    display: none !important;
}

.headerbar .header-nav-dropdown,
.headerbar .icon-list li .dropdown-menu {
    display: none !important;
}

/* ===== Panel lateral (offcanvas) del menú superior en mobile ===== */
.header-offcanvas {
    background: #16213e;
    color: #fff;
    max-width: 320px;
    width: 82vw;
}

.header-offcanvas .offcanvas-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    padding: 18px 20px;
}

.header-offcanvas .offcanvas-title {
    color: #fff;
    font-weight: 700;
}

.header-offcanvas .offcanvas-body {
    padding: 12px;
}

.header-offcanvas-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.header-offcanvas-list li + li {
    margin-top: 4px;
}

.header-offcanvas-list a {
    display: block;
    padding: 13px 14px;
    border-radius: 8px;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
}

.header-offcanvas-list a:hover,
.header-offcanvas-list a:focus {
    background: #c0336d;
    color: #fff;
}