/**
 * Styles personnalisés pour le menu WooCommerce My Account
 * Gestion des sections Hôte et Voyageur
 * 
 * NOTE: Les icônes des items du menu sont injectées dynamiquement via PHP
 * depuis ran/config.php::nar_inject_menu_icons_css()
 * Les icônes sont centralisées dans class-myaccount-endpoints.php::get_endpoint_icons()
 * 
 * @package NightAndRide
 */

/* Titres de section (non cliquables) */
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--section-hote-title,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--section-voyageur-title {
    pointer-events: none;
    cursor: default;
    text-align: center;
    width: 100%;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--section-hote-title a,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--section-voyageur-title a {
    pointer-events: none;
    cursor: default;
    background: none;
    padding-bottom: 10px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #999 !important;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--section-hote-title a:hover,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--section-voyageur-title a:hover {
    background: none;
    color: #999 !important;
}

/* Séparateur entre sections */
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--section-separator,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--section-account-separator {
    pointer-events: none;
    cursor: default;
    padding: 0;
    margin: 15px 0;
    height: 1px;
    width: 100%;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--section-separator a,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--section-account-separator a {
    display: none;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--section-separator::before,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--section-account-separator::before {
    content: '';
    display: block;
    height: 1px;
    background: #e0e0e0;
    width: 100%;
}


/* Responsive */
@media (max-width: 768px) {
    .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--section-hote-title a,
    .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--section-voyageur-title a {
        padding: 10px 15px 5px;
    }
    
    .nar-menu-section-title {
        font-size: 10px;
    }
    
    .nar-menu-separator {
        margin: 0 10px;
    }
}