/* Sénat Header Pro — Public CSS v1.5
   NOTE: most colours are now applied as inline styles directly in HTML
   to prevent any theme or plugin from overriding them.
   This file only handles: layout, hover effects, dropdown show/hide,
   animations, and responsive.
*/
#senat-hdr, #senat-hdr * { box-sizing: border-box; }
#senat-hdr a { text-decoration: none; }

/* ---- Social bar ---- */
.sh-social-bar { width: 100%; }

/* ---- Middle ---- */
.sh-mid { position: relative; z-index: 1; }
.sh-container { max-width: 1280px; margin: 0 auto; padding: 0 16px; }

/* Contacts hide on small screen */
.sh-contacts { flex-wrap: wrap; }

/* ---- Brand separator gold ---- */
.sh-brand-sep { display: block; }

/* ---- Nav ---- */
.sh-nav { position: relative; z-index: 2; }

.sh-nav-menu {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

.sh-nav-item { position: relative; list-style: none !important; }

/* Hover/active handled by senat-hdr-dyn <style> block inline */
.sh-caret { transition: transform .18s; }
.sh-nav-item:hover > .sh-nav-link .sh-caret { transform: rotate(180deg); }

/* ---- Dropdown ---- */
.sh-dropdown {
    display: none !important;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 210px;
    z-index: 9999;
    box-shadow: 0 6px 20px rgba(0,0,0,.28);
    list-style: none !important;
    margin: 0 !important;
    padding: 4px 0 !important;
    animation: sh-dd-in .15s ease;
}
.sh-nav-item:hover > .sh-dropdown { display: block !important; }

/* Sub-dropdown */
.sh-dropdown .sh-dropdown {
    top: 0;
    left: 100%;
    border-top: none !important;
}

.sh-dropdown .sh-nav-link {
    display: flex !important;
    width: 100% !important;
}

/* Hamburger */
.sh-hamburger {
    display: none;
    flex-direction: column;
    gap: 5px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 12px;
    margin-left: auto;
}

@keyframes sh-dd-in {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 1024px) {
    .sh-contacts { display: none !important; }
}

@media (max-width: 768px) {
    .sh-hamburger { display: flex !important; }

    .sh-nav-menu {
        display: none !important;
        flex-direction: column !important;
        width: 100% !important;
    }
    .sh-nav-menu.sh-open { display: flex !important; }

    .sh-dropdown {
        position: static !important;
        box-shadow: none !important;
        border: none !important;
        animation: none !important;
    }
    .sh-nav-item:hover > .sh-dropdown { display: block !important; }
    .sh-nav-link { width: 100% !important; }
}