/*  Theme Name:   La Maison des Femmes
Theme URI:    
Description:  Thème enfant de Twenty Twenty-Five
Author:       Daventure & Les Canumériques
Author URI:   
Template:     twentytwentyfive
Version:      0.1.0 */



/*THEME*/


body {
font-size: var(--wp--preset--font-size--medium);
}

h1{
    padding: 2.5rem 0;
    hyphens: auto;
}


h3{
    line-height: 2.5;
}

.wp-site-blocks{
    padding-bottom:0px;
    padding-top:0px;
}

.titre-texte{
gap:0.784rem;
}


.home-h1{
z-index:-15;
position:absolute;
}

@media (min-width: 576px){
h1{
    padding: 3.5rem 0rem;
}

.titre-texte{
gap:1.776rem;
}


}




/*BUTTON*/


.wp-block-button img{
  padding-left: 0.5rem;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.wp-element-button:hover
{
 background-color: var(--wp--preset--color--background-4);   
 color:var(--wp--preset--color--background-1);
}


.wp-block-button a:hover{
text-decoration: underline;
}

.wp-block-button a:hover img {
  -webkit-transform: translateX(8px);
  transform: translateX(8px);
}

/* Focus styles */
:where(.wp-site-blocks *:focus-visible) {
	outline-width: 2px;
	outline-style: solid;
    outline-color: var(--wp--preset--color--background-5);
}

.nav a:focus-visible,
.wp-block-buttons a:focus{
    text-decoration: underline;
}

.wp-site-blocks{
    position :sticky;
    top:0;
    z-index:50;
}


/*HEADER MOBILE*/

.exit a img{
    padding-left: 0;
}

.wp-container-core-group-is-layout-12a27398{
    justify-content: space-between;
    width: 100%;
    padding: 0.5rem 1.96rem;
}

header.wp-block-template-part{

background-color: var(--wp--preset--color--background-1);
border-radius: 0 0 12.54px 12.54px;
position: sticky;
top:0;
}

.entry-content{
    margin-top:-1rem;
}



/**********HEADER-RESPONSIF**********/


.mobile,
.is-layout-flex.mobile{
    display:flex;
    justify-content: space-around;
}

.desktop,
.is-layout-flex.desktop{
    display:none;
}


/*DESKTOP*/
@media (min-width: 1025px){

header.wp-block-template-part{
border-radius: 0px;

}
.mobile,
 .is-layout-flex.mobile{
    display:none;
 } 
 .desktop{
    display:block;
 }

 .is-layout-flex.desktop{
    display:flex;
 }

 .wp-block-site-logo img{
    padding-inline-start: 7rem;
 }

.top-header{
    padding :1.188rem 2rem;
}

}




/****MENU MOBILE

@keyframes overlay-menu__slide-down {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

@keyframes overlay-menu__slide-up {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-100%);
  }
}
*/
/*
@media not (prefers-reduced-motion) {
  /* Ouverture *//*
 .wp-block-navigation__responsive-container.is-menu-open {
    animation: overlay-menu__slide-down 1s ease-out forwards;
  }

}*/

#modal-4{
height: 99vh;
margin-top:4rem;
}

.nav{
    position:fixed;
    left: 0; 
    right: 0; 
    margin-left: auto; 
    margin-right: auto; 
    z-index: 1;
   /*transition: transform 0.3s ease-in-out;*/
    top: 5rem;;

}

/*
.nav.menu-hide {
    /* Déplace le menu vers le haut, hors de la vue */
   /* transform: translateY(-145%);
}*/



/* -------------------------
   Bouton mobile - texte + icône
   ------------------------- */
.wp-block-navigation__responsive-container-open {
  display: inline-flex;          /* aligne texte + icône sur la même ligne */
  align-items: center;
  gap: 0.5rem;                  /* espace entre texte et icône */
  font-weight: 600;              /* reprend style natif */
  font-size: 1rem;
  color: inherit;                /* texte hérite de la couleur du thème */
  text-indent: 0;                /* assure l'affichage du texte */
}

/* Ajouter l’icône hamburger après le texte */
.wp-block-navigation__responsive-container-open::after {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='%23F5EBDB'><rect y='4' width='24' height='2' rx='1'/><rect y='11' width='24' height='2' rx='1'/><rect y='18' width='24' height='2' rx='1'/></svg>") no-repeat center;
  background-size: contain;
  vertical-align: middle;
}

/* -------------------------
   Bouton Fermer - texte + icône
   ------------------------- */

.wp-block-navigation__responsive-container-close {
  display: inline-flex;           /* aligne texte + icône sur la même ligne */
  align-items: center;
  gap: 0.5rem;                    /* espace entre texte et icône */
  font-size: 1rem;
  color: inherit;                  /* texte hérite de la couleur du thème */
  text-indent: 0;                  /* assure l'affichage du texte */
  background-color: var(--wp--preset--color--background-4);
  padding: 0.438rem 0.875rem;
  color:var(--wp--preset--color--background-2);
  width: fit-content;
  border-radius: 360px;
  justify-content:center;
  left: 50%;
transform: translateX(-50%);
}

.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close {
 font-weight: 400; 
 font-family :var(--wp--preset--font-family--atkinson-hyperlegible);
}


/* Ajouter l’icône croix après le texte */
.wp-block-navigation__responsive-container-close::after {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='%23F5EBDB'><path d='m13.06 12 6.47-6.47-1.06-1.06L12 10.94 5.53 4.47 4.47 5.53 10.94 12l-6.47 6.47 1.06 1.06L12 13.06l6.47 6.47 1.06-1.06L13.06 12Z'></path></svg>") no-repeat center;
  background-size: contain;
  vertical-align: middle;
}


.wp-block-navigation__responsive-container-open{
    background:var(--wp--preset--color--background-4);
    padding: 0.438rem 0.875rem;
     border-radius:360px;
    color:var(--wp--preset--color--background-2);
    width: 118px;
    justify-content :space-between;
} 


.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open{
 font-family: var(--wp--preset--font-family--atkinson-hyperlegible);
}


.wp-block-navigation__responsive-container-content{
    height: 27rem;
    
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
 justify-content: space-between;
  height: 78vh;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
    width:100%;
    display:flex;
    align-items: normal;
}

.nav-button{
    width : 100%;
}


.wp-block-navigation{
    font-family:var(--wp--preset--font-family--sporting-grotesque) ;
}


 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item {
align-items: normal;
}

span.wp-block-navigation-item__label{
    display: flex;
    justify-content: space-between;
}

.wp-block-navigation-span img{
    vertical-align: middle;
}

.nav.menu-hide{

    display:none;
}
 /*
    .nav.menu-hide{
  transform: translateY(-175%);
    }
   
    .nav{
      transition:  top 0.3s ease-in-out;
    }*/


/*MENU TAB*/

@media (min-width: 992px) {

    .nav.mobile{
        display: none;
    }
    .nav.desktop{
        display: flex;
    }

   
.nav.menu-hide {
    /* Déplace le menu vers le haut, hors de la vue */
   transform: translateY(-175%);
}
}

/*MENU DESKTOP*/


@media (min-width: 1024px){
.nav{
    position:fixed;
    top:7rem;
    left: 0; 
    right: 0; 
    margin-left: auto; 
    margin-right: auto; 
    z-index: -1;
    width: fit-content; 
   transform: translateY(0);
    transition: transform 1s ease-in-out;
   
}
/*
.nav.menu-hide{
transform:translateY(-9rem);
}
*/
.wp-block-navigation{
    font-family: var(--wp--preset--font-family--atkinson-hyperlegible);
}

.wp-block-navigation{
background-color: var(--wp--preset--color--background-4);
color:var(--wp--preset--color--background-2) ;
border-radius : 4.188rem;
padding:0.75rem 1.5rem;
width:fit-content;
}

.wp-block-navigation li{
    font-size: var(--wp--preset--font-size--small);
}

.wp-block-navigation a:focus{
    outline: none;
}


.wp-block-navigation__responsive-container-content{
    height: 0;
}

.wp-block-navigation-item__content{
    padding-inline-start: 1rem;
}
}



/*HERO HOME*/


.hero-back {
    background-image: url('/wp-content/uploads/2025/09/lieu-pour-les-femmes-mobile-scaled.webp');
    background-repeat: no-repeat;
    background-size:cover;
    background-position-x: center;
    padding:0;
}

.hero-content {
    flex-direction: column;
    padding: 1rem 0 25rem 0;
}

.wp-block-cover>.wp-block-cover__inner-container{
    padding : 3.5rem 1.96rem 2rem 1.96rem;
}


@media (min-width: 768px) and (max-width:1023px){

.hero-back{
    background-position:0 75%;
}
}


@media (min-width: 1024px){
  

    .hero-back {
    background-image: url('/wp-content/uploads/2025/09/lieu-pour-les-femmes-scaled.webp');
    background-position: 50% 78%;
    background-repeat: no-repeat;
    background-size:cover;
    }

    .hero-content {
    flex-direction: row;
    padding-top: 8rem;
    }
    .wp-block-cover>.wp-block-cover__inner-container{
    padding : 0 3.5rem;}
}

@media (min-width: 992px) and (max-width:1024px){

 .hero-content {
    padding-bottom :3rem;
}
}





/*SECTIONS*/

/*Backgrounds*/


.back-section{
   padding:4rem 1.96rem 2rem 1.96rem;
   border-radius: 0.5rem;
   margin-block-start:-0.5rem;
}

.back-top{
    padding-top:0rem;
    padding-bottom: 2rem;        
}


.back-1{
   background :var(--wp--preset--color--background-1);
}

.back-2{
 background-color:var(--wp--preset--color--background-2);
}

.back-3{
 background-color:var(--wp--preset--color--background-3);
}


.back-5{
background-color:var(--wp--preset--color--background-5);
padding:1.25rem;
border-radius:15px;


}

.back-6{
    background:linear-gradient(180deg,#fcf8f6 0%,#f0e2d8 100%); 

}


.section-content{
    row-gap:2.352rem;
    }


@media (min-width: 576px){
.back-section {
   padding:4.5rem 4.875rem;
   border-radius: 0;

}

.back-top{
    padding-top:7rem;
    padding-bottom: 4.5rem;        
}

.back-2{
 width:100vw;
}



.back-6{
    background:linear-gradient(180deg,#fcf8f6 0%,#f0e2d8 100%);
 

}


.section-content{
    row-gap:2.66rem;
    }

}


/*BLOC QUI SOMMES NOUS*/

/* Assurer que le conteneur parent du placeholder est une référence pour le positionnement absolu */
.wp-block-embed__wrapper {
    position: relative;
}

/* Forcer le placeholder du cookie à prendre 100% de la largeur et de la hauteur de son parent */
.video-placeholder-youtube {
    position: absolute !important; /* Important pour que le positionnement absolu prenne le dessus */
    top: 0 !important;
    left: 0 !important;
    width: 100% !important; /* Écrase la largeur en ligne */
    height: 100% !important; /* Écrase la hauteur en ligne */
    margin: 0 !important; /* Supprime toute marge potentiellement ajoutée */
    padding: 0 !important; /* Supprime tout padding potentiellement ajouté */
    box-sizing: border-box !important; /* S'assure que le padding et la bordure sont inclus dans la largeur/hauteur */
}

/* S'assurer que le texte du placeholder est bien centré et lisible */
.video-placeholder-text-youtube {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Centre le texte */
    width: 90%; /* Pour éviter le débordement sur les bords */
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
}

/*BLOC MISSIONS*/

.carts{
    gap:2rem;
    margin :2.5rem 0 2rem 0;
    
}

.back-5 img{
    max-width: 10rem;
    margin-bottom:0rem;
}


@media (min-width: 1200px){



.video figure{
    max-width: 66.67%;
}



.back-5 img{
    max-width: 12rem;
    margin-bottom: -7rem;
}

}


@media (min-width-1400px){
    .back-5{
    padding:2.5rem 0 3.5rem 2.5rem;
}
}


@media (max-width: 1200px){

.carts.desktop{
    display:none;
}

.carts.mobile{
display: flex;
}
}

@media (max-width: 1400px){
.responsif-col{
 flex-direction: column;
}

.back-5{
    padding:2rem;
}


}


/*PROFESIONNELLES*/

.one{
    order:0;
}

.two{
    order:1;
}

.pro-lmdf p{
    background-color:var(--wp--preset--color--background-5) ;
    border-radius :15px;
    padding:1rem;
    width:-webkit-fill-available;
}

@media (min-width: 576px){

.one{
    order:1;
}

.two{
    order:0;
}

}


/*ACCOMPAGNEMENT*/
@media (min-width: 576px){

.section-75{
    max-width: 75%;
}

}
/*IMAGES*/
@media (min-width: 1025px){

.img-section{
padding-right:5.31rem;
padding-left:5.31rem;
}
}

/*FOOTER*/



footer{
    background-color:var(--wp--preset--color--background-3);
    font-size: 0.88rem;
    padding: 1.25rem; 
    border-radius:0.5rem;
    margin-top:-1rem;
    position: relative  ;

}

.footer-logos{
    background-color:var(--wp--preset--color--background-4);
    padding:1.125rem 1rem;
    border-radius:8px;
    gap:0.828rem;
    width: 100%;
}



.footer-logos figure img{
    width:4rem;
}


.mob-logo-min{
    padding: 0 24px;
}


.fr-one{
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
 
}


.fr-two{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    row-gap: 1.5rem;

}

.footer-50{
    width:100%;
    align-items:stretch;
}

.footer-2{
    width:100%;
}


@media (min-width: 992px){


footer{
    padding: 2rem 3.875rem 1rem; 
    border-radius:0;
    font-size: 1.125rem;
}    


.footer-content,
.footer-left{
    flex-direction: row;
    justify-content:space-between;

    }

.footer-logos{
    width: 26.5rem;
}


.footer-logos figure img{
    width:5rem;
}


.fr-one figure img{
  width:auto;
  height :3rem;
}

.wp-container-core-group-is-layout-0f7412a1{
    gap:var(--wp--preset--spacing--80) ;
}

.footer-50{
    width:50%;
}
.footer-2{
    width:auto;
}

.fr-one{
    grid-template-columns: 1fr 1fr 2fr 1fr;
    gap:0.813rem;
}
.fr-two{
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap:0.813rem;
}

.mob-logo-min{
    padding: 0 7px;
}

}


@media (max-width: 576px){

.wp-container-core-group-is-layout-6fe931d8 {
   border-right-width:0px !important ;
}


}

/*PAGE:EN CAS D URGENCE*/

.urg {
    border-radius: 0.5rem;
    padding:0.783rem;
    aspect-ratio : 1/1;
    width: 47%;

}

.urg-bloc{
    gap:0;
}

.mod-num{
    font-size:24px;
    font-weight:700;
    padding-bottom: 0;
}

.mod-titre{
  font-size:18px;
  margin-block-start: 0;
  padding-bottom: 0;
}

.urg-num{
    font-size:16px;
    margin-block-start: 0;
    padding-bottom: 0;
}

.img-17 img{
    width: 70%;
    display: flex;
    margin:auto;
    padding:2rem 0;
}



.back-3-col {
width: 100%;
min-height: 7.8 rem;
padding :1rem;
border-radius : 12.52px;
border:1.78px solid;
}

.back-5-col {
width: 100%;
min-height: 13rem;
padding :1rem;
border-radius : 12.52px;
border:1.78px solid;
}

.bloc-num {
    gap:1rem;
    padding: 1rem 0;
}



@media (min-width: 576px) and (max-width:1024px){

.bloc-num{
    
    justify-content: center;
}
}


@media (min-width: 1025px){

.bloc-urgence{
    flex-direction: row;
    justify-content: space-between;
}


.bloc-num{
 padding:2rem 0 ;
 display:grid;
 grid-template-columns: 1fr 1fr 1fr 1fr;
 column-gap: 1.5rem;
}

.no-back{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content:space-between;
}



.back-3-col {
width: 18.93rem;
border-radius : 15px;
min-height: 13rem;
}


.back-5-col {
width: 39.9rem;
border-radius : 15px;
}



.wp-container-core-group-is-layout-8558f6ec{
    justify-content: space-between;
}



.img-17 img{
    width: 18rem;
    margin:0;
    justify-content: flex-start;
}

.urg {
    width: 14rem;
     padding:1.776rem;

}


}
@media (min-width: 576px){

.urg {
    width: 14rem;
     padding:1.776rem;
}

.mod-num{
    font-size:36px;
  
}

.mod-titre{
  font-size:24px;
  
}

.urg-num{
    font-size:20px;
    
}


}

/*****LOGOS ASSOCIATIONS****/

.logos-asso{
   grid-template-columns: 1fr 1.2fr 1fr;
   grid-template-rows: repeat(3,1fr);
   justify-items: center;
   padding-top:2rem;

}

.logos-asso figure{
    align-content: center;
    padding: 0.5rem;
}

figure.logo-min{
   padding:1rem ;
}


/*DESKTOP*/
@media (min-width: 576px){
.logos-asso{
    padding:3.5rem 0;
    grid-template-columns: 2fr 1fr 2fr 1fr 3fr 1.5fr 2fr 2fr 2fr;
    grid-template-rows: 1fr;
    gap:2rem;
}


.logos-asso figure{
    padding:0;
}

figure.logo-min{
   padding: 0 ;
}


.logos-asso>figure>img{
 width: 100%;   
 height: 100%;
 object-fit: contain;
}
}


/*MENTIONS LEGALES */

.mentions {
    padding: 4rem 2rem 2rem 2rem;
}
.mentions p{
    padding-bottom: 0
    
}

@media (min-width: 576px){

    .mentions{
    max-width: 66.67% ;
    padding-top:8rem;
    padding-bottom:3rem;

    }
}