/* Mobile Menu Styles */
/* Feature: Mobile Navigation */
/* Date: 2025-12-06 */

/* Menu mobile: aligné en haut, positionné sous le header */
[data-menu] {
    top: 70px;
    left: 0;
    right: 0;
    align-items: flex-start;
}

/* Container du menu: aligné en haut, largeur pleine */
[data-menu] > div {
    align-items: flex-start;
    width: 100%;
    display: flex;
    flex-direction: column;
}

/* Items du menu: largeur pleine pour que les bordures s'étendent sur toute la largeur */
[data-menu] > div > a {
    width: 100%;
    box-sizing: border-box;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

/* Premier élément du menu: bordure top pour séparation avec le header (sur toute la largeur) */
[data-menu] > div > a:first-child {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

/* Bordures bottom pour tous les éléments (sauf le dernier) - sur toute la largeur */
[data-menu] > div > a:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}