/*
 Theme Name:   Astra Child
 Theme URI:    https://example.com/astra-child
 Description:  Thème enfant d’Astra – personnalisations CSS et fonctions.
 Author:      Ton Nom
 Author URI:   https://example.com
 Template:     astra
 Version:      1.0.0
*/

/* Importation du style du thème parent (facultatif depuis WP 5.0) */
@import url("../astra/style.css");

/* Tes propres règles CSS commencent ici */
/* ----------------------------------------
   MENU PRINCIPAL – deux lignes, aucun titre découpé,
   forçage du flex avec priorité élevée
   -------------------------------------------------------- */
@media (max-width: 720px) {            /* Point de rupture – ajuste si besoin */

    /* -------------------------------------------------------
       1️⃣ Conteneur du menu : on cible le <ul> avec une spécificité
          supérieure (nav + classe) et on force le flex.
       --------------------------------------------------------- */
    nav .main-header-menu {          /* ← sélecteur plus précis */
        display: flex !important;          /* force le flex */
        flex-wrap: wrap !important;        /* autorise le passage à la ligne suivante */
        justify-content: center !important;/* centre les items (optionnel) */
      gap: 0.6rem !important;           /* espace entre les items, ajuste à ton goût */
    }

    /* -----------------------------------------------------------------
       2️⃣ Chaque item : empêcher la coupure du texte
       ---------------------------------------------------------- */
     nav .main-header-menu .menu-item {
        white-space: nowrap ;    /* empêche le texte de se casser */
        display: inline-flex ;   /* garde le comportement flex */
        align-items: center ;    /* centre verticalement le texte */
        padding: 0.15rem 0.15rem ; /* marge interne – ajuste si besoin */
    }

    /* -------------------------------------------------------
       3️⃣ (Optionnel) Gestion des titres très longs
       ----------------------------------------------------------------- */
     nav .main-header-menu .menu-item a {
        max-width: 13rem ;      /* limite la largeur, ajuste selon tes titres */
        overflow: hidden ;
        text-overflow: ellipsis ;/* ajoute « … » si le texte dépasse */
        white-space: nowrap ;
		
		 /* Diminuer la hauteur de ligne du texte */
        line-height: 1.2 !important;        /* valeur plus petite que la normale */
        font-size: inherit !important;      /* garder la taille actuelle */
		
    }
}