html {
    scroll-behavior: smooth;
    height: 100%;
}

main {
    margin-bottom: auto;
}

body {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    margin: 0;
}

:where(.wp-site-blocks)>* {
    margin-block-start: 0;
}

.wp-site-blocks {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.wp-block-group.header-edito.has-background[style*="background-image"] {
    background-repeat: no-repeat !important;
    background-position: left 96px top -43px !important;
    background-size: 360px auto !important;
}

/* header */
.icons-menu-items .wp-block-navigation {
    width: 100%;
}

.icons-menu-items .wp-block-navigation-item {
    background-color: white;
    padding: 20px 0;
    border-radius: 50px;
    width: 100%;
}

.icons-menu-items .wp-block-navigation-item:hover {
    background-color: var(--wp--preset--color--bleu-tres-ultra-clair) !important;
}

.wp-block-navigation-item.has-child:has(button[aria-expanded="true"]) {
    /* color: var(--wp--preset--color--bleu-ciel) !important;
    border-top: 3px solid var(--wp--preset--color--bleu-ciel) !important; */
    transition: background-color 0.3s ease;
}

.icons-menu-items .wp-block-navigation-item__content {
    display: flex;
    align-items: center;
    padding-left: 60px;
}

.icons-menu-items .menu-icon-svg {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 4px;
}

@media screen and (max-width: 1325px) {
    .escape-padding {
        padding-left: 1vw !important;
        padding-right: 1vw !important;
    }
}

header.wp-block-template-part {
    display: block !important;
}

.icons-menu-items .wp-block-navigation-item__content {
    display: flex;
    align-items: center;
    padding-left: 60px;
}

/* account*/

.wp-block-woocommerce-customer-account {
    height: 48px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.wp-block-woocommerce-customer-account a {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 8px;
    text-decoration: none !important;
    height: 100%;
    padding: 12px 20px;
    font-weight: 600;
}

.wp-block-woocommerce-customer-account svg {
    width: 20px;
    height: 20px;
}

.wp-block-woocommerce-customer-account:hover {
    background-color: var(--wp--preset--color--gris-500) !important;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.wp-block-woocommerce-customer-account:hover a,
.wp-block-woocommerce-customer-account:hover svg {
    color: #ffffff !important;
    text-decoration: none !important;
}

/* ollies */

.wp-block-ollie-mega-menu .wp-block-ollie-mega-menu__toggle .wp-block-ollie-mega-menu__toggle-icon {
    height: 100%;
    margin-left: 1rem !important;
}

.wp-block-ollie-mega-menu__menu-container .card-menu {
    display: flex !important;
    flex-direction: column !important;
}

.wp-block-ollie-mega-menu__menu-container .card-menu>.wp-block-group {
    height: 100% !important;
}

.wp-block-ollie-mega-menu__menu-container .card-menu>.wp-block-buttons {
    margin: 0 !important;
    margin-top: auto !important;
}

.wp-block-ollie-mega-menu__menu-container .card-menu .wp-element-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
}

.wp-block-ollie-mega-menu__menu-container .card-menu .wp-element-button::after {
    content: "";
    width: 16px;
    height: 16px;
    mask-image: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.2675 6.58687L7.20751 3.52687C7.0826 3.4027 6.91364 3.33301 6.73751 3.33301C6.56139 3.33301 6.39242 3.4027 6.26751 3.52687C6.20503 3.58884 6.15543 3.66258 6.12158 3.74382C6.08774 3.82506 6.07031 3.9122 6.07031 4.0002C6.07031 4.08821 6.08774 4.17535 6.12158 4.25659C6.15543 4.33783 6.20503 4.41156 6.26751 4.47354L9.33418 7.52687C9.39666 7.58885 9.44626 7.66258 9.48011 7.74382C9.51395 7.82506 9.53138 7.9122 9.53138 8.0002C9.53138 8.08821 9.51395 8.17535 9.48011 8.25659C9.44626 8.33783 9.39666 8.41156 9.33418 8.47354L6.26751 11.5269C6.14198 11.6515 6.0711 11.8209 6.07047 11.9978C6.06985 12.1748 6.13953 12.3447 6.26418 12.4702C6.38883 12.5957 6.55825 12.6666 6.73515 12.6672C6.91206 12.6679 7.08198 12.5982 7.20751 12.4735L10.2675 9.41354C10.642 9.03854 10.8524 8.53021 10.8524 8.0002C10.8524 7.4702 10.642 6.96187 10.2675 6.58687V6.58687Z" fill="black"/></svg>');
    mask-repeat: no-repeat;
    mask-size: contain;
    background-color: #1B1C38;
    display: inline-block;
    transition: background-color 0.3s ease;
}

.wp-block-ollie-mega-menu__menu-container .card-menu .wp-element-button:hover {
    color: white !important;
}

.wp-block-ollie-mega-menu__menu-container .card-menu .wp-element-button:hover::after {
    background-color: white !important;
}

@media (min-width: 1201px) {

    .wp-block-ollie-mega-menu__toggle[aria-expanded="true"] {
        border-bottom: 2px solid currentColor;
        padding-bottom: 4px;
        text-decoration: none !important;
    }

    .wp-block-navigation-item.has-child .wp-block-navigation-submenu__toggle {
        margin-left: 60px !important;
        padding: 0 !important;
        background: transparent !important;
        border: none !important;
        display: flex !important;
        align-items: center !important;
        gap: 15px !important;
        width: auto !important;
        cursor: pointer;
    }

    .wp-block-navigation__submenu-icon {
        display: block !important;
        position: absolute !important;
        right: 30px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 20px !important;
        height: 20px !important;
        margin: 0 !important;
    }

    .wp-block-navigation__submenu-icon svg {
        transform: rotate(-90deg);
        transition: transform 0.3s ease;
        display: block;
    }

    button[aria-expanded="true"]+.wp-block-navigation__submenu-icon svg {
        transform: rotate(90deg) !important;
    }

    .wp-block-navigation-item.has-child button[aria-expanded="true"]~.wp-block-navigation__submenu-container {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: absolute !important;
        top: -189px !important;
        left: 107% !important;
        width: 885px !important;
        max-width: 66.1vw !important;
        height: 442px !important;
        z-index: 9999 !important;
        border-radius: 30px !important;
        background-color: #ffffff !important;
        padding: 40px !important;
        box-sizing: border-box !important;
        border: transparent;
    }

    .wp-block-navigation-item.has-child button[aria-expanded="true"]~.wp-block-navigation__submenu-container li.wp-block-navigation-item {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        background-color: transparent !important;
        width: 100% !important;
    }

    .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container li a.wp-block-navigation-item__content {
        display: block !important;
        padding: 0 !important;
        margin: 0 !important;
        font-weight: 600;
    }

    .menu-container__close-button[data-wp-on--click="actions.closeMenuOnClick"] {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        position: absolute !important;
    }

    .wp-block-navigation__submenu-container {
        position: absolute !important;
        padding-top: 70px !important;
    }

    .custom-menu-close {
        position: absolute !important;
        top: 20px !important;
        right: 20px !important;
        background-color: transparent !important;
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        padding: 8px 16px !important;
        border: none !important;
        cursor: pointer !important;
        font-size: 14px !important;
        font-weight: bold !important;
        z-index: 999 !important;
        transition: all 0.3s ease !important;
    }

    .custom-menu-close:hover {
        border-bottom: 1px solid black;
    }

    .custom-menu-close svg {
        display: block !important;
        fill: currentColor !important;
    }

    .wp-block-navigation__submenu-container::before,
    .wp-block-navigation__submenu-container::after {
        display: none !important;
        content: none !important;
    }

}

/* button */
.wp-block-button__link {
    display: inline-flex !important;
    align-items: center;
    gap: 0.5em;
}

.button-icon-svg {
    width: 1.2em;
    height: auto;
    flex-shrink: 0;
}

/* search btn */
.wp-block-search__button svg.search-icon {
    transform: scaleX(-1);
    display: inline-block;
}

.wp-block-search__button.has-icon.wp-element-button:hover {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

.wp-block-search__button.has-icon.wp-element-button:hover svg {
    fill: #000;
    opacity: 1;
}

.search form.wp-block-search_ {
    width: 426px !important;
}

.search .wp-block-read-more {
    text-decoration: underline !important;
}

/* footer */
footer .wp-block-group.has-background[style*="background-image"] {
    background-repeat: no-repeat !important;
    background-position: right 46px bottom 0px !important;
    background-size: 643px auto !important;
}

.scroll-to-top {
    position: fixed;
    bottom: 0px;
    right: 59px;
    cursor: pointer;
    transition: transform 0.3s ease;
}

/* responcive */

@media (max-width: 1200px) {

    .wp-block-navigation-item.has-child:has(button[aria-expanded="true"]) {
        color: var(--wp--preset--color--bleu-ciel) !important;
        border-top: 3px solid var(--wp--preset--color--bleu-ciel) !important;
    }

    .wp-block-navigation-item.has-child:has(button[aria-expanded="true"]) .menu-icon-svg {
        filter: invert(47%) sepia(96%) saturate(3015%) hue-rotate(186deg) brightness(101%) contrast(105%);
    }

    footer .wp-block-columns {
        flex-direction: column !important;
        gap: var(--wp--preset--spacing--m) !important;
    }

    footer .wp-block-column {
        flex-basis: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
    }

    footer .wp-block-column p,
    footer .wp-block-column h3 {
        text-align: center !important;
        width: 100% !important;
    }


    footer .wp-block-navigation,
    footer .wp-block-navigation__container {
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
        width: 100% !important;
    }

    footer .wp-block-navigation-item__content {
        justify-content: center !important;
    }

    footer .wp-block-group.is-layout-flex.is-nowrap {
        flex-direction: column !important;
        align-items: center !important;
        gap: var(--wp--preset--spacing--m) !important;
    }

    footer .footer-img-mobile .wp-block-group.is-layout-flex.is-nowrap {
        flex-direction: row !important;
    }

    footer .footer-img-mobile figure {
        height: 109.867px !important;
        aspect-ratio: 128.50/109.87 !important;
    }

    footer .wp-block-social-links.is-layout-flex {
        justify-content: center !important;
        margin-top: var(--wp--preset--spacing--xs) !important;
    }

    footer .footer-utils-links nav ul {
        flex-direction: column !important;
        margin-bottom: 50px;
    }

    footer .is-content-justification-right {
        justify-content: center !important;
        width: 100% !important;
    }

    footer .is-content-justification-right .wp-block-navigation__container {
        flex-wrap: wrap !important;
        gap: var(--wp--preset--spacing--s) !important;
    }

    footer .scroll-to-top {
        display: none !important;
    }
}

@media (max-width: 600px) {

    /* footer {
        margin-top: 741px;
    }

    .iframe-brevo {
        position: absolute;
        left: 0;
        top: -741px;
    } */

    .iframe-brevo .sib-form {
        max-width: 370px !important;
        /* width: 100% !important; */
    }
}