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

.accueil-section7__container {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    align-items: center!important;
    justify-content: center;
    width: 76% !important;
}

/* Colonne gauche */
.accueil-section7__col-left {
    width: 100% !important;
    flex-basis: 100% !important;
    display: flex;
    flex-direction: column;
    align-items: center !important;
    justify-content: center;
}
  
.accueil-section7__text-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start !important;
    margin-top: 0;
    width: 100%;
}

.accueil-section7__title {
    font-size: 1.6rem;
    line-height: 1.3;
    margin: 0;
    position: relative;
    z-index: 2;
    text-align: center;
}  

.accueil-section7__description {
    font-size: 0.8rem;
    line-height: 1.7;
    margin: 0;
    text-align: justify;
}

/* Col left Wrapper des images RS */
.accueil-section7__images-wrapper {
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 1rem;
    margin-top: 1rem;
}

.accueil-section7__feature-image-1 {
	width: 50px;
}


/* Colonne droite */
.accueil-section7__col-right {
    width: 100% !important;
    flex-basis: 100% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;  
}


 .accueil-section7__col-right .slider {
	width: 100%;
	height: 100%;
    margin:0!important;   
    position:relative;    
    display: inline-block;    
}

    .accueil-section7__col-right .slider .img-container::after {
        content:'';
    position:absolute;
    border: 11px solid rgba(138, 21, 21, 0.625);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50px;
    }  



 .accueil-section7__col-right .slider .img-container {
     overflow: hidden;
     border-radius: 50px;  
} 

/* Modification du css des arrows du slider */
.slick-prev::before, .slick-next::before {
	font-size: 15px!important;
	opacity: .45!important;
	color: black!important;
}

.slick-prev::before {
	/* content: '←'; */
    content: '<'!important;
}

.slick-next::before {
	/* content: '→'; */
    content: '>'!important;
}

.slick-next {
	margin: 0!important;
}


/* Mobile - 350px */
@media (min-width: 350px) {    
    .accueil-section7__title {
        font-size: 1.75rem;
    }
}

/* Tablet - 768px */
@media (min-width: 768px) {    
    .accueil-section7__container {
        flex-direction: row;
        gap: 3rem;
        align-items: center;
        width:65%!important
    }

    /* Modification du css des arrows du slider */
.slick-prev::before, .slick-next::before {
	font-size: 20px!important;
	opacity: .45!important;
	color: black!important;
}

    .accueil-section7__images-wrapper {
        gap: 1.5rem;
    }

    .accueil-section7__feature-image-1 {
	width: 60px;
}
    
    .accueil-section7__title {
        font-size: 2rem;
    }
    
    .accueil-section7__description {
        font-size: 0.9rem;
    }

    .accueil-section7__col-right .slider {
	width: 95%;
    }

    .accueil-section7__col-right .slider .img-container::after {        
        border: 15px solid rgba(138, 21, 21, 0.625);
    }  

}

@media (min-width: 782px) {
    .accueil-section7__container {
      flex-wrap: wrap!important;
    }

        .accueil-section7__container {
         width:96%!important;
    }


}

/* Desktop - 1024px */
@media (min-width: 1024px) {
    .accueil-section7__container {
      gap: 3rem;
      padding: 0 10px;   
      width:85%!important;
      flex-wrap: nowrap!important;
    }

        .accueil-section7__col-left {
        width: 45% !important;
        flex-basis: 45% !important;
    }

        .accueil-section7__col-right {
        width: 55% !important;
        flex-basis: 55% !important;
    }

    .accueil-section7__text-container {
	    margin-top: 10px;
    }

    .accueil-section7__title {
        font-size: 2rem;
    }

    .accueil-section7__col-right .slider .img-container::after {        
        border: 11px solid rgba(138, 21, 21, 0.625);
    } 
}

/* Large Desktop - 1200px */
@media (min-width: 1200px) {
    .accueil-section7__container {
        gap: 5rem;
    }   
    .accueil-section7__title {
        font-size: 2.5rem;
    }     
    .accueil-section7__description {
        font-size: 1rem;
    }
}

/* Extra Desktop - 1400px */
@media (min-width: 1400px) {
    .accueil-section7__container { 
    width: 88% !important;
}
        
    .accueil-section7__title {
        font-size: 2.75rem;
    }

.accueil-section7__col-right {
    /* border-radius: 44px; */
}   
}

    /* Extra extra Desktop - 1600px */
@media (min-width: 1600px) {
        .accueil-section7__container { 
        width: 80% !important;
    }

        .accueil-section7__feature-image-1{ 
        width: 70px;
    }
}

    /* Extra extra Desktop - 1900px */
@media (min-width: 1900px) {
        .accueil-section7__container { 
        width: 75% !important;
    }
}


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

/* Animation keyframes */
@keyframes fadeInZoom {
    0% {
        opacity: 0;
        transform: scale(0.8);
    }
    50% {
        opacity: 0.7;
        transform: scale(1.1);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

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








.wp-block-woocommerce-customer-account a {	
	color: var(--wp--custom--color--primary)!important;
	display: flex;
	gap: .5em;
	line-height: 1;
	padding: .5em;
	text-decoration: none !important;
	white-space: nowrap;
}

.wc-block-mini-cart__button {
	color: var(--wp--custom--color--primary)!important;

}