/*
Theme Name: ZANDKO FSE
Template: twentytwentyfive
Author: WebProd Z&KO
Author URI: https://zandko.fr
Description: Thème FSE made by Z&ko
Requires at least: 6.7
Tested up to: 6.9
Requires PHP: 8.3
Version: 1.0
Text Domain: zandko-fse
*/

/*

transition: all .3s ease;

img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

@media (width > 576px) {

}

@media (width > 780px) {

}

@media (width > 992px) {

}

@media (width > 1200px) {

}

*/

/* Générales */

html {
  scroll-behavior: smooth;
}

body {
    font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem); /* 16px > 18px */
    font-weight: 300;
}

main {
    margin-block-start: 0;
}

strong {
    font-weight: 700;
}
a.wp-block-tiptip-hyperlink-group-block {
    text-decoration: none;
}
.block-diagonal__gray-up {
    margin-top: -50px!important;
}

.rank-math-breadcrumb {
    font-size: 14px;
}

.rank-math-breadcrumb a {
    color: var(--wp--preset--color--black);
    text-decoration: none;
}

.rank-math-breadcrumb a:hover, .rank-math-breadcrumb a:focus {
    color: var(--wp--preset--color--black);
    text-decoration: underline;
}

.has-xxxxxl-font-size {
    line-height: 1;
}

.has-xxxxxxl-font-size {
    line-height: 1;
}

.wp-block-query-pagination {
    padding-top: 45px;
    gap: 16px;
}

.wp-block-query-pagination .page-numbers {
    font-size: 18px;
    padding: 10px 20px;
    margin: 0 4px;
    color: var(--wp--preset--color--black);
    background-color: var(--wp--preset--color--gray);
    border-radius: 15px;
    text-decoration: none;
    transition: all .3s ease;
}

.wp-block-query-pagination .current, .wp-block-query-pagination .page-numbers:not(.dots):hover, .wp-block-query-pagination .page-numbers:focus {
    background-color: var(--wp--preset--color--black);
    color: var(--wp--preset--color--base);
    outline: none;
}

.wp-block-query-pagination-previous, .wp-block-query-pagination-next {
    font-size: 18px;
    color: var(--wp--preset--color--black);
    text-decoration: underline;
    transition: all .3s ease;
}

.wp-block-query-pagination-previous:hover, .wp-block-query-pagination-previous:focus, .wp-block-query-pagination-next:hover, .wp-block-query-pagination-next:focus {
    color: var(--wp--preset--color--black);
    text-decoration: none;
    outline: none;
}

.wp-block-separator {
    width: 100%;
}

/* Générales FIN */

/* boutons */

.wp-block-button__link {
    transition: all .3s ease;
}

.is-style-button-full-white .wp-block-button__link:hover, .is-style-button-full-white .wp-block-button__link:focus {
    background-color: transparent;
    color: var(--wp--preset--color--base);
}

.is-style-button-detached-house .wp-block-button__link,
.is-style-button-wooden-house .wp-block-button__link,
.is-style-button-promoter .wp-block-button__link,
.is-style-button-renovation .wp-block-button__link {
    position: relative;
    font-size: clamp(1.125rem, 1rem + 0.625vw, 1.75rem);
    padding: 15px 40px 15px 82px;
}

.is-style-button-detached-house .wp-block-button__link::before,
.is-style-button-wooden-house .wp-block-button__link::before,
.is-style-button-promoter .wp-block-button__link::before,
.is-style-button-renovation .wp-block-button__link::before {
    content: '';
    display: inline-block;
    width: 42px;
    height: 37px;
    vertical-align: middle;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    position: absolute;
    top: 50%;
    left: 30px;
    transform: translateY(-50%);
    transition: all .3s ease;
}

.is-style-button-detached-house .wp-block-button__link::before {
    -webkit-mask-image: url('./assets/img/icon-maison-individuelle.svg');
    mask-image: url('./assets/img/icon-maison-individuelle.svg');
    background-color: var(--wp--preset--color--quinary);
}

.is-style-button-wooden-house .wp-block-button__link::before {
    -webkit-mask-image: url('./assets/img/icon-maison-bois.svg');
    mask-image: url('./assets/img/icon-maison-bois.svg');
    background-color: var(--wp--preset--color--tertiary);
}

.is-style-button-promoter .wp-block-button__link::before {
    -webkit-mask-image: url('./assets/img/icon-promoteur.svg');
    mask-image: url('./assets/img/icon-promoteur.svg');
    background-color: var(--wp--preset--color--quaternary);
}

.is-style-button-renovation .wp-block-button__link::before {
    -webkit-mask-image: url('./assets/img/icon-renovation.svg');
    mask-image: url('./assets/img/icon-renovation.svg');
    background-color: var(--wp--preset--color--secondary);
}

.is-style-button-detached-house .wp-block-button__link:hover, .is-style-button-detached-house .wp-block-button__link:focus {
    background-color: var(--wp--preset--color--quinary);
    color: var(--wp--preset--color--black);
}

.is-style-button-wooden-house .wp-block-button__link:hover, .is-style-button-wooden-house .wp-block-button__link:focus {
    background-color: var(--wp--preset--color--tertiary);
    color: var(--wp--preset--color--black);
}

.is-style-button-promoter .wp-block-button__link:hover, .is-style-button-promoter .wp-block-button__link:focus {
    background-color: var(--wp--preset--color--quaternary);
    color: var(--wp--preset--color--black);
}

.is-style-button-renovation .wp-block-button__link:hover, .is-style-button-renovation .wp-block-button__link:focus {
    background-color: var(--wp--preset--color--secondary);
    color: var(--wp--preset--color--black);
}

.is-style-button-detached-house .wp-block-button__link:hover::before, .is-style-button-detached-house .wp-block-button__link:focus::before,
.is-style-button-wooden-house .wp-block-button__link:hover::before, .is-style-button-wooden-house .wp-block-button__link:focus::before,
.is-style-button-promoter .wp-block-button__link:hover::before, .is-style-button-promoter .wp-block-button__link:focus::before,
.is-style-button-renovation .wp-block-button__link:hover::before, .is-style-button-renovation .wp-block-button__link:focus::before {
    background-color: var(--wp--preset--color--black);
}

.is-style-button-full-green .wp-block-button__link:hover, .is-style-button-full-green .wp-block-button__link:focus {
    background-color: transparent;
    color: var(--wp--preset--color--tertiary);
    outline: none;
}

.is-style-button-full-yellow .wp-block-button__link:hover, .is-style-button-full-yellow .wp-block-button__link:focus {
    background-color: transparent;
    color: var(--wp--preset--color--quinary);
    outline: none;
}

.is-style-button-full-blue .wp-block-button__link:hover, .is-style-button-full-blue .wp-block-button__link:focus {
    background-color: transparent;
    color: var(--wp--preset--color--quaternary);
    outline: none;
}

.is-style-button-full-purple .wp-block-button__link:hover, .is-style-button-full-purple .wp-block-button__link:focus {
    background-color: transparent;
    color: var(--wp--preset--color--secondary);
    outline: none;
}

.is-style-button-simple .wp-block-button__link {
    position: relative;
    font-size: 18px;
    text-align: left;
    padding: 0;
    margin-right: 15px;
    text-decoration: underline;
}

.is-style-button-simple .wp-block-button__link::after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    -webkit-mask-image: url('./assets/img/icon-arrow-small.svg');
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-image: url('./assets/img/icon-arrow-small.svg');
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    background-color: var(--wp--preset--color--black);
    margin-top: 2px;
    position: absolute;
    top: 50%;
    right: -10px;
    transform: translateY(-50%);
    transition: all .3s ease;
}

.is-style-button-simple .wp-block-button__link:hover, .is-style-button-simple .wp-block-button__link:focus {
    background-color: transparent;
    color: var(--wp--preset--color--black);
    text-decoration: none;
}

.is-style-button-simple .wp-block-button__link:hover::after, .is-style-button-simple .wp-block-button__link:focus::after {
    right: -15px;
}

.is-style-button-border-yellow,
.is-style-button-border-green,
.is-style-button-border-blue,
.is-style-button-border-purple {
    position: relative;
    width: 100%;
    max-width: 400px;
}

.is-style-button-border-yellow .wp-block-button__link,
.is-style-button-border-green .wp-block-button__link,
.is-style-button-border-blue .wp-block-button__link,
.is-style-button-border-purple .wp-block-button__link {
    text-align: left;
    padding-right: 40px;
}

.is-style-button-border-yellow .wp-block-button__link::after,
.is-style-button-border-green .wp-block-button__link::after,
.is-style-button-border-blue .wp-block-button__link::after,
.is-style-button-border-purple .wp-block-button__link::after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    -webkit-mask-image: url('./assets/img/icon-arrow-small.svg');
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-image: url('./assets/img/icon-arrow-small.svg');
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    transition: all .3s ease;
}

.is-style-button-border-yellow .wp-block-button__link::after {
    background-color: var(--wp--preset--color--quinary);
}

.is-style-button-border-green .wp-block-button__link::after {
    background-color: var(--wp--preset--color--tertiary);
}

.is-style-button-border-blue .wp-block-button__link::after {
    background-color: var(--wp--preset--color--quaternary);
}

.is-style-button-border-purple .wp-block-button__link::after {
    background-color: var(--wp--preset--color--secondary);
}

.is-style-button-border-yellow .wp-block-button__link:hover, .is-style-button-border-yellow .wp-block-button__link:focus {
    background-color: var(--wp--preset--color--quinary);
    color: var(--wp--preset--color--black);
}

.is-style-button-border-yellow .wp-block-button__link:hover::after, .is-style-button-border-yellow .wp-block-button__link:focus::after {
    background-color: var(--wp--preset--color--black);
}

.is-style-button-border-green .wp-block-button__link:hover, .is-style-button-border-green .wp-block-button__link:focus {
    background-color: var(--wp--preset--color--tertiary);
    color: var(--wp--preset--color--black);
}

.is-style-button-border-green .wp-block-button__link:hover::after, .is-style-button-border-green .wp-block-button__link:focus::after {
    background-color: var(--wp--preset--color--black);
}

.is-style-button-border-blue .wp-block-button__link:hover, .is-style-button-border-blue .wp-block-button__link:focus {
    background-color: var(--wp--preset--color--quaternary);
    color: var(--wp--preset--color--black);
}

.is-style-button-border-blue .wp-block-button__link:hover::after, .is-style-button-border-blue .wp-block-button__link:focus::after {
    background-color: var(--wp--preset--color--black);
}

.is-style-button-border-purple .wp-block-button__link:hover, .is-style-button-border-purple .wp-block-button__link:focus {
    background-color: var(--wp--preset--color--secondary);
    color: var(--wp--preset--color--black);
}

.is-style-button-border-purple .wp-block-button__link:hover::after, .is-style-button-border-purple .wp-block-button__link:focus::after {
    background-color: var(--wp--preset--color--black);
}

.is-style-button-summary {
    width: 100%;
    max-width: 340px;
}

.is-style-button-summary .wp-block-button__link {
    text-align: left;
}

.is-style-button-summary .wp-block-button__link:hover, .is-style-button-summary .wp-block-button__link:focus {
    background-color: transparent;
    color: var(--wp--preset--color--tertiary);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.06);
    outline: none;
}

/* boutons FIN */

/* header */

header .custom-logo-link {
    display: inline-block;
    padding: 15px 0;
}

@media (width < 576px) {
    header .custom-logo-link {
        max-width: 150px;
    }
}

@media (width > 1200px) {
    header .custom-logo-link {
        max-width: 200px;
    }
}

@media (width > 1400px) {
    header .custom-logo-link {
        max-width: 230px;
    }
}

header .custom-logo-link:hover, header .custom-logo-link:focus {
    outline: none;
}

@media (width < 1200px) {
    .header__top-bar {
        display: none!important;
    }
}

header .header__top-bar a {
    text-decoration: none;
}

header .header__top-bar a:hover, header .header__top-bar a:focus {
    text-decoration: none;
    outline: none;
}

/* On cache le menu classique et on affiche le bouton mobile à 1200px */
@media (width < 1200px) {
    /* Masquer la navigation horizontale standard */
    .wp-block-navigation__responsive-container:not(.is-menu-open) {
        display: none !important;
    }

    /* Forcer l'affichage du bouton "Hamburger" */
    .wp-block-navigation__responsive-container-open {
        display: flex !important;
    }
}

@media (width > 1200px) {
    header .wp-block-navigation__container {
        gap: 15px;
    }
}

@media (width > 1400px) {
    header .wp-block-navigation__container {
        gap: 20px;
    }
}

header .wp-block-navigation-item__content {
    padding: 30px 0 30px 0;
    transition: all .3s ease;
}

@media (width > 1200px) {
    header .wp-block-navigation-item__content {
        font-size: 16px;
    }
}

@media (width > 1400px) {
    header .wp-block-navigation-item__content {
        font-size: 18px;
    }
}

header .wp-block-navigation-item__content:hover, header .wp-block-navigation-item__content:focus {
    outline: none;
    text-decoration: none;
}

header .wp-block-navigation-item__content .wp-block-navigation-item__label {
    position: relative;
    display: block;
}

/* .header__menu__item-1 .wp-block-navigation-item__content:hover,
.header__menu__item-2 .wp-block-navigation-item__content:hover,
.header__menu__item-3 .wp-block-navigation-item__content:hover,
.header__menu__item-4 .wp-block-navigation-item__content:hover,
.header__menu__item-6 .wp-block-navigation-item__content:hover,
.header__menu__item-8 .wp-block-navigation-item__content:hover {
    font-weight: 700;
} */

@media (width > 1200px) {
    header .wp-block-navigation__submenu-container {
        background-color: var(--wp--preset--color--gray)!important;
        border: none!important;
        border-radius: 0 0 20px 20px!important;
        right: auto!important;
        left: 50%!important;
        transform: translateX(-50%)!important;
    }
}

header .wp-block-navigation__submenu-container .wp-block-navigation-item {
    background: none!important;
}

@media (width > 1200px) {

    .header__menu__item-1 .wp-block-navigation__submenu-container,
    .header__menu__item-2 .wp-block-navigation__submenu-container,
    .header__menu__item-3 .wp-block-navigation__submenu-container,
    .header__menu__item-4 .wp-block-navigation__submenu-container {
        display: flex!important;
        flex-direction: row!important;
        width: 665px!important;
        padding: 5px 0 10px 0!important;
        min-height: 290px;
        box-sizing: border-box;
    }

    .header__menu__item-6 .wp-block-navigation__submenu-container {
        padding: 10px 0 10px 0!important;
    }

    .submenu__img__content {
        flex: 0 0 50%;
        order: 2;
        padding: 10px 20px 5px 0;
        box-sizing: border-box;
    }

    .submenu__img {
        position: relative;
        height: 100%;
        border-radius: 20px;
        overflow: hidden;
    }

    .submenu__img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        top: 0;
        left: 0;
    }

    .submenu__items {
        flex: 0 0 50%;
        order: 1;
    }
}

.submenu__items a {
    padding: 5px 20px;
}

.header__menu__item-1 .wp-block-navigation__submenu-container .wp-block-navigation-item__label::after,
.header__menu__item-2 .wp-block-navigation__submenu-container .wp-block-navigation-item__label::after,
.header__menu__item-3 .wp-block-navigation__submenu-container .wp-block-navigation-item__label::after,
.header__menu__item-4 .wp-block-navigation__submenu-container .wp-block-navigation-item__label::after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 10px;
    background-color: var(--wp--preset--color--black);
    -webkit-mask-image: url('./assets/img/icon-arrow-small.svg');
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-image: url('./assets/img/icon-arrow-small.svg');
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
}

.header__menu__item-1 .wp-block-navigation-item__content:hover .wp-block-navigation-item__label::before,
.header__menu__item-1 .wp-block-navigation-item__content:focus .wp-block-navigation-item__label::before,
.header__menu__item-2 .wp-block-navigation-item__content:hover .wp-block-navigation-item__label::before,
.header__menu__item-2 .wp-block-navigation-item__content:focus .wp-block-navigation-item__label::before,
.header__menu__item-3 .wp-block-navigation-item__content:hover .wp-block-navigation-item__label::before,
.header__menu__item-3 .wp-block-navigation-item__content:focus .wp-block-navigation-item__label::before,
.header__menu__item-4 .wp-block-navigation-item__content:hover .wp-block-navigation-item__label::before,
.header__menu__item-4 .wp-block-navigation-item__content:focus .wp-block-navigation-item__label::before {
    content: '';
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: -3px;
    left: 0;
}

.header__menu__item-1 .wp-block-navigation-item__content:hover .wp-block-navigation-item__label::before,
.header__menu__item-1 .wp-block-navigation-item__content:focus .wp-block-navigation-item__label::before {
    background-color: var(--wp--preset--color--quinary);
}

.header__menu__item-2 .wp-block-navigation-item__content:hover .wp-block-navigation-item__label::before,
.header__menu__item-2 .wp-block-navigation-item__content:focus .wp-block-navigation-item__label::before {
    background-color: var(--wp--preset--color--tertiary);
}

.header__menu__item-3 .wp-block-navigation-item__content:hover .wp-block-navigation-item__label::before,
.header__menu__item-3 .wp-block-navigation-item__content:focus .wp-block-navigation-item__label::before {
    background-color: var(--wp--preset--color--quaternary);
}

.header__menu__item-4 .wp-block-navigation-item__content:hover .wp-block-navigation-item__label::before,
.header__menu__item-4 .wp-block-navigation-item__content:focus .wp-block-navigation-item__label::before {
    background-color: var(--wp--preset--color--secondary);
}

.header__menu__item-5 .wp-block-navigation-item__content:hover, .header__menu__item-5 .wp-block-navigation-item__content:focus,
.header__menu__item-6 .wp-block-navigation-item__content:hover, .header__menu__item-6 .wp-block-navigation-item__content:focus,
.header__menu__item-7 .wp-block-navigation-item__content:hover, .header__menu__item-7 .wp-block-navigation-item__content:focus {
    color: var(--wp--preset--color--primary);
}

.header__menu__item-8 .wp-block-navigation-item__content {
    color: var(--wp--preset--color--primary)!important;
}

.header__menu__item-8 .wp-block-navigation-item__content:hover, .header__menu__item-8 .wp-block-navigation-item__content:focus {
    color: var(--wp--preset--color--black)!important;
}

.header__menu__item-9 .wp-block-navigation-item__content {
    padding: 10px 20px!important;
    border: 1px solid var(--wp--preset--color--primary);
    border-radius: 50px;
    color: var(--wp--preset--color--base)!important;
    background-color: var(--wp--preset--color--primary);
    transition: all .3s ease;
}

@media (width < 1200px) {
    .header__menu__item-9 .wp-block-navigation-item__content {
        margin: 15px 0!important;
    }
}

@media (width > 1200px) {
    .header__menu__item-9 .wp-block-navigation-item__content {
        padding: 10px 10px!important;
    }
}

@media (width > 1400px) {
    .header__menu__item-9 .wp-block-navigation-item__content {
        padding: 10px 20px;
    }
}

.header__menu__item-9 .wp-block-navigation-item__content:hover, .header__menu__item-9 .wp-block-navigation-item__content:focus {
    background-color: transparent;
    color: var(--wp--preset--color--primary)!important;
}

.header__menu__item-10 .wp-block-navigation-item__content {
    padding: 10px 20px!important;
    border: 1px solid var(--wp--preset--color--primary);
    border-radius: 50px;
    color: var(--wp--preset--color--primary)!important;
    background-color: transparent;
    transition: all .3s ease;
}

.header__menu__item-10 .wp-block-navigation-item__content:hover, .header__menu__item-10 .wp-block-navigation-item__content:focus {
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--base)!important;
}

.header__menu__title .wp-block-navigation-item__content {
    font-size: 25px;
    font-weight: 700;
    cursor: default;
}

@media (width < 1200px) {
    .header__menu__title .wp-block-navigation-item__content {
        font-size: 20px;
    }
}

.header__menu__title .wp-block-navigation-item__content:hover .wp-block-navigation-item__label::before, .header__menu__title .wp-block-navigation-item__content:focus .wp-block-navigation-item__label::before {
    content: none;
}

.header__menu__item-1 .header__menu__title .wp-block-navigation-item__content {
    color: var(--wp--preset--color--quinary)!important;
}

.header__menu__item-2 .header__menu__title .wp-block-navigation-item__content {
    color: var(--wp--preset--color--tertiary)!important;
}

.header__menu__item-3 .header__menu__title .wp-block-navigation-item__content {
    color: var(--wp--preset--color--quaternary)!important;
}

.header__menu__item-4 .header__menu__title .wp-block-navigation-item__content {
    color: var(--wp--preset--color--secondary)!important;
}

.header__menu__title .wp-block-navigation-item__label::after {
    content: none!important;
}

.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content {
    padding: 5px 20px;
}

.top-bar__contact a {
    padding: 10px 20px!important;
    border: 1px solid var(--wp--preset--color--primary);
    border-radius: 50px;
    color: var(--wp--preset--color--primary)!important;
    background-color: transparent;
    transition: all .3s ease;
}

.top-bar__contact a:hover, .top-bar__contact a:focus {
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--base)!important;
}

@media (width > 1200px) {
    .menu-only-mobile {
        display: none!important;
    }
}

/* menu mobile */

@media (width < 1200px) {

    .wp-block-navigation__responsive-container-open:hover, .wp-block-navigation__responsive-container-open:focus {
        outline: none;
    }

    .wp-block-navigation__responsive-container-open svg {
        width: 40px;
        height: 40px;
    }
    
    .wp-block-navigation.items-justified-right {
        --navigation-layout-justification-setting: center !important;
    }

    .wp-block-navigation__responsive-container {
        position: fixed !important;
        inset: 0;
        z-index: 999;
        background: rgba(0, 0, 0, 0);
        pointer-events: none;
        transition: background 0.3s ease;
    }

    .wp-block-navigation__responsive-container.is-menu-open {
        background: rgba(0, 0, 0, 0.5) !important;
        pointer-events: auto;
    }

    .wp-block-navigation__responsive-dialog {
        position: fixed;
        top: 0;
        right: 0;
        height: 100vh;
        width: 60%;
        max-width: 380px;
        background: #fff;
        box-shadow: -4px 0 24px rgba(0, 0, 0, 0.18);
        transform: translateX(100%);
        transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
        display: flex;
        flex-direction: column;
        z-index: 1000;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog {
        transform: translateX(0);
    }

    /* Bouton fermer dans le panneau */
    .wp-block-navigation__responsive-container-close {
        position: absolute;
        top: 16px;
        right: 16px;
        width: 40px;
        height: 40px;
        padding: 0;
        background: transparent;
        border: 0;
        display: grid;
        place-items: center;
        cursor: pointer;
        transition: transform 0.25s ease;
        z-index: 1003; /* au-dessus du contenu */
        pointer-events: auto;
    }

    .wp-block-navigation__responsive-container-close:hover {
        transform: rotate(90deg);
    }

    .wp-block-navigation__responsive-container-close:focus {
        outline: none;
    }

    /* Contenu scrollable du menu */
    .wp-block-navigation__responsive-container-content {
        position: relative;
        z-index: 1001;
        overflow-y: auto;
        height: 100%;
        padding: 72px 20px 24px;
    }

    /* Liste et items */
    .wp-block-navigation__container.is-responsive {
        display: flex;
        flex-direction: column;
        gap: 0 !important;
    }

    .wp-block-navigation-item {
        position: relative;
        margin: 0 !important;
        border-bottom: 1px solid #eeeeee;
    }

    .wp-block-navigation-item:last-child {
        border-bottom: none;
    }

    .wp-block-navigation-item__content {
        display: block !important;
        padding: 16px 0 16px 0 !important;
        color: var(--wp--preset--color--black) !important;
        text-decoration: none;
        font-weight: 600;
        letter-spacing: 0.2px;
        transition: color 0.2s ease;
        margin: 0 auto;
        text-align: center;
    }

    /* Pour les items avec sous-menu, centrer visuellement malgré le toggle */
    .wp-block-navigation-item.has-child .wp-block-navigation-item__content {
        padding: 16px 0!important;
    }

    /* Toggle sous-menu (triangle déjà défini plus haut) - zone élargie pour clic facile */
    .wp-block-navigation-submenu > .wp-block-navigation-item__content {
        display: flex!important;
        align-items: center;
    }

    /* Sous-menu masqué par défaut, visible au clic (seulement pour .has-child) */
    .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container {
        display: none !important;
        background: #fafafa;
        margin: 0 !important;
        padding: 0 0 15px 0 !important;
        border-top: 1px solid #f0f0f0;
    }

    /* Affichage avec classe js-open */
    .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container.js-open {
        display: block !important;
    }

    .wp-block-navigation-item.has-child > .wp-block-navigation__submenu-container .wp-block-navigation-item {
        border: 0 !important;
    }

    .wp-block-navigation-item.has-child > .wp-block-navigation__submenu-container a.wp-block-navigation-item__content {
        padding: 10px 0 !important;
    }

    .wp-block-navigation-item.has-child > .wp-block-navigation__submenu-container a.wp-block-navigation-item__content:hover,
    .wp-block-navigation-item.has-child > .wp-block-navigation__submenu-container a.wp-block-navigation-item__content:focus {
        padding-left: 0 !important;
    }

    .header__menu__item-9, .header__menu__item-10 {
        border-bottom: none!important;
    }

    .submenu__img {
        display: none;
    }
}

@media (width < 576px) {

    .wp-block-navigation__responsive-dialog {
        width: 75%;
    }
}

/* menu mobile FIN */

/* header FIN */

/* accueil */

.home__hero {
    position: relative;
}

@media (width > 1200px) {
    .home__hero {
        min-height: 850px;
    }
}

.home__hero::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background-image: url('assets/img/deco-degrade-hero.png');
    background-size: cover;
    background-position: center;
}

.home__hero h1 {
    font-family: var(--wp--preset--font-family--secondary);
    font-size: clamp(2.1875rem, 1.375rem + 4.0625vw, 6.25rem);
    font-weight: 400;
}

.home__infos {
    position: relative;
    padding-bottom: 15px;
}

.home__infos::before {
    content: '';
    width: 150px;
    height: 150px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    opacity: 0.2;
}

.home__infos--1::before {
    background: var(--wp--preset--color--quinary);
    background: radial-gradient(circle farthest-side, var(--wp--preset--color--quinary) 0%, rgba(255, 255, 255, 0) 100%);
}

.home__infos--2::before {
    background: var(--wp--preset--color--tertiary);
    background: radial-gradient(circle farthest-side, var(--wp--preset--color--tertiary) 0%, rgba(255, 255, 255, 0) 100%);
}

.home__infos--3::before {
    background: var(--wp--preset--color--secondary);
    background: radial-gradient(circle farthest-side, var(--wp--preset--color--secondary) 0%, rgba(255, 255, 255, 0) 100%);
}

.home__infos::after {
    content: '';
    width: 100px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.home__infos--1::after {
    background-color: var(--wp--preset--color--quinary);
}

.home__infos--2::after {
    background-color: var(--wp--preset--color--tertiary);
}

.home__infos--3::after {
    background-color: var(--wp--preset--color--secondary);
}

.home__infos p {
    margin-top: 0;
}

.home__presentation__item {
    overflow: hidden;
}

.home__presentation__item a {
    height: 100%;
    text-decoration: none;
}

.home__presentation__item a:hover, .home__presentation__item a:focus {
    text-decoration: none;
    color: var(--wp--preset--color--black);
}

.home__presentation__item a:hover .wp-block-image img, .home__presentation__item a:focus .wp-block-image img {
    transform: scale(1.1);
}

.home__presentation__item a .wp-block-image {
    overflow: hidden;
}

.home__presentation__item a .wp-block-image img {
    transition: all .3s ease;
}

.home__presentation__item h2 {
    position: relative;
}

.home__presentation__item h2:after {
    content: '';
    display: inline-block;
    width: 21px;
    height: 21px;
    margin-left: 5px;
    -webkit-mask-image: url('./assets/img/icon-arrow-small.svg');
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-image: url('./assets/img/icon-arrow-small.svg');
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
}

.home__presentation__item h2.has-quinary-color:after {
    background-color: var(--wp--preset--color--quinary);
}

.home__presentation__item h2.has-tertiary-color:after {
    background-color: var(--wp--preset--color--tertiary);
}

.home__presentation__item h2.has-quaternary-color:after {
    background-color: var(--wp--preset--color--quaternary);
}

.home__presentation__item h2.has-secondary-color:after {
    background-color: var(--wp--preset--color--secondary);
}

.block-deco-e {
    position: relative;
    overflow: hidden;
}

.block-deco-e::before {
    content: '';
    position: absolute;
    top: 0;
    left: -110px;
    width: 2130px;
    height: 1754px;
    background-image: url('assets/img/deco-e-background.svg');
    background-size: cover;
    background-position: center;
    z-index: -1;
}

@media (width > 780px) {
    .accordion-with-img__img {
        position: relative;
    }

    .accordion-with-img__img .wp-block-image {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .accordion-with-img__img .wp-block-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

/* accordéon natif */

.wp-block-accordion-heading__toggle {
    position: relative;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.wp-block-accordion-heading__toggle:focus-visible {
    outline: none;
}

.wp-block-accordion-heading__toggle-icon {
    font-size: 32px;
    font-weight: 700;
    color: var(--wp--preset--color--tertiary);
}

.wp-block-accordion-panel {
    display: grid !important;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.4s ease-out, padding 0.4s ease, opacity 0.2s;
    opacity: 0;
    overflow: hidden;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-block-start: 0 !important;
}

.wp-block-accordion-panel > * {
    min-height: 0;
}

.wp-block-accordion-item {
    margin-top: 0;
    border-bottom: 1px solid var(--wp--preset--color--tertiary);
}

.wp-block-accordion-item:last-child {
    border-bottom: none;
}

.wp-block-accordion-item.is-open > .wp-block-accordion-panel {
    grid-template-rows: 1fr; 
    opacity: 1;
    padding-bottom: var(--wp--preset--spacing--s) !important;
}

.wp-block-accordion-panel > p {
    margin-bottom: 0;
    margin-top: 0;
}

.accordion--yellow .wp-block-accordion-heading__toggle-icon {
    color: var(--wp--preset--color--quinary);
}

.accordion--yellow .wp-block-accordion-item {
    border-bottom: 1px solid var(--wp--preset--color--quinary);
}

.accordion--green .wp-block-accordion-heading__toggle-icon {
    color: var(--wp--preset--color--tertiary);
}

.accordion--green .wp-block-accordion-item {
    border-bottom: 1px solid var(--wp--preset--color--tertiary);
}

.accordion--orange .wp-block-accordion-heading__toggle-icon {
    color: var(--wp--preset--color--primary);
}

.accordion--orange .wp-block-accordion-item {
    border-bottom: 1px solid var(--wp--preset--color--primary);
}

.accordion--blue .wp-block-accordion-heading__toggle-icon {
    color: var(--wp--preset--color--quaternary);
}

.accordion--blue .wp-block-accordion-item {
    border-bottom: 1px solid var(--wp--preset--color--quaternary);
}

.accordion--purple .wp-block-accordion-heading__toggle-icon {
    color: var(--wp--preset--color--secondary);
}

.accordion--purple .wp-block-accordion-item {
    border-bottom: 1px solid var(--wp--preset--color--secondary);
}

/* accordéon natif FIN */

/* accordéon natif dans un fond de couleur */

.is-style-diagonal .wp-block-accordion-item {
    border-bottom: 1px solid var(--wp--preset--color--base);
}

.is-style-diagonal .wp-block-accordion-heading__toggle-icon {
    color: var(--wp--preset--color--base);
}

.has-quaternary-background-color .wp-block-accordion-item {
    border-bottom: 1px solid var(--wp--preset--color--black);
}

.has-quaternary-background-color .wp-block-accordion-heading__toggle-icon {
    color: var(--wp--preset--color--black);
}

/* accordéon natif dans un fond de couleur FIN */

/* accordéon FAQ */

.faq .wp-block-accordion-item {
    box-shadow: var(--wp--preset--shadow--light);
    padding: 0 15px;
    margin-bottom: 20px;
    border-radius: 20px;
}

.faq .wp-block-accordion-item:last-child {
    margin-bottom: 0;
}

.faq .wp-block-accordion-item.is-open {
    background-color: var(--wp--preset--color--gray);
}

.faq .wp-block-accordion-heading__toggle-icon {
    color: var(--wp--preset--color--black);
}

.faq .wp-block-accordion-item {
    border-bottom: none;
}

/* accordéon FAQ FIN */

.home__timeline__item {
    position: relative;
}

.home__timeline__item::before {
    content: '';
    width: 200px;
    height: 200px;
    position: absolute;
    z-index: -1;
    opacity: 0.3;
}

.home__timeline__item--1::before {
    background: var(--wp--preset--color--quaternary);
    background: radial-gradient(circle farthest-side, var(--wp--preset--color--quaternary) 0%, rgba(255, 255, 255, 0) 100%);
    top: -25px;
    left: -50px;
}

.home__timeline__item--2::before {
    background: var(--wp--preset--color--tertiary);
    background: radial-gradient(circle farthest-side, var(--wp--preset--color--tertiary) 0%, rgba(255, 255, 255, 0) 100%);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.home__timeline__item--3::before {
    background: var(--wp--preset--color--secondary);
    background: radial-gradient(circle farthest-side, var(--wp--preset--color--secondary) 0%, rgba(255, 255, 255, 0) 100%);
    bottom: 0;
    right: 0;
}

.home__timeline__item--4::before {
    background: var(--wp--preset--color--quinary);
    background: radial-gradient(circle farthest-side, var(--wp--preset--color--quinary) 0%, rgba(255, 255, 255, 0) 100%);
    top: -25px;
    left: -15px;
}

.block-contact {
    min-height: 900px;
}

/* query loop responsive fix */
@media (max-width: 780px) {
    .wp-block-post-template.is-layout-grid {
        grid-template-columns: 1fr !important;
    }

    .wp-block-post-template.is-layout-grid > .wp-block-post,
    .wp-block-post-template.is-layout-flex > .wp-block-post {
        width: 100% !important;
        min-width: 0 !important;
        flex-basis: 100% !important;
    }
}

/* accueil FIN */

/* onglets réalisations accueil */

[class*="home__block-realisations--"] {
    display: none;
}

[class*="home__block-realisations--"].is-active {
    display: block;
}

[class*="home__filter-realisations--"] {
    cursor: pointer;
}

.home__filter-realisations {
    display: inline-block;
    padding: 6px 15px;
    border-radius: 30px;
    transition: all .3s ease;
}

.home__filter-realisations--1.is-active, .home__filter-realisations--1:hover, .home__filter-realisations--1:focus {
    background-color: var(--wp--preset--color--quinary);
}

.home__filter-realisations--2.is-active, .home__filter-realisations--2:hover, .home__filter-realisations--2:focus {
    background-color: var(--wp--preset--color--tertiary);
}

.home__filter-realisations--3.is-active, .home__filter-realisations--3:hover, .home__filter-realisations--3:focus {
    background-color: var(--wp--preset--color--quaternary);
}

.home__filter-realisations--4.is-active, .home__filter-realisations--4:hover, .home__filter-realisations--4:focus {
    background-color: var(--wp--preset--color--secondary);
}

/* onglets réalisations accueil FIN */

/* page type */

@media (width > 1200px) {
    .hero-page {
        min-height: 300px;
    }
}

@media (width > 780px) {

    .nav-sommaire {
        flex-basis: 340px!important;
    }

    .nav-sommaire__sticky {
        position: sticky;
        top: 30px;
    }

}

/* page type FIN */

/* cards actus */

.cards__news {
    height: 100%;
    text-decoration: none;
}

.cards__news:hover, .cards__news:focus {
    text-decoration: none;
    color: var(--wp--preset--color--black);
    outline: none;
}

.is-style-diagonal .cards__news:hover, .is-style-diagonal .cards__news:focus {
    color: var(--wp--preset--color--base);
}

.cards__news:hover .wp-block-post-featured-image img, .cards__news:focus .wp-block-post-featured-image img {
    transform: scale(1.1);
}

.cards__news:hover .cards__news__more, .cards__news:focus .cards__news__more {
    background-color: transparent;
    color: var(--wp--preset--color--black);
    text-decoration: none;
}

.is-style-diagonal .cards__news:hover .cards__news__more, .is-style-diagonal .cards__news:focus .cards__news__more {
    color: var(--wp--preset--color--base);
}

.cards__news:hover .cards__news__more::after, .cards__news:focus .cards__news__more::after {
    right: -25px;
}

.cards__news__content {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

.cards__news .cards__news__img {
    width: 100%;
    height: 230px;
}

@media (width > 576px) {
    .cards__news .cards__news__img {
        height: 300px;
    }
}

@media (width > 780px) {
    .cards__news .cards__news__img {
        height: 200px;
    }
}

@media (width > 992px) {
    .cards__news .cards__news__img {
        height: 300px;
    }
}

.cards__news .wp-block-post-featured-image {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.cards__news .wp-block-post-featured-image img {
    transition: all .3s ease;
}

.cards__news__infos {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex: 1;
}

.cards__news__infos__icon {
    display: flex
}

.cards__news__infos__bottom {
    width: 100%;
}

.cards__news__more {
    position: relative;
    display: inline-block;
    margin-left: 0!important;
    margin-right: 20px!important;
    text-decoration: underline;
}

.cards__news__more::after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    -webkit-mask-image: url('./assets/img/icon-arrow-small.svg');
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-image: url('./assets/img/icon-arrow-small.svg');
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    background-color: var(--wp--preset--color--black);
    margin-top: 2px;
    position: absolute;
    top: 50%;
    right: -20px;
    transform: translateY(-50%);
    transition: all .3s ease;
}

.is-style-diagonal .cards__news__more::after {
    background-color: var(--wp--preset--color--base);
}

.cards__news__more--orange::after {
    background-color: var(--wp--preset--color--primary);
}

/* cards actus FIN */

/* actus détail */

.news-detail__hero {
    min-height: 400px;
}

@media (width > 780px) {

    .news-detail__hero__img {
        position: relative;
    }

    .news-detail__hero__img .wp-block-image {
        width: 100%;
        max-width: 700px;
        height: 460px;
        position: absolute;
        top: 0;
        left: 0;
    }

    .news-detail__hero__img .wp-block-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

.news-detail__contact {
    margin-block-start: -50px!important;
}

/* actus détail FIN */

/* réalisations liste */

.wp-block-search-filter-choice-button {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch;
    justify-content: flex-start;
    gap: 20px !important;
    white-space: nowrap;
}

.wp-block-search-filter-choice-button > div {
    display: flex !important;
    margin: 0 !important;
    width: auto !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    min-width: auto !important;
}

.wp-block-search-filter-choice-button > .search-filter-label {
    font-size: 30px!important;
    font-weight: 700;
}

.wp-block-search-filter-choice-button .search-filter-input-button-group {
    border: 1px solid var(--wp--preset--color--black);
    border-radius: 30px;
    padding: 4px;
}

.wp-block-search-filter-choice-button button {
    border: none;
    background-color: transparent;
    border-radius: 30px;
    border: none!important;
    padding: 6px 15px;
    transition: all .3s ease;
}

.wp-block-search-filter-choice-button button:hover {
    background-color: red!important;
    color: var(--wp--preset--color--black)!important;
}

.wp-block-search-filter-choice-button button:focus {
    outline: none!important;
    border: none!important;
    box-shadow: none!important;
}

.wp-block-search-filter-choice-button .search-filter-input-button--is-selected {
    color: var(--wp--preset--color--black)!important;
}

.filtres--brique .wp-block-search-filter-choice-button button:hover,
.filtres--brique .wp-block-search-filter-choice-button .search-filter-input-button--is-selected {
    background-color: var(--wp--preset--color--quinary)!important;
}

.filtres--bois .wp-block-search-filter-choice-button button:hover,
.filtres--bois .wp-block-search-filter-choice-button .search-filter-input-button--is-selected {
    background-color: var(--wp--preset--color--tertiary)!important;
}

.filtres--promoteur .wp-block-search-filter-choice-button button:hover,
.filtres--promoteur .wp-block-search-filter-choice-button .search-filter-input-button--is-selected {
    background-color: var(--wp--preset--color--quaternary)!important;
}

.filtres--renovation .wp-block-search-filter-choice-button button:hover,
.filtres--renovation .wp-block-search-filter-choice-button .search-filter-input-button--is-selected {
    background-color: var(--wp--preset--color--secondary)!important;
}

.filtres--actu .wp-block-search-filter-choice-button button:hover,
.filtres--actu .wp-block-search-filter-choice-button .search-filter-input-button--is-selected {
    background-color: var(--wp--preset--color--primary)!important;
}

.realisations-list .wp-block-post.category-maison-brique h3 {
    color: var(--wp--preset--color--quinary)!important;
}

.realisations-list .wp-block-post.category-maison-bois h3 {
    color: var(--wp--preset--color--tertiary)!important;
}

.realisations-list .wp-block-post.category-promoteur h3 {
    color: var(--wp--preset--color--quaternary)!important;
}

.realisations-list .wp-block-post.category-renovation h3 {
    color: var(--wp--preset--color--secondary)!important;
}

/* réalisations liste FIN */

/* product modèles list */

.cards__models__price {
    position: relative;
    width: 100%;
    text-align: right;
    padding: 0 20px;
}

.cards__models__price::before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: var(--wp--preset--color--quaternary);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.wp-block-post.category-maison-brique .cards__models__price::before {
    background-color: var(--wp--preset--color--quinary);
}

.wp-block-post.category-maison-bois .cards__models__price::before {
    background-color: var(--wp--preset--color--tertiary);
}

.wp-block-post.category-promoteur .cards__models__price::before {
    background-color: var(--wp--preset--color--quaternary);
}

.wp-block-post.category-renovation .cards__models__price::before {
    background-color: var(--wp--preset--color--secondary);
}

.cards__models__price__content {
    position: relative;
    display: inline-flex!important;
    color: var(--wp--preset--color--black);
    background-color: var(--wp--preset--color--quaternary);
    border-radius: 30px;
    padding: 6px 12px;
}

.wp-block-post.category-maison-brique .cards__models__price__content {
    background-color: var(--wp--preset--color--quinary);
}

.wp-block-post.category-maison-bois .cards__models__price__content {
    background-color: var(--wp--preset--color--tertiary);
}

.wp-block-post.category-promoteur .cards__models__price__content {
    background-color: var(--wp--preset--color--quaternary);
}

.wp-block-post.category-renovation .cards__models__price__content {
    background-color: var(--wp--preset--color--secondary);
}

.wp-block-post.category-maison-brique .wp-block-separator {
    color: var(--wp--preset--color--quinary)!important;
}

.wp-block-post.category-maison-bois .wp-block-separator {
    color: var(--wp--preset--color--tertiary)!important;
}

.wp-block-post.category-promoteur .wp-block-separator {
    color: var(--wp--preset--color--quaternary)!important;
}

.wp-block-post.category-renovation .wp-block-separator {
    color: var(--wp--preset--color--secondary)!important;
}

.cards__models .cards__news__infos > div > div {
    flex-wrap: wrap;
}

/* product modèles list FIN */

/* product list */

@media (width > 780px) {
    .bloc-search {
        margin-top: -400px!important;
    }
}

@media (width > 992px) {
    .bloc-search {
        margin-top: -420px!important;
    }
}

@media (width > 1200px) {
    .bloc-search {
        margin-top: -450px!important;
    }
}

@media (width > 1500px) {
    .bloc-search {
        margin-top: -480px!important;
    }
}

.ci-search-form {
    background-color: var(--wp--preset--color--base);
    padding: 20px;
    box-shadow: 0 0 15px #00000026;
    border-radius: 20px;
}

.ci-form__content {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 20px;
}

.ci-form__content .ci-form__field {
    display: flex;
    flex-direction: column;
    flex: 0 0 calc(50% - 10px);
}

.ci-form__content .ci-form__field input,
.ci-form__content .ci-form__field select {
    width: 100%;
    padding: 10px 10px;
    border: 1px solid var(--wp--preset--color--gray);
    background-color: var(--wp--preset--color--gray);
    border-radius: 50px;
    min-height: 50px;
    font-size: 16px;
}

.ci-form__content .ci-form__field input:focus,
.ci-form__content .ci-form__field select:focus {
    outline: 3px solid #777777;
}

.ci-form__content .ci-form__field .ci-form__label {
    margin-bottom: 5px;
}

.ci-search-form .ci-form__actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.ci-form__submit {
    padding: 10px 20px;
    border: 1px solid var(--wp--preset--color--black);
    border-radius: 50px;
    color: var(--wp--preset--color--base);
    background-color: var(--wp--preset--color--black);
    font-size: 20px;
    cursor: pointer;
    transition: all .3s ease;
}

.ci-form__submit:hover {
    background-color: transparent;
    color: var(--wp--preset--color--black);
    text-decoration: none;
}

.ci-form__reset {
    position: relative;
    background: none;
    border-top: none;
    border-left: none;
    border-right: none;
    padding: 0;
    height: max-content;
    font-size: 18px;
    cursor: pointer;
    opacity: 1;
}

.ci-form__reset:disabled {
    color: var(--wp--preset--color--black);
    border-color: var(--wp--preset--color--black);
    opacity: 0;
    cursor: default;
}

.ci-form__reset::after {
    content: '';
    width: 8px;
    height: 8px;
    background: url('./assets/img/icon-cross.svg') no-repeat top left;
    position: absolute;
    top: 50%;
    right: -15px;
    transform: translateY(-50%);
}

.ci-form__reset:hover {
    border-bottom: none;
}

.ci-loader {
    display: none!important;
}

.ci-listing__header {
    display: none;
}

.ci-listing__grid {
    height: 700px;
    list-style-type: none;
    padding: 15px;
    margin: 0;
    overflow-y: scroll;
}

.ci-card {
    margin-bottom: 40px;
}

.ci-card:last-child {
    margin-bottom: 0;
}

.ci-card__maison-brique .ci-card__ville {
    color: var(--wp--preset--color--quinary);
}

.ci-card__maison-brique .ci-card__ville::before {
    background-color: var(--wp--preset--color--quinary);
}

.ci-card__maison-brique .ci-card__content__bottom {
    border-top: 1px solid var(--wp--preset--color--quinary);
}

.ci-card__maison-bois .ci-card__ville {
    color: var(--wp--preset--color--tertiary);
}

.ci-card__maison-bois .ci-card__ville::before {
    background-color: var(--wp--preset--color--tertiary);
}

.ci-card__maison-bois .ci-card__content__bottom {
    border-top: 1px solid var(--wp--preset--color--tertiary);
}

.ci-card__promoteur .ci-card__ville {
    color: var(--wp--preset--color--quaternary);
}

.ci-card__promoteur .ci-card__ville::before {
    background-color: var(--wp--preset--color--quaternary);
}

.ci-card__promoteur .ci-card__content__bottom {
    border-top: 1px solid var(--wp--preset--color--quaternary);
}

.ci-card__renovation .ci-card__ville {
    color: var(--wp--preset--color--secondary);
}

.ci-card__renovation .ci-card__ville::before {
    background-color: var(--wp--preset--color--secondary);
}

.ci-card__renovation .ci-card__content__bottom {
    border-top: 1px solid var(--wp--preset--color--secondary);
}

.ci-card__link {
    display: flex;
    flex-direction: column;
    background-color: var(--wp--preset--color--base);
    box-shadow: 0 0 15px #00000026;
    border-radius: 20px;
    color: var(--wp--preset--color--black);
    text-decoration: none;
    overflow: hidden;
}

@media (width > 576px) {
    .ci-card__link {
        flex-direction: row;
    }
}

@media (width > 780px) {
    .ci-card__link {
        flex-direction: column;
    }
}

@media (width > 1200px) {
    .ci-card__link {
        flex-direction: row;
    }
}

.ci-card__link:hover, .ci-card__link:focus {
    outline: none;
}

.ci-card__link:hover .ci-card__media img, .ci-card__link:focus .ci-card__media img {
    transform: scale(1.1);
}

.ci-card__link:hover .ci-card__btn, .ci-card__link:focus .ci-card__btn {
    text-decoration: none;
}

.ci-card__link:hover .ci-card__btn::after, .ci-card__link:focus .ci-card__btn::after {
    right: -25px;
}

.ci-card__media {
    flex: 0 0 40%;
    position: relative;
    overflow: hidden;
}

.ci-card__img {
    width: 100%;
    height: 100%;
}

.ci-card__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .3s ease;
}

.ci-card__tag {
    position: absolute;
    top: 15px;
    left: 15px;
    background-color: var(--wp--preset--color--base);
    padding: 6px 12px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
}

.ci-card__maison-brique .ci-card__tag {
    color: var(--wp--preset--color--quinary);
}

.ci-card__maison-bois .ci-card__tag {
    color: var(--wp--preset--color--tertiary);
}

.ci-card__promoteur .ci-card__tag {
    color: var(--wp--preset--color--quaternary);
}

.ci-card__content {
    flex: 0 0 60%;
}

.ci-card__content p {
    margin: 0;
}

.ci-card__content__top {
    padding: 20px 20px;
}

.ci-card__ville {
    position: relative;
    font-size: 25px;
    font-weight: 700;
    padding-left: 20px;
    margin-bottom: 8px!important;
}

.ci-card__ville::before {
    content: '';
    display: inline-block;
    width: 13px;
    height: 19px;
    -webkit-mask-image: url('./assets/img/icon-pin.svg');
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-image: url('./assets/img/icon-pin.svg');
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    background-color: var(--wp--preset--color--black);
    margin-top: 2px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.ci-card__superficies {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 5px;
}

.ci-card__superficie {
    position: relative;
    padding-left: 22px;
}

.ci-card__superficie::before {
    content: '';
    width: 15px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 0;
    background-image: url('assets/img/icon-house-door.svg');
    background-repeat: no-repeat;
    background-position: top left;
    transform: translateY(-50%);
}

.ci-card__superficie_du_terrain {
    position: relative;
    padding-left: 22px;
}

.ci-card__superficie_du_terrain::before {
    content: '';
    width: 14px;
    height: 14px;
    position: absolute;
    top: 50%;
    left: 0;
    background-image: url('assets/img/icon-field.svg');
    background-repeat: no-repeat;
    background-position: top left;
    transform: translateY(-50%);
}

.ci-card__nombre_de_pieces {
    position: relative;
    padding-left: 22px;
}

.ci-card__nombre_de_pieces::before {
    content: '';
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 0;
    background-image: url('assets/img/icon-room.svg');
    background-repeat: no-repeat;
    background-position: top left;
    transform: translateY(-50%);
}

.ci-card__content__bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 10px 20px;
    border-top: 1px solid var(--wp--preset--color--black);
}

.ci-card__prix {
    font-size: 25px;
    font-weight: 700;
}

.ci-card__btn {
    position: relative;
    display: inline-block;
    text-decoration: underline;
    margin-right: 15px;
    transition: all .3s ease;
}

.ci-card__btn::after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    -webkit-mask-image: url('./assets/img/icon-arrow-small.svg');
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-image: url('./assets/img/icon-arrow-small.svg');
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    background-color: var(--wp--preset--color--black);
    margin-top: 2px;
    position: absolute;
    top: 50%;
    right: -20px;
    transform: translateY(-50%);
    transition: all .3s ease;
}

.ci-map-wrapper {
    width: 100%!important;
    height: 450px!important;
}

@media (width > 576px) {
    .ci-map-wrapper {
        height: 550px!important;
    }
}

@media (width > 780px) {
    .ci-map-wrapper {
        height: 100%!important;
    }
}

.ci-map__list .ci-map {
    height: 100%!important;
    border-radius: 20px;
    overflow: hidden;
}

.ci-popup__body h3 {
    font-size: 18px;
}

.ci-popup__body a {
    color: var(--wp--preset--color--black)!important;
}

.leaflet-popup-content {
    width: 200px;
}

.ci-popup__field-img-wrapper {
    width: 100%;
    height: 150px;
    overflow: hidden;
}

.ci-popup__field-img-wrapper .ci-popup__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bloc-advice__list {
    margin-bottom: -50px!important;
}

.card-announcement__delivery {
    position: absolute;
    top: 15px;
    right: 15px;
    background-color: var(--wp--preset--color--base);
    color: var(--wp--preset--color--quaternary);
    padding: 6px 12px;
    border-radius: 30px;
    font-size: 16px;
}

.wp-block-post.category-maison-brique .card-announcement__delivery {
    color: var(--wp--preset--color--quinary);
}

.wp-block-post.category-maison-bois .card-announcement__delivery {
    color: var(--wp--preset--color--tertiary);
}

.wp-block-post.category-promoteur .card-announcement__delivery {
    color: var(--wp--preset--color--quaternary);
}

.wp-block-post.category-renovation .card-announcement__delivery {
    color: var(--wp--preset--color--secondary);
}

.card-announcement__city {
    position: relative;
}

.wp-block-post.category-maison-brique .card-announcement__city {
    color: var(--wp--preset--color--quinary);
}

.wp-block-post.category-maison-bois .card-announcement__city {
    color: var(--wp--preset--color--tertiary);
}

.wp-block-post.category-promoteur .card-announcement__city {
    color: var(--wp--preset--color--quaternary);
}

.wp-block-post.category-renovation .card-announcement__city {
    color: var(--wp--preset--color--secondary);
}

.card-announcement__city::before {
    content: '';
    display: inline-block;
    width: 13px;
    height: 19px;
    -webkit-mask-image: url('./assets/img/icon-pin.svg');
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-image: url('./assets/img/icon-pin.svg');
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    background-color: var(--wp--preset--color--quaternary);
    margin-top: 2px;
    margin-right: 5px;
}

.wp-block-post.category-maison-brique .card-announcement__city::before {
    background-color: var(--wp--preset--color--quinary);
}

.wp-block-post.category-maison-bois .card-announcement__city::before {
    background-color: var(--wp--preset--color--tertiary);
}

.wp-block-post.category-promoteur .card-announcement__city::before {
    background-color: var(--wp--preset--color--quaternary);
}

.wp-block-post.category-renovation .card-announcement__city::before {
    background-color: var(--wp--preset--color--secondary);
}

.hero-page .search-filter-input-text, .hero-page .search-filter-component-combobox-base {
    border: 1px solid var(--wp--preset--color--gray);
    background-color: var(--wp--preset--color--gray);
    border-radius: 50px;
    font-size: 16px;
}

.hero-page .wp-block-search-filter-choice-checkbox {
    margin-top: 28px;
}

.hero-page .search-filter-input-button {
    border-radius: 50px;
    background-color: var(--wp--preset--color--black);
    color: var(--wp--preset--color--base);
    border: 1px solid var(--wp--preset--color--black);
    transition: all .3s ease;
}

.hero-page .search-filter-input-button:hover, .hero-page .search-filter-input-button:focus {
    background-color: var(--wp--preset--color--base);
    color: var(--wp--preset--color--black);
    text-decoration: none;
}

/* product list FIN */

/* product detail */

.product-detail__hero {
    min-height: 310px;
}

@media (width > 780px) {
    .product-detail__infos-top {
        margin-top: -50px!important;
    }
}

.product-detail__delivery {
    position: relative;
    padding: 0 20px;
}

.product-detail__delivery::before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: var(--wp--preset--color--quaternary);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.product-detail__delivery--blue::before {
    background-color: var(--wp--preset--color--quaternary);
}

.product-detail__delivery--green::before {
    background-color: var(--wp--preset--color--tertiary);
}

.product-detail__delivery--orange::before {
    background-color: var(--wp--preset--color--primary);
}

.product-detail__delivery--yellow::before {
    background-color: var(--wp--preset--color--quinary);
}

.product-detail__delivery--purple::before {
    background-color: var(--wp--preset--color--secondary);
}

.product-detail__delivery__content {
    position: relative;
    display: inline-flex!important;
    color: var(--wp--preset--color--base);
    background-color: var(--wp--preset--color--quaternary);
    border-radius: 30px;
    padding: 6px 12px;
}

.product-detail__delivery--blue .product-detail__delivery__content {
    background-color: var(--wp--preset--color--quaternary);
}

.product-detail__delivery--green .product-detail__delivery__content {
    background-color: var(--wp--preset--color--tertiary);
}

.product-detail__delivery--orange .product-detail__delivery__content {
    background-color: var(--wp--preset--color--primary);
}

.product-detail__delivery--yellow .product-detail__delivery__content {
    background-color: var(--wp--preset--color--quinary);
}

.product-detail__delivery--purple .product-detail__delivery__content {
    background-color: var(--wp--preset--color--secondary);
}

.ci-map__detail .ci-map {
    height: 600px!important;
    border-radius: 20px;
    overflow: hidden;
}

.product-detail__bloc-infos {
    flex-wrap: wrap!important;
}
.product-detail__bloc-infos .wp-block-column figure + p {
    line-height: 1;
    max-width: 200px;
}
main .product-detail__bloc-infos .wp-block-column.is-layout-flow {
    position: relative;
    flex-basis: auto!important;
    min-width: 120px!important;
}

.product-detail__bloc-infos .wp-block-column::after {
    content: '';
    width: 1px;
    height: 100%;
    border-right: 2px dashed var(--wp--preset--color--quaternary);
    position: absolute;
    top: 0;
    right: -13px;
}

.product-detail__bloc-infos--green .wp-block-column::after {
    border-color: var(--wp--preset--color--tertiary);
}

.product-detail__bloc-infos--orange .wp-block-column::after {
    border-color: var(--wp--preset--color--primary);
}

.product-detail__bloc-infos--yellow .wp-block-column::after {
    border-color: var(--wp--preset--color--quinary);
}

.product-detail__bloc-infos--purple .wp-block-column::after {
    border-color: var(--wp--preset--color--secondary);
}

.product-detail__bloc-infos--blue .wp-block-column::after {
    border-color: var(--wp--preset--color--quaternary);
}

.product-detail__bloc-infos .wp-block-column:last-child::after {
    content: none;
}
.project-steps {
    display: inline-flex;
    list-style-type: none;
    gap: 30px;
    border: 1px solid #000;
    border-radius: 50px;
    padding: 3px 4px;
    align-items: center;
}
.project-steps li.active {
    background-color: #bebebe;
    padding: 4px 20px;
    border-radius: 50px;
    font-weight: 500;
}
.has-quinary-backgroundcolor .project-steps li.active {
    background-color: var(--wp--preset--color--quinary);
}
.has-quaternary-backgroundcolor .project-steps li.active {
    background-color: var(--wp--preset--color--quaternary);
}
.has-tertiary-backgroundcolor .project-steps li.active {
    background-color: var(--wp--preset--color--tertiary);
}
.has-secondary-backgroundcolor .project-steps li.active {
    background-color: var(--wp--preset--color--secondary);
}
.has-primary-backgroundcolor .project-steps li.active {
    background-color: var(--wp--preset--color--primary);
}

.gallery-advancement-full__slider {
    width: 1000px;
    max-width: 100%;
}

.gallery-advancement-full__slider figure {
    height: 500px;
    border-radius: 20px;
    overflow: hidden;
}
.gallery-advancement-full__slider .slick-arrow {
    width: 21px;
    height: 21px;
    z-index: 1;
    right: -40px;
}
.gallery-advancement-full__slider .slick-arrow.slick-prev {
    transform: translate(0, -50%) rotate(-180deg);
    left: -40px;
}
.gallery-advancement-full__slider .slick-arrow::before {
    content: '';
    display: inline-block;
    width: 21px;
    height: 21px;
    margin-left: 5px;
    -webkit-mask-image: url(./assets/img/icon-arrow-small.svg);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-image: url(./assets/img/icon-arrow-small.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    opacity: 1;
    margin: 0;
}
.has-quinary-arrowcolor .slick-arrow::before {
    background: var(--wp--preset--color--quinary);
}
.has-quaternary-arrowcolor .slick-arrow::before {
    background: var(--wp--preset--color--quaternary);
}
.has-tertiary-arrowcolor .slick-arrow::before {
    background: var(--wp--preset--color--tertiary);
}
.has-secondary-arrowcolor .slick-arrow::before {
    background: var(--wp--preset--color--secondary);
}
.has-primary-arrowcolor .slick-arrow::before {
    background: var(--wp--preset--color--primary);
}
.gallery-img-full {
    overflow: hidden;
}

.gallery-img-full .gallery-img-full__slider .slick-slide {
    margin: 0 10px!important;
}

.gallery-img-full .gallery-img-full__slider .slick-slide:hover, .gallery-img-full .gallery-img-full__slider .slick-slide:focus {
    outline: none;
}

.gallery-img-full .wp-block-image {
    height: 300px;
    border-radius: 20px;
    overflow: hidden;
}

@media (width > 576px) {
    .gallery-img-full .wp-block-image {
        height: 350px;
    }
}

@media (width > 780px) {
    .gallery-img-full .wp-block-image {
        height: 300px;
    }
}

@media (width > 992px) {
    .gallery-img-full .wp-block-image {
        height: 320px;
    }
}

@media (width > 1200px) {
    .gallery-img-full .wp-block-image {
        height: 380px;
    }
}

@media (width > 1400px) {
    .gallery-img-full .wp-block-image {
        height: 450px;
    }
}

.gallery-img-full .wp-block-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
}

.gallery-scrubber {
    position: relative;
    max-width: 1700px; 
    width: calc(96% - 30px);
    height: 6px;
    margin: 40px auto 0 auto;
    padding: 0 15px;
    cursor: pointer;
}

.gallery-scrubber::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 2px;
    transform: translateY(-50%);
    background: var(--wp--preset--color--black);
    border-radius: 2px;
    opacity: 0.5;
}

.gallery-scrubber__thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 6px;
    background: var(--wp--preset--color--black, currentColor);
    border-radius: 3px;
    cursor: grab;
    transition: left 0.4s ease;
    user-select: none;
}

.gallery-scrubber__thumb:active {
    cursor: grabbing;
}

.wp-block-table thead {
    border: none;
    font-size: 20px;
    font-family: var(--wp--preset--font-family--secondary);
}

@media (width > 780px) {
    .wp-block-table thead {
        font-size: 25px;
    }
}

.wp-block-table th {
    border: none;
    word-break: normal!important;
}

.wp-block-table td {
    padding-top: 15px;
    padding-bottom: 15px;
    border: none;
    word-break: normal!important;
}

.wp-block-table tbody tr {
    border-bottom: 2px dashed color-mix(in srgb, var(--wp--preset--color--black), transparent 50%);
}

.wp-block-table tbody tr:last-child {
    border-bottom: none;
}

.wp-block-table tbody a {
    position: relative;
    display: inline-block;
    padding: 6px 30px 6px 12px;
    color: var(--wp--preset--color--black);
    border: 1px solid var(--wp--preset--color--black);
    border-radius: 30px;
    text-decoration: none;
    transition: all .3s ease;
}

.wp-block-table tbody a::before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    -webkit-mask-image: url('./assets/img/icon-download.svg');
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-image: url('./assets/img/icon-download.svg');
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    background-color: var(--wp--preset--color--black);
    margin-top: 2px;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    transition: all .3s ease;
}

.wp-block-table tbody a:hover, .wp-block-table tbody a:focus {
    background-color: var(--wp--preset--color--black);
    color: var(--wp--preset--color--base);
    text-decoration: none;
}

.wp-block-table tbody a:hover::before, .wp-block-table tbody a:focus::before {
    background-color: var(--wp--preset--color--base);
}

.product-detail__table--green tbody a {
    color: var(--wp--preset--color--tertiary);
    border-color: var(--wp--preset--color--tertiary);
}

.product-detail__table--orange tbody a {
    color: var(--wp--preset--color--primary);
    border-color: var(--wp--preset--color--primary);
}

.product-detail__table--yellow tbody a {
    color: var(--wp--preset--color--quinary);
    border-color: var(--wp--preset--color--quinary);
}

.product-detail__table--purple tbody a {
    color: var(--wp--preset--color--secondary);
    border-color: var(--wp--preset--color--secondary);
}

.product-detail__table--blue tbody a {
    color: var(--wp--preset--color--quaternary);
    border-color: var(--wp--preset--color--quaternary);
}

.product-detail__table--green a::before {
    background-color: var(--wp--preset--color--tertiary);
}

.product-detail__table--orange a::before {
    background-color: var(--wp--preset--color--primary);
}

.product-detail__table--yellow a::before {
    background-color: var(--wp--preset--color--quinary);
}

.product-detail__table--purple a::before {
    background-color: var(--wp--preset--color--secondary);
}

.product-detail__table--blue a::before {
    background-color: var(--wp--preset--color--quaternary);
}

@media (width < 991px) {
    figure.wp-block-table {
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }

    figure.wp-block-table table {
        width: max-content;
        min-width: 700px;
    }
}

.product-detail__statut {
    display: flex;
}

.product-detail__statut__infos {
    display: inline-block;
    color: var(--wp--preset--color--black);
    background-color: var(--wp--preset--color--quaternary);
    border-radius: 30px;
    padding: 10px 20px;
}

.product-detail__statut__infos--blue {
    background-color: var(--wp--preset--color--quaternary);
}

.product-detail__statut__infos--green {
    background-color: var(--wp--preset--color--tertiary);
}

.product-detail__statut__infos--orange {
    background-color: var(--wp--preset--color--primary);
}

.product-detail__statut__infos--yellow {
    background-color: var(--wp--preset--color--quinary);
}

.product-detail__statut__infos--purple {
    background-color: var(--wp--preset--color--secondary);
}

/* product detail FIN */

/* formulaire enrichi */

.form-project .gform-body {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

@media (width > 1200px) {
    .form-project .gform-body {
        flex-direction: row;
        gap: 60px;
    }
}

.form-project .form-nav {
    flex: 0 0 22%;
}

.form-project .form-nav-item {
    position: relative;
    max-width: 340px;
    font-size: 20px;
    font-weight: 600;
    padding: 10px 50px 10px 20px;
    background-color: var(--wp--preset--color--gray);
    box-shadow: 0 0 10px #00000026;
    margin-bottom: 15px;
    border-radius: 30px;
}

.form-project .form-nav-item.nav-active, .form-project .form-nav-item.nav-checked {
    background-color: var(--wp--preset--color--base);
}

.form-project .form-nav-item.nav-checked::after {
    content: '';
    display: inline-block;
    width: 26px;
    height: 26px;
    -webkit-mask-image: url('./assets/img/icon-check.svg');
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-image: url('./assets/img/icon-check.svg');
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    background-color: var(--wp--preset--color--tertiary);
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);

}

#gform_fields_4 {
    display: flex;
    flex-direction: column;
}

.form-project .form-wrapper {
    background-color: var(--wp--preset--color--gray);
    border-radius: 20px;
    box-shadow: 0 0 15px #00000026;
}

.form-project .form-wrapper .gfield {
    padding: 20px 30px;
}

.form-project .form-wrapper .gfield:first-child {
    padding: 0;
}

.form-project .form-wrapper fieldset.gfield {
    padding-top: 0;
}

.form-project .form-wrapper fieldset.gfield legend {
    padding-top: 20px;
    padding-bottom: 10px;
}

.form-project .form-wrapper hr {
    display: none;
    margin: 0 0 15px 0;
}

.form-project .form-wrapper.active hr {
    display: block;
}

.form-project .form-wrapper.active {
    background-color: var(--wp--preset--color--base);
}

.form-project .form-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 30px;
}

.form-project .form-panel-head h3 {
    font-size: 20px;
    font-family: var(--wp--preset--font-family--primary);
    font-weight: 600;
    margin: 0;
    padding: 0;
}

@media (width > 576px) {
    .form-project .form-panel-head h3 {
        font-size: 25px;
    }
}

@media (width > 780px) {
    .form-project .form-panel-head h3 {
        font-size: 30px;
    }
}

.form-project .gfield--type-section {
    border: none!important;
}

.form-project .gfield--type-section {
    padding-bottom: 0!important;
}

.form-project .gfield--type-section h3 {
    font-family: var(--wp--preset--font-family--primary);
    font-size: 20px;
    font-weight: 400;
    margin: 0;
}

.form-project .form-bloc-steps {
    text-align: center;
    padding: 5px 0 10px 0;
}

.form-project .form-next-step {
    display: inline-block;
    font-size: 20px;
    color: var(--wp--preset--color--base);
    background-color: var(--wp--preset--color--black);
    border: 1px solid var(--wp--preset--color--black);
    padding: 10px 30px;
    border-radius: 30px;
    cursor: pointer;
    transition: all .3s ease;
}

.form-project .form-next-step:hover, .form-project .form-next-step:focus {
    background-color: transparent;
    color: var(--wp--preset--color--black);
    text-decoration: none;
}

.form-project .form-prev-step {
    position: relative;
    text-decoration: underline;
    padding-right: 25px;
    cursor: pointer;
}

.form-project .form-prev-step::after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    -webkit-mask-image: url('./assets/img/icon-arrow-top.svg');
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-image: url('./assets/img/icon-arrow-top.svg');
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    background-color: var(--wp--preset--color--black);
    margin-top: 2px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    transition: all .3s ease;
}

.form-project .form-prev-step:hover, .form-project .form-prev-step:focus {
    text-decoration: none;
    color: var(--wp--preset--color--black);
}

.form-project .gform-footer {
    margin-bottom: 30px;
}

/* .form-project input {
    width: auto!important;
} */

/* formulaire enrichi FIN */

/* formulaires */

.gform-theme--foundation .gform_fields {
    row-gap: 20px!important;
    column-gap: 20px!important;
}

.gform_required_legend {
    display: none;
}

.gfield_label,
.gform-field-label {
    font-size: 18px!important;
    margin-bottom: 2px!important;
}

.ginput_container_text input,
.ginput_container_phone input,
.ginput_container_email input,
.ginput_container_textarea textarea,
.ginput_complex input,
.gfield_select,
.ginput_container_number input {
    padding: 10px 10px!important;
    border: 1px solid var(--wp--preset--color--gray)!important;
    background-color: var(--wp--preset--color--gray)!important;
    border-radius: 50px!important;
    min-height: 50px !important;
    font-size: 16px!important;
}

.gfield_select {
    line-height: 28px!important;
}

.ginput_container_textarea textarea {
    border-radius: 20px!important;
    min-height: 250px!important;
}

.gfield_checkbox .gfield-choice-input, .gfield--type-consent input {
    cursor: pointer;
}

.gfield_checkbox .gform-field-label--type-inline, .gfield--type-consent .gform-field-label--type-inline {
    cursor: pointer;
}

.gchoice_1_10_1 .gfield-choice-input:focus {
    outline: none!important;
    box-shadow: 0 0 0 2px var(--wp--preset--color--quinary)!important;
}

.gchoice_1_10_1 .gfield-choice-input::before {
    color: var(--wp--preset--color--quinary)!important;
}

.gchoice_1_10_2 .gfield-choice-input:focus {
    outline: none!important;
    box-shadow: 0 0 0 2px var(--wp--preset--color--tertiary)!important;
}

.gchoice_1_10_2 .gfield-choice-input::before {
    color: var(--wp--preset--color--tertiary)!important;
}

.gchoice_1_10_3 .gfield-choice-input:focus {
    outline: none!important;
    box-shadow: 0 0 0 2px var(--wp--preset--color--quaternary)!important;
}

.gchoice_1_10_3 .gfield-choice-input::before {
    color: var(--wp--preset--color--quaternary)!important;
}

.gchoice_1_10_4 .gfield-choice-input:focus {
    outline: none!important;
    box-shadow: 0 0 0 2px var(--wp--preset--color--secondary)!important;
}

.gchoice_1_10_4 .gfield-choice-input::before {
    color: var(--wp--preset--color--secondary)!important;
}

.gform-footer {
    justify-content: center!important;
}

.gform-footer .gform_button {
    padding: 15px 40px!important;
    border-radius: 50px!important;
    font-size: 20px!important;
    background-color: var(--wp--preset--color--black)!important;
    color: var(--wp--preset--color--white)!important;
    border: 1px solid var(--wp--preset--color--black)!important;
    transition: all .3s ease;
}

.gform-footer .gform_button:hover, .gform-footer .gform_button:focus {
    background-color: transparent!important;
    color: var(--wp--preset--color--black)!important;
    outline: none!important;
}

/* formulaires FIN */

/* footer */

footer a:focus {
    outline: none;
}

@media (width < 1400px) {

    .footer__content {
        justify-content: center;
    }

    .wp-block-navigation {
        align-items: center;
    }

    footer .wp-block-navigation__container {
        align-items: center;
    }

    .footer__rs {
        text-align: center;
    }

    .footer__rs__content {
        justify-content: center;
    }
}

.footer__right {
    width: 100%;
    max-width: 800px;
}

.footer__rs__content a {
    display: inline-block;
    transition: all .3s ease;
}

.footer__rs__content a:hover, .footer__rs__content a:focus {
    transform: scale(1.1);
}

.footer__bottom a {
    text-decoration: none;
    color: var(--wp--preset--color--black);
}

.footer__bottom a:hover, .footer__bottom a:focus {
    text-decoration: underline;
    color: var(--wp--preset--color--black);
}

/* footer FIN */

nav.ci-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px 0;
}
nav.ci-pagination > div {
    margin: 0 10px;
}
nav.ci-pagination > div button {
    margin: 0 5px;
    background-color: transparent;
    border: transparent;
    cursor: pointer;
}
nav.ci-pagination > div button.ci-pagination__page--active {
    background-color: #e4e4e4;
    padding: 5px 11px;
}
nav.ci-pagination > div button:focus,
nav.ci-pagination > div button:hover {
    outline: transparent;
}
nav.ci-pagination > button {
    background-color: transparent;
    border: transparent;
}

.product-detail__hero {
    background-color: #000000;
}
.product-detail__hero img {
    opacity: 0.7;
}
.product-detail__hero .wp-block-cover__inner-container p {
    color: #ffffff;
    font-weight: 700;
    font-size: 50px !important;
}