body * {font-family: "Lato", sans-serif;}

/* font-family: "Yeseva One", serif; */

h1, h2, h3, h4, .underline, .underline2 {
    font-family: 'Yeseva One', serif;
    font-weight: regular; /* PAS bold */
}

/* Style bouton1 corrigé */
.bouton1 .wiziBtn__wrapper {
    text-align: right;
    margin-top: 20px;
}

.bouton1 .wiziBtn {
    color: #000000 !important; /* Forcer noir */
    background-color: #fbd3a0;
    border: none;
    border-radius: 10px;
    padding: 12px 24px;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease;
    font-family: inherit;
}

/* Effet hover */
.bouton1 .wiziBtn:hover {
    background-color: #f9c98b;
    color: #000000 !important; /* Reste noir au survol aussi */
}

/* Style pour bouton2 */
.bouton2 .wiziBtn__wrapper {
    text-align: right;
    margin-top: 20px;
}

.bouton2 .wiziBtn {
    color: #000000 !important; /* texte noir */
    background-color: transparent !important; /* pas de fond */
    border: 1px solid #000000;
    border-radius: 10px;
    padding: 12px 24px;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease;
    font-family: inherit;
}

/* Effet hover : bordure et texte restent noirs, pas de fond */
.bouton2 .wiziBtn:hover {
    background-color: transparent !important;
    color: #000000 !important;
    border-color: #000000;
}




.underline, .underline2 {
    display: inline-block; /* au lieu de block */
    position: relative;
}

/* underline (ligne beige) */
.underline::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -6px; /* Ajuste selon ta hauteur de texte */
    width: 50px;
    height: 4px;
    background-color: #F5D7A0;
    transition: width 0.3s ease;
}

.underline:hover::after {
    width: 80px;
}

/* underline2 (ligne noire) */
.underline2::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 50px;
    height: 4px;
    background-color: #000000;
    transition: width 0.3s ease;
}

.underline2:hover::after {
    width: 80px;
}

/* Fond bois aligné exactement avec la hauteur de la photo */
.nosbougies .wizi-imgtxt__right {
    background-image: url('https://media.cdnws.com/_i/406563/RAW-85/1006/85/fond-bois.jpeg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
}

/* Force la hauteur pour être égale entre les deux colonnes */
.nosbougies .wizi-imgtxt--half {
    display: flex;
    align-items: stretch;
}

/* Pour que le texte n'ait pas de marge qui casse l'alignement */
.nosbougies .wizi-imgtxt__wrap {
    padding: 40px;
    width: 100%;
}

/* Mobile responsive */
@media (max-width: 768px) {
    .nosbougies .wizi-imgtxt {
        flex-direction: column;
    }

    .nosbougies .wizi-imgtxt__right,
    .nosbougies .wizi-imgtxt__left {
        width: 100%;
    }

    .nosbougies .wizi-imgtxt__wrap {
        padding: 20px;
    }
}


/* Fond bois aligné exactement avec la hauteur de la photo */
.nosfondants .wizi-imgtxt__left {
    background-image: url('https://media.cdnws.com/_i/406563/RAW-85/1006/85/fond-bois.jpeg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
}

/* Force la hauteur pour être égale entre les deux colonnes */
.nosfondants .wizi-imgtxt--half {
    display: flex;
    align-items: stretch; /* très important pour égaliser la hauteur */
}

/* Pour que le texte n'ait pas de marge qui casse l'alignement */
.nosfondants .wizi-imgtxt__wrap {
    padding: 40px;
    width: 100%;
}

/* Mobile responsive */
@media (max-width: 768px) {
    .nosfondants .wizi-imgtxt {
        flex-direction: column;
    }
    
    .nosfondants .wizi-imgtxt__right,
    .nosfondants .wizi-imgtxt__left {
        width: 100%;
    }
    
    .nosfondants .wizi-imgtxt__wrap {
        padding: 20px;
    }
}

/* Fond bois aligné exactement avec la hauteur de la photo */
.senteur .wizi-imgtxt__right {
    background-image: url('https://media.cdnws.com/_i/406563/RAW-85/1006/85/fond-bois.jpeg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
}

/* Force la hauteur pour être égale entre les deux colonnes */
.senteur .wizi-imgtxt--half {
    display: flex;
    align-items: stretch;
}

/* Pour que le texte n'ait pas de marge qui casse l'alignement */
.senteur .wizi-imgtxt__wrap {
    padding: 40px;
    width: 100%;
}

/* Mobile responsive */
@media (max-width: 768px) {
    .senteur .wizi-imgtxt {
        flex-direction: column;
    }

    .senteur .wizi-imgtxt__right,
    .senteur .wizi-imgtxt__left {
        width: 100%;
    }

    .senteur .wizi-imgtxt__wrap {
        padding: 20px;
    }
}

/* Appliquer un fond bois à toute la section fondbois */
.fondbois {
    background-image: url('https://media.cdnws.com/_i/406563/RAW-85/1006/85/fond-bois.jpeg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 60px 0; /* espace haut et bas pour respirer */
}

.prod__relative {
    position: relative;
}

.rea {
    background-image: url('https://media.cdnws.com/_i/406563/RAW-86/2634/86/fond-bois-2.jpeg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 40px 0;
    color: #000;
}

.rea__wrapper {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: 0 auto;
    gap: 30px;
}

.rea__item {
    text-align: center;
    max-width: 300px;
    transition: all 0.3s ease;
    padding: 20px;
    border-radius: 10px;
}

.rea__item:hover {
    background-color: rgba(255, 255, 255, 0.5); /* effet blanc transparent au hover */
}

.rea__icon i {
    font-size: 40px;
    margin-bottom: 10px;
    display: inline-block;
    color: #fff; /* Icônes en blanc */
}

.rea__link {
    display: block;
    font-size: 16px;
    color: #000;
}

.rea__link strong {
    display: block;
    font-size: 18px;
    margin-bottom: 5px;
    color: #000;
}

.powered {
    background-color: #fcd8a7;
}

.powered a {
    color: black;
}

.powered__p {
    font-size: .75rem;
    color: black;
    text-align: center;
}

/* Responsive adjustments */
@media (max-width: 1024px) {
    .rea__wrapper {
        gap: 20px;
    }
    .rea__item {
        max-width: 250px;
    }
}

@media (max-width: 768px) {
    .rea__wrapper {
        flex-direction: column;
        gap: 20px;
    }

    .rea__item {
        max-width: 100%;
        padding: 15px;
    }

    .rea__icon i {
        font-size: 35px;
    }

    .rea__link {
        font-size: 14px;
    }

    .rea__link strong {
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .rea__item {
        max-width: 100%;
        padding: 10px;
    }

    .rea__icon i {
        font-size: 30px;
    }

    .rea__link {
        font-size: 14px;
    }

    .rea__link strong {
        font-size: 14px;
    }
}