/*
====================================
Page trouver SECTION 1
====================================
/* Base styles - Little Mobile (0px) */
.trouver-section1 {
    width: 100%;
    background: #ffffff;
    background-color: transparent;
    z-index:20;
    margin-top:30px!important;
    margin-bottom:30px!important;
}

.trouver-section1__container {
    display: flex;
    flex-direction: row; 
    align-items: center!important;
    justify-content: center;
    width: 95% !important;
    flex-wrap: nowrap!important;
}

/* Colonne gauche */
.trouver-section1__col-left {
    display: flex;
    flex-direction: column;
    align-items: center !important;
    justify-content: center;
    gap: 0.5rem;
    width: 33% !important;
    flex-basis: 33% !important;
}

.trouver-section1__h3 {
    font-size: 0.8rem;
    line-height: 1.7;
    margin: 0;
    text-align: center;
    font-weight: 700;
    text-align: center;
}

.trouver-section1 p {
    font-size: 0.8rem;
    line-height: 1.4;
    text-align: justify;
}

/* Colonne droite */
.trouver-section1__col-right {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 1rem;
    width: 66% !important;
    flex-basis: 66% !important;
}

.trouver-section1__picto img {
    width: 70%;
}     
   
/* Mobile - 350px */
@media (min-width: 350px) {    
  
}

/* Tablet - 768px */
@media (min-width: 768px) {    
    .trouver-section1__container {      
        gap: 1rem;
        align-items: center;
        width: 92%!important
    }

    .trouver-section1 p {
    font-size: 0.9rem;
}
}

/* Desktop - 1024px */
@media (min-width: 1024px) {
    .trouver-section1__container {
       gap: 4rem;
       width: 85%!important        
    }
       
    .trouver-section1__h3 {
	font-size: 1rem;
    }
}

/* Large Desktop - 1200px */
@media (min-width: 1200px) {
    .trouver-section1__container {
        gap: 5rem;
    }   

   .trouver-section1 p {
        font-size: 1rem;
    }    


}

/* Extra Desktop - 1400px */
@media (min-width: 1400px) {
    .trouver-section1__container {
        width: 80%!important;         
    }
    
    .trouver-section1__h3 {
    font-size: 1rem;
}
}

    /* Extra extra Desktop - 1600px */
@media (min-width: 1600px) {
    .trouver-section1 {
        margin-top:50px!important;
        margin-bottom:50px!important;
    }
}


/* Accessibilité */
@media (prefers-reduced-motion: reduce) {
    .trouver-section1__deco-top,
    .trouver-section1__deco-bottom,
    .trouver-section1__corner-top-left,
    .trouver-section1__corner-bottom-right {
        animation: none;
        opacity: 1;
        transform: scale(1);
    }
}

/* Focus pour accessibilité */
.trouver-section1 *:focus {
    outline: 2px solid #0073aa;
    outline-offset: 2px;
}

/*
====================================
Page trouver SECTION 2
====================================
/* Base styles - Little Mobile (0px) */
.trouver-section2 {
    width: 100%;
    background: #ffffff;
    background-color: transparent;
    z-index:20;
}

.trouver-section2__container-top {
    display: flex;
    flex-direction: column; 
    align-items: center!important;
    justify-content: center;
    width: 98% !important;
}

/* Extra Desktop - 1400px */
@media (min-width: 1400px) {
    .trouver-section2__container-top {
        width: 80% !important;
}
}

/* -------
-------sous section intro */
.trouver-section2__container-intro {
    display: flex;
    flex-direction: row; 
    align-items: center!important;
    justify-content: flex-start;
    width: 300px;
}

    .trouver-section2__container-intro .trouver-section2__intro-texte {
    position: relative;
    font-size: 0.8rem;
    line-height: 1.4;
}

.feature1 {   
    margin-top: 0!important;
}

.feature1 img { 
    width: 200px;
}

/* Tel - 350px */
@media (min-width: 350px) {
    .trouver-section2__container-intro {
         width: 330px; 
    }  
}

/* Tablet - 700px */
@media (min-width: 768px) {
    .trouver-section2__container-intro {
         width: 760px; 
    }  

    .feature1 img { 
    width: 140px;
    }
}

/* Tablet - 800px */
@media (min-width: 800px) {
    .trouver-section2__container-intro {
         width: 750px; 
    }  
}

/* Desktop - 1024px */
@media (min-width: 1024px) {
    .trouver-section2__container-intro {
        width: 960px;
    } 

    .feature1 img {
        width: 114px;
    }
}

/* Large Desktop - 1200px */
@media (min-width: 1200px) {
    .trouver-section2__container-intro {
        width: 1200px;
    }

    .trouver-section2__container-intro .trouver-section2__intro-texte {
        font-size: 1rem;
    }
}

/* XXX Ordi - 1400px */
@media (min-width: 1400px) {    
    .trouver-section2__container-intro {
        width: 1200px !important;
    }
}

/* XX Ordi - 1600px */
@media (min-width: 1600px) {     
    .trouver-section2 {
    margin-top: 80px;
}

}

/* XXX Ordi - 1900px */
@media (min-width: 1900px) {    

}

/* --------
---------sous section liste*/
 .trouver-section2__container {
    display: flex;
    flex-direction: row; 
    align-items: center!important;
    justify-content: center;
    margin-top: 0!important;  
    width: 300px;
    height: auto;
    position: relative;
} 

    .trouver-section2__container .cahier {
      width: 100%;
      height: 100%;
      margin: 0!important;
      display: none;
    }

.trouver-section2__container .cahier img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
}

.trouver-section2__row {   
    display: flex;
    flex-direction: column;
    align-items: flex-start!important;
    justify-content: center;
    gap: 0.5rem;
    margin: 20px 0!important
}

.trouver-section2__row p {
    font-size: 0.8rem;
    line-height: 1.7;
    margin: 0;
}

.feature-2 {
    position: absolute;
    top: -15px;
    right: -100px;
    transform: rotate(22deg);   
    display: none;
}

.feature-3 {
    position: absolute;
    bottom:5px;
    right:5px;
    display: none;
}

.feature-2 img {
  width: 40%;
}

.feature-3 img {
    width: 40%;
}


/* Mobile - 350px */
@media (min-width: 350px) {    
  
}

/* Desktop - 700px */
@media (min-width: 700px) {
   
}

/* Tablet - 768px */
@media (min-width: 768px) {   
    .trouver-section2__container {
         width: 760px;
    } 

    .trouver-section2__row {   
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
         margin: 0 20px!important;
         width: 85%;
    }

   .trouver-section2__row p {
        font-size: 0.8rem;
         line-height: 1.5;
    }

    .trouver-section2__container .cahier {
      display: block;
    }
}

/* Tablet - 800px */
@media (min-width: 800px) {  
    .trouver-section2__container {
         width: 800px;
    }   
}    

/* Desktop - 1024px */
@media (min-width: 1024px) {
    .trouver-section2__container {
         width: 960px;
    } 

    .feature-2 {  
      display: block;
	top: -15px;
	right: 54px;
    }

    .feature-3 {
        display: block;
        bottom: 5px;
        right: 95px;
    }

.feature-2 img {
    width: 60%;
}

.feature-3 img {
    width: 75%;
}
}

/* Large Desktop - 1200px */
@media (min-width: 1200px) {
    .trouver-section2__container {
       width: 1200px !important;
    }   

    .trouver-section2__row{	
        gap: 2rem;
	    width: 75%;
    }

       .trouver-section2__row p {
        font-size: 1rem;
    }

    .feature-3 {
    position: absolute;
    bottom:5px;
    right:194px; 
}
}

/* Extra Desktop - 1400px */
@media (min-width: 1400px) {
}

    /* Extra extra Desktop - 1600px */
@media (min-width: 1600px) {
        .feature-3 {
        position: absolute;
        bottom:5px;
        right:130px;
    }
}

/* Desktop - 1900x */
@media (min-width: 1900px) { 

}   

/*-----
------Section Liste */


.trouver-section2__row .wp-block-list {
	margin: 0 !important;
    padding-left: 3px!important;
}

.trouver-section2__row .wp-block-list li {
	font-size: 0.8rem;   
}

.trouver-section2__row p {
    width: 100%;
    margin-left: 8px!important;
} 

/* Extra extra Desktop - 350px */
@media (min-width: 1600px) {
    .trouver-section2__row .wp-block-list {
        margin: 0 !important;
        padding-left: 0!important;
    }
}

/*---------Section Liste Cahier---------*/
.liste-amap__container {
    display: flex;
    flex-direction: row;
    align-items: center!important;
    justify-content: space-around;
    width: 100%;
    margin-top:0!important;
    flex-wrap: wrap;
    
}

 .liste-amap__container p {
    font-size: 0.8rem;
    line-height: 1.7;
    margin: 0;
}

.liste-amap__container .liste-amap__text-container-left,
.liste-amap__container .liste-amap__text-container-right {
    margin: 0!important;
    position: relative;
    flex-basis: 100%;
}

/* Tablet - 768px */
@media (min-width: 768px) {    
.liste-amap__container {	
    flex-wrap: nowrap;
     
}
    .trouver-section2__row .wp-block-list li {
	font-size: 0.9rem;
}

        .trouver-section2__row {
        gap:0.5rem;
    }

    .liste-amap__container .liste-amap__text-container-left,
.liste-amap__container .liste-amap__text-container-right {
    flex-basis: 50%;
}
}

/* Desktop - 1024px */
@media (min-width: 1024px) {
    .liste-amap__container {
       gap: 4rem;      
    }       

    .trouver-section2__row {
        gap:0.5rem;    
    }

    .liste-amap__container .liste-amap__text-container-left::before {
    content: "";
    position: absolute;
    left: -30px;
    top: 0;
    width: 30px;
    height: 100%;
    background-image: url('https://maisonprouane.com/wp-content/uploads/2025/08/maison-prouane-baton-jaune.svg'); 
    background-size: 100% 100%; /* Étire l'image pour remplir exactement l'espace */
    background-repeat: no-repeat;
}

    .liste-amap__container .liste-amap__text-container-right::before {
    content: "";
    position: absolute;
    left: -30px;
    top: 0;
    width: 30px;
    height: 100%;
    background-image: url('https://maisonprouane.com/wp-content/uploads/2025/08/maison-prouane-baton-jaune.svg'); 
    background-size: 100% 100%; /* Étire l'image pour remplir exactement l'espace */
    background-repeat: no-repeat;
}

    
  .liste-amap__container p {
        font-size: 0.9rem;
    }
}

/* Desktop - 1200x */
@media (min-width: 1200px) {

  .liste-amap__container p {
	font-size: 1rem;
    }

    .trouver-section2__row .wp-block-list li {
	font-size: 1rem;
}
}

/* Desktop - 1400x */
@media (min-width: 1400px) {

}

/* Desktop - 1600x */
@media (min-width: 1600px) {    

}   

/* Desktop - 1900x */
@media (min-width: 1900px) {    

}  



/* Accessibilité */
@media (prefers-reduced-motion: reduce) {
    .trouver-section2__deco-top,
    .trouver-section2__deco-bottom,
    .trouver-section2__corner-top-left,
    .trouver-section2__corner-bottom-right {
        animation: none;
        opacity: 1;
        transform: scale(1);
    }
}


/* Focus pour accessibilité */
.trouver-section2 *:focus {
    outline: 2px solid #0073aa;
    outline-offset: 2px;
}


/*
====================================
Page trouver SECTION 3
====================================
/* Base styles - Little Mobile (0px) */
.trouver-section3 {
    width: 100%;
    background: #ffffff;
    background-color: transparent;
    z-index:20;
}

.trouver-section3__container {
    display: flex;
    flex-direction: row; 
    align-items: center!important;
    justify-content: space-around;
    width: 73% !important;
    flex-wrap: nowrap!important;
}

.trouver-section3__row {
    display: flex;
    flex-direction: row; 
    align-items: center!important;
    justify-content: center;
    width: 100% !important;
}

/* Colonne gauche */
.trouver-section3__col-left {
    width: 100% !important;
    flex-basis: 100% !important;
    display: flex;
    flex-direction: column;
    align-items: center !important;
    justify-content: center;
    gap: 0.5rem;  
}

.trouver-section3__col-left p {
    font-size: 0.8rem;
    line-height: 1.4;
    text-align: center;
}

/* Colonne droite */
.trouver-section3__col-right {
    width: 100% !important;
    flex-basis: 100% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap!important;
    gap: 1rem;
    border-radius: 50px;   
}

.trouver-section3__col-right p {
    font-size: 0.8rem;
    line-height: 1.4;
    text-align: center;
    margin: 0 10px;
}
 

.trouver-section3__col-right .img1_container { 
    z-index: 20;
}

    .trouver-section3__col-right  .img1_container img,
    .trouver-section3__col-right .img2_container img {
        width: 280px;
    }

.trouver-section3__col-right .img1_container::after,
.trouver-section3__col-right .img2_container::after {
    content:'';
    position:absolute;
    border: 11px solid hsla(35, 94%, 59%, 0.425);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 18px;
    }  

.trouver-section3__col-right .img1_container::before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	border-radius: 18px;
	background-color: #ad2241ff;
	z-index: -1;
    bottom: -30px;
    right: -30px;
}

.trouver-section3__col-right .img2_container::before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	border-radius: 18px;
	background-color: #b4cff8ff;
	z-index: -1;
    top: -30px;
    left: -30px;
}

.trouver-section3__col-right  .img1_container img,
.trouver-section3__col-right .img2_container img {
	border-radius: 18px;
}

   
/* Mobile - 350px */
@media (min-width: 350px) {    
  .trouver-section3__container {
	width: 95% !important;
}

.trouver-section3__col-right .img1_container::before {
    bottom: -22px;
    right: -22px;
}

.trouver-section3__col-right .img2_container::before {
	top: -22px;
    left: -22px;
}
}

/* Tablet - 768px */
@media (min-width: 768px) {    
    .trouver-section3__container {  
        align-items: center;
        width: 85%!important
    }

    .trouver-section3__col-right  {
        gap: 2.7rem;
    }
    
    .trouver-section3__col-right .img1_container img,
    .trouver-section3__col-right .img2_container img {
	width: 300px;
}

.trouver-section3__col-right .img_container::after {
	border: 15px solid rgba(138, 21, 21, 0.625);
}

    .trouver-section3__col-right .img1_container::before {
        bottom: -30px; 
        right: -30px; 
    }
    .trouver-section3__col-right .img2_container::before {
        top: -30px;
        left: -30px;
    }
}

/* Tablet - 1024px */
@media (min-width: 1024px) {    
    .trouver-section3__container {   
        align-items: center;
        width: 92%!important
    }

    .trouver-section3__col-right {
	    gap: 0.7rem;
    }

    .trouver-section3 p {
    font-size: 0.9rem;
}
}

/* Tablet - 1200px */
@media (min-width: 1200px) {    
.trouver-section3 p {
    font-size: 0.9rem;
}

.trouver-section3__col-right {
    width: 66% !important;
    flex-basis: 66% !important;
    gap: 2.5rem;
    padding: 0 0; 
}

.trouver-section3__col-left {
    width: 33% !important;
    flex-basis: 33% !important;
}

.trouver-section3__col-right .img1_container {
    margin-top: -150px;
}

.trouver-section3__col-right .img2_container {
    margin-top: 250px;   
}

    .trouver-section3__col-right  .img1_container img,
.trouver-section3__col-right .img2_container img {
	width: 320px;
}
}

/* Tablet - 1400px */
@media (min-width: 1400px) {    
    .trouver-section3 p {
    font-size: 1rem;
}

    .trouver-section3__container {      
        gap: 2rem;
        align-items: center;
        width: 85%!important
    }

    .trouver-section3__col-right {
	    gap: 3.3rem;
    }

    .trouver-section3__col-right  .img1_container img,
    .trouver-section3__col-right .img2_container img {
	width: 350px;
}

    .trouver-section3__col-right .img1_container::before {
        bottom: -40px;
        right: -40px;
    }

    .trouver-section3__col-right .img2_container::before {
        top:  -40px;
        left:  -40px;
    }
}


/* XXX Desktop  - 1900px */
@media (min-width: 1900px) {  
    .trouver-section3__container {  
        width: 75%!important
    }

    .trouver-section3__col-right {
	    gap: 4.4rem;
    }

        .trouver-section3__col-right .img1_container img,
    .trouver-section3__col-right .img2_container img {
        width: 420px;
    }

    .trouver-section3__col-right .img1_container::before {
        bottom: -50px;
        right: -50px;
    }

    .trouver-section3__col-right .img2_container::before {
        top: -50px;
        left: -50px;
    }
}

/*
====================================
Page trouver SECTION 4
====================================
/* Base styles - Little Mobile (0px) */
.trouver-section4 {
    width: 100%;
    background: #ffffff;
    background-color: transparent;
    z-index:20;
    margin: 50px 0;
}

.trouver-section4__container {
    display: flex;
    flex-direction: column; 
    align-items: center!important;
    justify-content: center;
    width: 95% !important;
    flex-wrap: nowrap!important;
}

.trouver-section4__container p {
    font-size: 0.8rem;
    text-align: center;
    margin: 0 20px!important;
}


/* Tablet - 768px */
@media (min-width: 768px) {    
    .trouver-section4__container {      
        gap: 1rem;
        align-items: center;
        width: 92%!important
    }
}

/* Tablet - 1024px */
@media (min-width: 1024px) {    
    .trouver-section1__container {      
        gap: 1rem;
        align-items: center;
        width: 92%!important
    }

.trouver-section4__container p {
    font-size: 0.9rem;
    text-align: center;
}
}

/* Desktop - 1400px */
@media (min-width: 1400px) {  
    .trouver-section4 {      
       margin: 50px 0!important;
    }
    
    .trouver-section4__container {      
        gap: 1rem;
        align-items: center;
        width: 92%!important
    }

.trouver-section4__container p {
    font-size: 1rem;
}
}