/*
====================================
verger SECTION 5   
====================================
*/

/* Base styles - Little Mobile (0px) */
.verger-section5 {
    width: 100%!important;
    padding: 0!important;
    background: #ffffff;
    margin:0;
    background-color: transparent;
    z-index: 20;
}

.verger-section5__container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    width: 78%!important; 
    position: relative;
}

.verger-section5__row {
    display: flex;
    flex-direction: row;
    align-items: center!important;
    justify-content: center;
}

/* Colonne gauche */
.verger-section5__col-left {
    flex-basis: 100% !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}

.verger-section5__title {
    font-size: 1.3rem;
    line-height: 1.3;
    margin: 0;
}    

.verger-section5__col-left::before {
	content: '';
	position: absolute;
    background-image: url('https://maisonprouane.com/wp-content/uploads/2025/07/maison-prouane-jeune-pousse-fraise.svg');
	background-size: contain;
    background-repeat: no-repeat;
    background-position: right center;
    top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
    display: none;
}

.verger-section5__image-principale {
    height: 100%;
    width: auto;
}

.page-id-217 .verger-section5 {
    position: relative
}



/* Colonne droite */
.verger-section5__col-right {
    flex-basis: 100% !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}

.verger-section5__col-right .verger-section5__text-container {
    padding: 5px 5px 5px 5px;
    margin: 0!important;
}

.verger-section5__description {
    font-size: 0.8rem;
    text-align: justify;
    line-height: 1.7;
}

.verger-section5__bloc-bottom-right {
    position: absolute;
    bottom: 0;
    right: 0;
    display: none;
    margin: 0!important;
    text-align: right!important;
}

.verger-section5__bloc-top-right {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    margin: 0!important;
}

/* Mobile - 350px */
@media (min-width: 350px) {
    .verger-section5 {

    }
    
    .verger-section5__title {
        font-size: 1.3rem;
    }    
}

/* Tablet - 768px */
@media (min-width: 768px) {
    .verger-section5 {
        /* padding: 0rem 2rem; */
    }
        
    .verger-section5__title {
        font-size: 1.5rem;
    }
    
    .verger-section5__description {
        font-size: 0.9rem;
        margin-top: 15px;
    }    
    
}

/* Desktop - 782px */
@media (min-width: 782px) {
    .verger-section5__row {  
        flex-wrap: wrap !important;    
    }
} 

/* Desktop - 1024px */
@media (min-width: 1024px) {
    .verger-section5 {
   
    }

    .verger-section5__container {  
    width: 100%!important; 
}

    .verger-section5__row {      
        flex-wrap: nowrap !important;    
    }


        .verger-section5__col-left {
        width: 50% !important;
        flex-basis: 50% !important;
    }

    .verger-section5__col-left::before {	
    display: block;
}

    .page-id-217 .verger-section5 .wp-block-columns::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 12px solid rgba(86, 128, 34, 0.486);
		pointer-events: none;
	z-index: 1;
}

        .verger-section5__col-right {
        width: 50% !important;
        flex-basis: 50% !important;
    }

    .verger-section5__bloc-top-right {
	    width: 30%;	
        display: block;
    }

    .verger-section5__bloc-bottom-right {
	    width: 18%; 
        display: block;
    }

        .verger-section5__main-image {
        max-width: 400px;
    }  
    
    .verger-section5__col-right .verger-section5__text-container {
       padding: 50px 120px 50px 20px;
    }

    .verger-section5__title {
        font-size: 1.2rem;
    } 
 
   
}

/* Large Desktop - 1200px */
@media (min-width: 1200px) {
    .verger-section5 {
      
    }

    .page-id-217 .verger-section5 .wp-block-columns::after {
     border: 25px solid rgba(86, 128, 34, 0.486);
    }
      
    .verger-section5__description {
        margin-top: 25px;
    }
    
    .verger-section5__title {
        font-size: 1.5rem;
    }
    
        .verger-section5__col-right .verger-section5__text-container {
       padding: 20px 210px 50px 20px;
    }
      
    .verger-section5__main-image {
        max-width: 450px;
    }     
    
}

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

        .verger-section5__col-left {
        width: 30% !important;
        flex-basis: 30% !important;
    }

        .verger-section5__col-right {
        width: 70% !important;
        flex-basis: 70% !important;
    }

     .verger-section5__title {
        font-size: 1.7rem;
    }
       
      .verger-section5__main-image {
        max-width: 400px;
    }

     .verger-section5__col-right .verger-section5__text-container {
    padding: 0px 200px 0px 20px;
    }
       
}

/* Extra extra extra Desktop - 1600px */
@media (min-width: 1600px) {
     .verger-section5__col-right .verger-section5__text-container {
    padding: 0px 270px 0px 20px;
    }
}    

/* Extra extra extra Desktop - 1900px */
@media (min-width: 1900px) {
    .verger-section5__main-image {
        /* margin-right: 0px; */
    }

    .verger-section5__col-right .verger-section5__text-container {
    padding: 0px 311px 0px 20px;
    }

    /* .verger-section5__image-principale img {
	height: 70%;
	width: auto;
} */
}


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

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