/*
Theme Name: Mon Thème Enfant - (Basé sur Astra)
Theme URI: https://lemondedetina83.fr/
Description: Thème enfant pour personnaliser le thème astra.
Author: Kaced Fethi
Author URI: https://kreanumerique.fr/
Template: astra 
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: montheme-child
*/
/* flèche haut de page à gauche sur la page contact */
body.page-id-63 .ast-scroll-to-top-right
{
    left: 30px;
}

/*** couleur titre avis facebook ***/

.post-60 .ti-widget.ti-face .ti-widget-container .ti-name
{
color: #cb1b4f;
}



	/* 1. État de Base (Normal) */
.post-60 .ti-review-item {
    /* Transition pour lisser les changements au hover */
    transition: all 0.3s ease-in-out; 
    
    /* Ombre de base spécifiée par l'utilisateur */
    /* 0 | 8px (Décalage Y) | 25px (Flou) | 0 (Étendue) | Couleur (50% opacité) */
    box-shadow: 0 8px 25px 0 rgba(203, 27, 79, 0.5); 
}

/* 2. État au Survol (Hover) */
.post-60 .ti-review-item:hover {
    /* Mouvement : décale l'élément vers le haut (le soulève) */
    transform: translateY(-8px); 

    /* Ombre Hover : plus large (pour simuler la distance) et légèrement plus forte */
    /* On augmente le Décalage Y et le Flou pour un effet plus diffus */
    box-shadow: 0 15px 35px 0 rgba(203, 27, 79, 0.65); 
}

/*** MODALE DON ***/

/* Ciblage des icônes SVG dans tous les boutons UAGB/Spectra */
#popmake-2224 img {
    
    border-radius:999px !important;
	margin: 0 auto;
	max-width:80%;
}

#popmake-2224 .wp-block-uagb-image figure
{
justify-content: center
}

.bouton-modale
{
	margin:20px 0 25px 0;
}

#popmake-2224 a.uagb-buttons-repeater span
{
	width: 20px;
    height: 20px;
    margin-left: 10px;
}

#popmake-2224, #popmake-2218
{
    border: solid 3px #ba1849;
    border-radius: 65px 0 65px 0;
}

/* séparateur modale */
#popmake-2218 .wp-block-separator
{
	width:30px;
}

/* taille picto modales */
.blog .pum-container .uagb-button__icon svg,
body.page-id-63 .pum-container .uagb-button__icon svg
{
    fill: currentColor;
    width: inherit;
    height: inherit;
}

/* disposition picto modales */
body.blog .pum-container .uagb-button__wrapper a,
body.page-id-63 .pum-container .uagb-button__wrapper a
{
    display:inline-flex;
}

/* position picto modale */
.pum-container .uagb-button__icon
{
	bottom: 3px;
	position:relative;
}

/* Responsive modale */
@media screen and (max-width: 500px)
{
	.pum-content .uagb-container-inner-blocks-wrap
	{
		flex-direction: column-reverse;
	}
	
	.pum-content .wp-block-uagb-image
	{
		margin-bottom: 15px;
	}
	
	.pum-content .wp-block-uagb-buttons .uagb-buttons__wrap
	{
		justify-content:center;
	}
}
/* correction mise en page blog */
.blog .pum-container .pum-content .uagb-container-inner-blocks-wrap
{
    display: flex;
    align-items: center;
}

.blog .pum-container .pum-content .uagb-container-inner-blocks-wrap .wp-block-uagb-container
.uagb-container-inner-blocks-wrap .wp-block-uagb-container
{
	display:block;
}

/* modale rib */
#popmake-2588
{
	border-radius: 30px 0;
    border: solid 3px #cb1b4f;
}

/*** BLOG ***/

.single-post article p
{
    margin-bottom: inherit;
}


/*** CONTACT ***/

/*** champs formulaire ***/
#post-63 .background-champs-formulaire input,
#post-63 .background-champs-formulaire .ts-control,
#post-63 .background-champs-formulaire textarea
{
	background-color:#ffffff;
	border: none;
	margin: 0;
}
/*** arrière plan formulaire ***/
#post-63 .background-champs-formulaire
{
	background-color: #cb1b4f;
}

/*** message d'erreur***/
div.srfm-error-message
{
	color:#ffffff !important;
}

.uagb-block-3f9006d1 .wp-block-uagb-container .wp-block-uagb-container .wp-block-uagb-image--layout-default
{
	margin:0;
}


/*** FOOTER ***/

/* --- Styles pour les images Instagram et Facebook dans le pied de page --- */

/* 1. Style initial (pour les transitions et l'opacité par défaut) */
.site-footer .wp-block-uagb-image img {
    /* Rend l'animation fluide sur 0.3 secondes */
    transition: all 0.3s ease-in-out; 
    /* Opacité légèrement réduite par défaut */
    opacity: 0.9; 
    /* Maintient l'image en place pour le zoom */
    transform: scale(1); 
}

/* 2. Style au survol (Effet HOVER) */
.site-footer .wp-block-uagb-image img:hover {
    /* Zoom de 5% */
    transform: scale(1.1); 
    /* Opacité maximale (l'image devient plus nette) */
    opacity: 1; 
}

/* Correction logos centrage blog */
.blog .site-footer .wp-block-uagb-image,
.single-post .site-footer .wp-block-uagb-image,
.page-id-2188 .site-footer .wp-block-uagb-image,
.page-id-3 .site-footer .wp-block-uagb-image,
.page-id-2194 .site-footer .wp-block-uagb-image,
.page-id-2184 .site-footer .wp-block-uagb-image
 {
	 justify-content: center;
 }
 
 /***Responsive footer ***/
 
/* --- Uniquement pour les écrans mobiles (moins de 500px) --- */
@media screen and (max-width: 700px) {
    
    /* 1. Règle du conteneur principal : Affichage en ligne, mais permet de revenir à la ligne */
    .site-footer .ast-builder-grid-row {
        display: flex;
        flex-direction: row; /* AFFICHAGE EN LIGNE pour mettre les icônes côte à côte */
        flex-wrap: wrap; /* Permet aux éléments de passer à la ligne si la place manque (crucial pour le Copyright) */
        justify-content: center; /* Centrer les icônes sur la ligne */
        align-items: flex-start; /* Aligner les icônes en haut de la ligne */
    }

    /* 2. Règle d'Ordre et de Taille */
    
    /* Section 1 (Insta) : Ordre 1 et prend la moitié de la largeur */
    .site-footer-primary-section-1 {
        order: 1;
        width: 33%; /* Occupe la moitié de la largeur pour être à côté de l'autre icône */
    }

    /* Section 3 (Facebook) : Ordre 2 et prend la moitié de la largeur */
    .site-footer-primary-section-3 {
        order: 2;
        width: 33%; /* Occupe la moitié de la largeur pour être à côté de l'autre icône */
    }

    /* Section 2 (Copyright) : Ordre 3, force le saut de ligne et prend toute la largeur */
    .site-footer-primary-section-2 {
        order: 3;
        width: 100%; /* Prend toute la largeur, forçant le saut de ligne */
        margin-top: 15px; 
        text-align: center;
    }
	
	/* taille icone réseaux sociaux */
	.site-footer .site-footer-section aside.footer-widget-area a img
	{
		width: 50%;
		margin: 0 auto;
	}
}

/*** RESPONSIVE ***/
/* border-color menu */
/*
@media screen and (max-width: 921px) 
{
	.main-navigation ul#ast-hf-mobile-menu li.menu-item
	{
	border: solid 3px pink;
	}
}
*/