html, body {
    background-image: url('../perfectohotel/assets/images/7de421a8c95a2c7c5524b842d8ed0722d6e786a5.jpg');
    background-position: center;
    background-size: cover;
    background-color: rgba(255, 255, 255, 0.6);
    background-blend-mode: lighten;
    overflow-x: hidden;
}

.home .nohome {
    display: none;
}

h2 {
    font-family: var(--wp--preset--font-family--aptos-black) !important;
    font-size: var(--wp--preset--font-size--hotel-titre) !important;
    color: var(--wp--preset--color--couleur-primaire) !important;
}

/* header */
header {
    position: relative;
    height: 74px;
}

header > div {
    position: fixed;
    width: 100%;
    z-index: 1;
}

header .header_mobile {
    position: absolute;
    top: calc(100% + 236px);
    left: 0;
    display: none;
    width: 100%;
    padding: 40px 64px;
    background-color: var(--wp--preset--color--couleur-secondaire);
    z-index: 1;
}

header .header_mobile::before {
    content: '';
    position: absolute;
    top: 0;
    left: 64px;
    height: 1px;
    width: calc(100% - 64px * 2);
    background-color: var(--wp--preset--color--couleur-blanc);
}

header .header_mobile--active {
    display: block;
}

.header_mobile p,
.header_mobile .wp-block-buttons {
    margin-left: 0 !important;
}

/* Menu mobile */
.wp-block-navigation {
    position: static;
}

.wp-block-navigation .wp-block-navigation-item a {
    transition: all 0.3s ease-in-out;
}

.wp-block-navigation .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation-item:hover a {
    color: var(--wp--preset--color--couleur-secondaire);
}

.wp-block-navigation__container {
    gap: 20px 5vw !important;
}

.wp-block-navigation__responsive-container-open {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: var(--wp--preset--font-family--avenir-roman) !important;
    font-size: var(--wp--preset--font-size--hotel-texte) !important;
    font-weight: 500 !important;
    text-align: center;
}

.wp-block-navigation__responsive-container-open::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='38' viewBox='0 0 40 38' fill='none'%3E%3Cline x1='3' y1='0.5' x2='37' y2='0.5' stroke='%236E2D1B'/%3E%3Cline x1='3' y1='9.5' x2='37' y2='9.5' stroke='%236E2D1B'/%3E%3Cline x1='3' y1='18.5' x2='37' y2='18.5' stroke='%236E2D1B'/%3E%3C/svg%3E");
    height: 30px;
}

.hotel_title a {
    text-decoration: none;
    letter-spacing: 3px;
}

.wp-block-navigation__responsive-container-close {
    font-size: 0 !important;
}

.wp-block-navigation__responsive-container-close::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='25' height='25' viewBox='0,0,256,256'%3E%3Cg fill='%236E2D1B' fill-rule='nonzero' stroke='none' stroke-width='1' stroke-linecap='butt' stroke-linejoin='miter' stroke-miterlimit='10' stroke-dasharray='' stroke-dashoffset='0' font-family='none' font-weight='none' font-size='none' text-anchor='none' style='mix-blend-mode: normal'%3E%3Cg transform='scale(5.12,5.12)'%3E%3Cpath d='M9.15625,6.3125l-2.84375,2.84375l15.84375,15.84375l-15.9375,15.96875l2.8125,2.8125l15.96875,-15.9375l15.9375,15.9375l2.84375,-2.84375l-15.9375,-15.9375l15.84375,-15.84375l-2.84375,-2.84375l-15.84375,15.84375z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    display: block;
    width: 25px;
    height: 25px;
}

.wp-block-buttons.floating_buttons {
    position: fixed;
    top: 40vh;
    right: 0;
    display: none;
    gap: 1rem;
    z-index: 1;
}

.wp-block-buttons.floating_buttons .wp-block-button {
    width: 100%;
}

.wp-block-buttons.floating_buttons .wp-block-button__link {
    padding: 0 !important;
    font-size: 0;
    border-radius: 0;
}

.wp-block-buttons.floating_buttons .wp-block-button__link::before {
    content: url('../perfectohotel/assets/images/calendrier_bl\ 1.png');
}

.wp-block-buttons.floating_buttons .wp-block-button:nth-of-type(2) .wp-block-button__link::before {
    content: url('../perfectohotel/assets/images/Formulaire_bl\ 1.png');
}

/* Changeur de langue */

.country-selector.weglot-dropdown,
.country-selector.weglot-dropdown a {
    color: var(--wp--preset--color--couleur-primaire);
}

.country-selector.weglot-dropdown .wgcurrent {
    border: none;
}

.country-selector.weglot-dropdown .wgcurrent a, 
.country-selector.weglot-dropdown .wgcurrent span {
    padding-right: 30px;
}

.country-selector.weglot-dropdown .wgcurrent:after {
    top: 15px;
}

.trp-language-switcher {
    height: auto;
    width: fit-content;
}

.trp-language-switcher .trp-ls-shortcode-language, 
.trp-language-switcher > div {
    width: 50px !important;
    padding: 0 !important;
    background-position: center right;
    background-size: 12px 12px, 12px 12px;
    border: none;
}

.trp-language-switcher > div > a {
    color: var(--wp--preset--color--couleur-primaire);
}

/* Slider home */
.metaslider .slides img {
    max-height: calc(100vh - 99px) !important;
    object-fit: cover;
    transition: transform 4s ease-in-out;
}

.flex-active-slide img {
    transform: scale(1.04);
}

.metaslider .caption-wrap {
    bottom: 8%;
    left: 5%;
    width: 60%;
    font-family: var(--wp--preset--font-family--avenir-roman) !important;
    font-size: var(--wp--preset--font-size--hotel-gros-titre);
    font-weight: 600;
    opacity: 1;
    text-shadow: 0px 4px 4px #00000040;
}

.metaslider .flex-control-nav {
    position: absolute;
    bottom: 20px;
    left: 5%;
    display: flex;
    justify-content: end;
    width: 90%;
}

#metaslider-id-210 .flexslider .flex-control-nav li a.flex-active {
    background: var(--wp--preset--color--couleur-blanc);
}

#metaslider-id-210 .flexslider .flex-control-nav li a:not(.flex-active) {
    background: #ffffff75;
}

/* yoast */
.yoast-breadcrumbs a {
    color: var(--wp--preset--color--couleur-primaire);
}

.yoast-breadcrumbs a:hover {
    color: var(--wp--preset--color--couleur-secondaire);
}

/* Block Media & texte */
.wp-block-media-text {
    opacity: 0;
    transform: translateY(100px);
    transition: all 0.3s ease-in-out;
}

.wp-block-media-text--active {
    opacity: 1;
    transform: translateY(0);
}

.wp-block-media-text .wp-block-media-text__content > .wp-block-group {
    position: relative;
    padding-left: 45px;
}

.wp-block-media-text .wp-block-media-text__content > .wp-block-group::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 1px;
    background-color: var(--wp--preset--color--couleur-primaire);
}

.wp-block-media-text.fond_couleur {
    position: relative;
}

.wp-block-media-text.fond_couleur::before {
    content: '';
    position: absolute;
    top: 10%;
    left: 50%;
    height: 80%;
    width: 100vw;
    background-color: var(--wp--preset--color--couleur-secondaire);
    transform: translateX(-50%);
}

.wp-block-media-text.fond_couleur .wp-block-media-text__media, 
.wp-block-media-text.fond_couleur .wp-block-media-text__content {
    z-index: 1;
}

/* checkin-checkout block */
.checkin-checkout-container {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    align-items: center;
    margin-bottom: 20px;
    font-family: var(--wp--preset--font-family--aptos-black);
    font-size: var(--wp--preset--font-size--hotel-petit-texte);
    text-transform: uppercase;
    color: var(--wp--preset--color--couleur-secondaire);
}

.check-section {
    display: flex;
    gap: 15px;
    align-items: center;
}

.check-section:nth-of-type(2) {
    color: var(--wp--preset--color--couleur-primaire);
}

.check-badge {
    width: 90px;
    padding: 11px 14px;
    text-align: center;
    border-radius: 30px;
    border: 2px solid var(--wp--preset--color--couleur-secondaire);
}

.check-section:nth-of-type(2) .check-badge {
    border-color: var(--wp--preset--color--couleur-primaire);
}

/* block buttons */
.wp-block-buttons .wp-block-button__link {
    padding: 10px 30px !important;
    white-space: nowrap;
    transition: all 0.3s ease-in-out;
}

.wp-block-button .wp-block-button__link:hover {
    transform: scale(1.1);
}

.wp-block-button .has-couleur-primaire-background-color {
    transition: all 0.2s ease-in-out;
}

.wp-block-button .has-couleur-primaire-background-color:hover {
    color: var(--wp--preset--color--couleur-secondaire);
}

.wp-block-button .has-couleur-secondaire-background-color {
    transition: all 0.2s ease-in-out;
}

.wp-block-button .has-couleur-secondaire-background-color:hover {
    color: var(--wp--preset--color--couleur-secondaire) !important;
    background-color: var(--wp--preset--color--couleur-primaire) !important;
}

/* gravity forms */
.gform-theme--foundation .gform_footer {
    justify-content: center;
}

/* footer */
.wp-block-post-content, 
footer {
    margin-top: 0;
}

footer ul {
    padding: 0;
}

footer li {
    margin-bottom: 10px;
    list-style: none;
}

footer li a {
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

footer li a:hover, 
footer li:hover a {
    text-decoration: underline;
    color: var(--wp--preset--color--couleur-secondaire);
}

.footer_container {
    position: relative;
}

.footer_container::before,
.footer_container::after {
    content: '';
    position: absolute;
    top: -5%;
    left: 0;
    height: 110%;
    width: 1px;
    background-color: var(--wp--preset--color--couleur-blanc);
}

.footer_container::after {
    left: auto;
    right: 0;
}

@media all and (max-width: 1675px) {
    .header_mobile {
        display: block;
    }

    .wp-block-navigation {
        order: -1;
        margin-left: auto;
    }

    .wp-block-navigation__responsive-container.is-menu-open {
        height: fit-content;
        padding: 40px 64px;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
        padding-top: 0;
    }

    .has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog {
        margin-top: 0 !important;
    }

    .wp-block-navigation__responsive-container {
        position: absolute;
        top: calc(100% - 1px);
        left: 0;
        width: calc(100% - 64px * 2);
        padding: 40px 64px;
    }

    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        background-color: inherit;
        display: none;
        position: relative;
        width: 100%;
        z-index: auto;
    }

    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: flex;
    }
}

@media all and (max-width: 990px) {
    header > div {
        padding-right: var(--wp--preset--spacing--spacing-moyen) !important;
        padding-left: var(--wp--preset--spacing--spacing-moyen) !important;
    }

    header .header_desktop {
        display: none;
    }

    .wp-block-navigation {
        order: 1;
        margin-left: 0;
    }

    .wp-block-buttons.floating_buttons {
        display: flex;
        top: auto;
        bottom: 0;
        gap: 0 !important;
        flex-wrap: nowrap !important;
        flex-direction: row !important;
        width: 100%;
    }

    .wp-block-buttons.floating_buttons .wp-block-button__link {
        padding: 10px 30px !important;
        font-size: var(--wp--preset--font-size--hotel-texte);
        color: var(--wp--preset--color--couleur-primaire) !important;
        background-color: var(--wp--preset--color--couleur-secondaire) !important;
    }

    .wp-block-buttons.floating_buttons .wp-block-button__link::before {
        display: none;
    }

    .wp-block-buttons.floating_buttons .wp-block-button__link:hover {
        transform: none;
    }

    .wp-block-buttons.floating_buttons .wp-block-button:nth-of-type(2) .wp-block-button__link {
        order: -1;
        background-color: #edd4ca !important;
        border-right: 1px solid var(--wp--preset--color--couleur-blanc) !important;
    }

    .wp-block-media-text.fond_couleur::before {
        display: none;
    }
    
    .footer_group {
        flex-direction: column;
        align-items: center;
    }

    .footer_container {
        flex-direction: column;
        gap: 20px;
        padding-top: var(--wp--preset--spacing--spacing-moyen-large);
        padding-bottom: var(--wp--preset--spacing--spacing-moyen-large);
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .footer_container::before,
    .footer_container::after {
        top: 0;
        height: 1px;
        width: 100%;
        background-color: #ffffff;
    }

    .footer_container::after {
        top: auto;
        bottom: 0;
        left: 0;
    }
}

@media all and (max-width: 767px) {
    .metaslider .caption-wrap {
        width: 90%;
        font-size: var(--wp--preset--font-size--hotel-titre);
    }

    .metaslider .flex-control-nav {
        flex-direction: column;
        gap: 1rem;
    }

    .wp-block-media-text.is-stacked-on-mobile {
        grid-template-columns: 100% !important;
    }

    .wp-block-media-text.is-stacked-on-mobile>.wp-block-media-text__media {
        grid-column: 1;
        grid-row: 1;
    }

    .wp-block-media-text.is-stacked-on-mobile>.wp-block-media-text__content {
        grid-column: 1;
        grid-row: 2;
    }

    .wp-block-cover__inner-container > .wp-block-group {
        max-width: 80% !important;
    }
}

@media all and (max-width: 600px) {
    header {
        height: 108px;
    }

    header > div {
        gap: 10px 5% !important;
        padding-right: var(--wp--preset--spacing--spacing-petit) !important;
        padding-left: var(--wp--preset--spacing--spacing-petit) !important;
    }

    .hotel_title {
        width: 100%;
        line-height: 1;
    }

    .hotel_title a {
        font-size: var(--wp--preset--font-size--hotel-petit-titre);
    }

    .metaslider .caption > div {
        font-size: 25px !important;
    }
}

@media all and (max-width: 441px) {
    header {
        height: 147px;
    }
}