/* Remplacer la barre de fond par une frise végétale */
.site-header-below-section-center,
.ast-grid-section-center,
.site-below-header-wrap {
    background-color: transparent !important; /* Supprime la couleur de fond actuelle */
/*    background-image: url('chemin/vers/votre-frise-vegetale.jpg') !important; *//* Remplacez par le chemin de votre image */
    background-repeat: repeat-x; /* L'image se répète horizontalement */
    background-size: auto 100%; /* Hauteur automatiquement ajustée */
    background-position: center; /* Centré verticalement */
/*    background-image: url('/wp-content/themes/astra-child/images/frise-vegetale.jpg') !important;*/
}

/* Ajuster la couleur du texte pour qu'il soit lisible sur votre frise */
.site-header-below-section-center a,
.site-header-below-section-center span {
    font-family: 'Open Sans', sans-serif; /* Remplacez par la police souhaitée */
    font-size: 16px; /* Ajustez la taille selon vos préférences */

    color: #333333 !important; /* Ajustez cette couleur pour qu'elle contraste bien avec votre frise */
    transition: all 0.3s ease; /* Animation fluide pour les effets */

    background-color: transparent !important; /* Supprime le fond gris */
    font-weight: 600; /* Rend le texte un peu plus épais pour améliorer la lisibilité */
    text-shadow: 0 0 3px white; /* Ajoute une ombre au texte pour améliorer la lisibilité si nécessaire */
}

/* Effet au survol des liens */
.site-header-below-section-center a:hover {
    color: #009900 !important; /* Couleur au survol - à ajuster selon vos préférences */
}

/* TODO */
/* Style pour les éléments de menu actifs uniquement */
.site-header-below-section-center a:active,
.site-header-below-section-center a:active,
.ast-grid-section-center a:active,
.site-below-header-wrap a:active {
    color: #8a2be2 !important; /* Couleur violette pour les éléments actifs */
    font-weight: 700 !important; /* Un peu plus gras pour l'élément actif */
    border-bottom: 2px solid #8a2be2 !important; /* Ligne violette sous l'élément actif */
}