/*
 Theme Name:   Eliot Mon Lunetier
 Theme URI:    https://www.mon-lunetier.com/
 Description:  Thème Mon Lunetier
 Author:       Paul
 Author URI:   https://ppeb.dev
 Template:     eliot
 Version:      1.0.0
*/

@font-face {
    font-family: Atlantic Cruise;
    src: url("fonts/Atlantic_Cruise.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* HOME */

.header-separator-container {
    position: relative;
}

.header-separator-content {
    height: 142px;
    width: 100%;
    background-color: #01301491;
    position: absolute;
    top: -92px;
    z-index: -1;
    clip-path: polygon(100% 79.31%, 91.24% 84.18%, 82.48% 89.05%, 73.44% 92.71%, 64.09% 95.37%, 54.45% 97.26%, 44.44% 98.63%, 33.92% 98.86%, 22.91% 99.1%, 11.46% 98.31%, 0% 97.53%, 0% 0%, 100% 0%);
}

.header-separator-triangle {
    position: absolute;
    height: 384px;
    width: 100%;
    top: -102px;
    z-index: -1;
    clip-path: polygon(100% 79.31%, 91.24% 84.18%, 82.48% 89.05%, 73.44% 92.71%, 64.09% 95.37%, 54.45% 97.26%, 44.44% 98.63%, 33.92% 98.86%, 22.91% 99.1%, 11.46% 98.31%, 0% 97.53%, 0% 0%, 100% 0%);
    -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
    mask-image: linear-gradient(to bottom, rgb(0, 0, 0, 1), rgba(0, 0, 0, 0));
}

.company-name {
    font-family: Atlantic Cruise;
    font-weight: 400;
    font-style: 22px !important;
    line-height: 1;
}

.image-reverse {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.break-word {
    word-break: break-word;
}

.has-contrast-background-color:hover {
    background-color: var(--wp--preset--color--base) !important;
    color: var(--wp--preset--color--contrast) !important;
}

.logo-fixed {
    top: calc(0px + var(--wp--preset--spacing--80, 0px));
    position: fixed;
    z-index: -1;
    opacity: 0.33;
}

.no-wrap {
    white-space: nowrap;
}

.wp-block-cover__image-background {
    overflow-clip-margin: unset;
}

.wp-block-flip-block-side__content img, .wp-block-flip-block-side__content .wp-block-group {
    border-radius: var(--wp--custom--border--radius--small);
}

/* HR home override */
hr.wp-block-separator.is-style-dl-sep-2.hr-size-override {
    width: 100% !important;
}

@media screen and (max-width: 138px) {
    hr.wp-block-separator.is-style-dl-sep-1 {
        width: 100% !important;
    }
}

/* PAGES */
.custom-header {
    box-shadow: 0 0 24px var(--wp--preset--color--custom-primary-background);
}

/* PAGE FORMS */

.icon-align {
    display: flex;
    align-items: center;
}

/* PAGE LYON 3 / LYON 7 */

.shop-address {
    font-style: italic;
}

/* PAGE BOOKING */

.wpbc_container_booking_form .wpbc__field .wpbc_calendar_wraper {
    justify-items: center;
}

#ui-datepicker-div {
    display: none;
}

/* ANIMATED SVG COFFEE */
.steam {
    fill: var(--wp--preset--color--custom-primary-background);
    transform: translateY(8px);
    -webkit-animation: steaming 2500ms ease infinite;
    animation: steaming 2500ms ease infinite;
}

.steam1 {
    animation-delay: 100ms;
}

.steam2 {
    animation-delay: 250ms;
}

.steam3 {
    animation-delay: 50ms;
}

.coffee-cup {
    fill: var(--wp--preset--color--custom-primary-background);
}

@keyframes steaming {
    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
}

/* FLIPBLOCK */

.wp-block-flip-block-card:not(.wp-block) .container.auto-flipped {
    transform: rotateY(180deg);
}

/* FOOTER INSTAGRAM */
.spf_container .spf_item img {
    overflow-clip-margin: unset;
    border-radius: var(--wp--custom--border--radius--small);
}