/* side bar wcag */

#sidebar {
    background: #161B4D !important;
}

/* Focus visible : anneau net, offset pour ne pas coller au bord */
#sidebar .menu-link:focus-visible,
#sidebar .submenu-link:focus-visible,
#sidebar .accordion-trigger:focus-visible {
    outline: 3px solid #FFBF47; /* focus très visible */
    outline-offset: 3px;
}

/* Style du bouton-accordéon (parent de sous-menus) */
#sidebar .accordion-trigger {
    width: 100%;
    background: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: .5rem;
    color: inherit;
    padding: 10px 20px 10px 10px; /* adapte si besoin */
    text-align: left;
    min-height: 44px; /* cible confortable */
}

/* Chevron pure CSS */
#sidebar .accordion-icon {
    border: solid currentColor;
    border-width: 0 2px 2px 0;
    width: .5rem;
    height: .5rem;
    margin-left: auto;
    transform: rotate(45deg);
}

#sidebar .accordion-trigger[aria-expanded="true"] .accordion-icon {
    transform: rotate(-135deg);
}

/* Affichage/masquage robuste (Bootstrap) */
.collapse.show {
    display: block !important;
}

.collapse[hidden] {
    display: none !important;
}

/* Optionnel : état actif/hover avec palette StratX */
:root {
    --stratx-primary: #1644C4;
    --stratx-navy: #14184D;
}

#sidebar .menu-link:hover,
#sidebar .submenu-link:hover,
#sidebar .accordion-trigger:hover {
    text-decoration: none;
}

#sidebar .submenu-link[aria-current="page"] {
    color: #7c931d; /* au lieu de #778c1c */
    font-weight: 600; /* en bonus, plus lisible */
}

.navbar-collapse {
    display: block !important; /* empêche le collapse de la navvar (bouton RUN, ...) */
}

.navbar-nav {
    flex-direction: row;
    flex-wrap: wrap; 
    gap: .5rem;
}

.navbar-toggler {
    display: none !important;  /* ne pas afficher le bouton */
}

@media (max-width: 64rem) {
    #content
    {
        padding:5px;
    }
    .decide-content {
        padding: 5px;
    }
    
    #dec-product-info {
        padding: 5px !important;
    }
    #dec-product-info .col-12
    {
        padding-left : 5px;
        padding-right : 5px;
    }
    .reportTable tbody tr td, .reportTable thead tr th {
        font-size: 0.8rem;
        padding:2px;
    }
    .col-xl-6, .col-lg-6 .col-md-6 {
        width: 100% !important;
    }
}