/*
 Theme Name:   Frost Child
 Template:     frost
 Author:       Dev
 Version:      1.0.0
*/

/* Cible le bloc quand le style est sélectionné */
.wp-block-media-text.is-style-image-wrap {
    display: block !important;
}

.wp-block-media-text.is-style-image-wrap .wp-block-media-text__media {
    float: right !important;
    width: 50% !important;
    margin-left: 20px !important;
    margin-bottom: 10px !important;
}

.wp-block-media-text.is-style-image-wrap .wp-block-media-text__content {
    display: block !important;
    padding: 0 !important;
}

.is-style-feuille-blanche {
	padding: var(--wp--custom--spacing--large);
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

.is-style-liste-simple-pure {
    font-size: 1rem !important; /* Taille normale */
    font-weight: 400 !important; /* Pas de gras */
    margin: 0 !important;       /* Pas d'espacement */
    line-height: 1.5;
    display: inline-block;      /* Permet de mettre des puces devant */
}

/* Optionnel : ajouter une puce automatique */
.is-style-liste-simple-pure::before {
    content: "• ";
    margin-right: 5px;
}

/* Pas de marge top pour l'element qui suit une image alignee a gauche ou a droite */
figure.alignright + *, figure.alignleft + * {
    margin-top: 0 !important;
}

/* État normal */
.wp-block-navigation-item__content {
    transition: text-shadow 0.3s ease;
    text-shadow: 0 0 0 rgba(0,0,0,0);
}

/* État au survol */
.wp-block-navigation-item__content:hover {
    /* On utilise 0.2px pour un effet très fin */
    text-shadow: 0.3px 0 0 currentColor, -0.3px 0 0 currentColor;
}

/* Votre code pour le sous-menu (inchangé) */
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
    background-color: #fff;
    border: 1px solid #000;
    color: #333;
    padding: 10px;
}


/* Fond du menu mobile ouvert */
.wp-block-navigation__responsive-container.is-menu-open {
    background-color: rgba(255, 255, 255, 0.8) !important; /* Blanc à 80% d'opacité */
    backdrop-filter: blur(10px); /* Floute le contenu de la page derrière */
    -webkit-backdrop-filter: blur(10px);
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item a {
    padding: 0 !important;
    line-height: 1.2 !important; /* Réduit la hauteur de ligne du texte */
    width: 100%;
    display: block;
}

/* 1. Réduire l'espacement global du conteneur mobile */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
    gap: 8px !important; /* Réduit l'espace entre les boutons */
    padding-top: 20px !important; /* Marge en haut du menu */
    align-items: center; 
}

/* 2. Réduire la taille des "boîtes" de chaque lien */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
    background-color: rgba(245, 245, 245, 0.7); /* Gris transparent */
    margin: 4px 20px !important; /* Marge externe réduite (haut/bas à 4px) */
    padding: 8px 15px !important; /* Marge interne réduite (hauteur à 8px) */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Ombre légère */
    width: 100%; /* Pour éviter que ça prenne toute la largeur si tu veux un look plus centré */
}