/* Block styles */

/* Block: Carousel editor preview */

.carousel-editor-preview .carousel,
.carousel-editor-preview .swiper,
.carousel-editor-preview .carousel-swiper {
    overflow: hidden;
}

.carousel-editor-preview .swiper-wrapper {
    display: flex;
    flex-wrap: nowrap;
    gap: 24px;
}

.carousel-editor-preview .swiper-slide {
    flex: 0 0 100%;
    min-width: 0;
    height: auto;
}

.carousel-editor-preview.slides-2 .swiper-slide {
    flex-basis: calc(50% - 12px);
}

.carousel-editor-preview.slides-3 .swiper-slide {
    flex-basis: calc(33.333333% - 16px);
}

.carousel-editor-preview.slides-4 .swiper-slide {
    flex-basis: calc(25% - 18px);
}

.carousel-editor-preview.slides-5 .swiper-slide {
    flex-basis: calc(20% - 19.2px);
}

.carousel-editor-preview.slides-6 .swiper-slide {
    flex-basis: calc(16.666667% - 20px);
}

.carousel-editor-preview .swiper-pagination,
.carousel-editor-preview .carousel-dots,
.carousel-editor-preview .swiper-nav,
.carousel-editor-preview .carousel-nav-wrap,
.carousel-editor-preview .swiper-nav-btn,
.carousel-editor-preview .carousel-nav {
    display: none;
}

.carousel-editor-preview .swiper-slide a,
.carousel-editor-preview .swiper-slide button,
.carousel-editor-preview .swiper-slide input,
.carousel-editor-preview .swiper-slide select,
.carousel-editor-preview .swiper-slide textarea,
.carousel-editor-preview .swiper-slide summary,
.carousel-editor-preview .swiper-slide [role="button"] {
    pointer-events: none;
}

.carousel-editor-preview .swiper-slide a {
    cursor: default;
}

/* Block: Centered slider editor preview */

.centered-slider-editor-preview .centered-slider-card,
.centered-slider-editor-preview .centered-static-card-inner {
    min-height: 360px;
}

.centered-slider-editor-preview .centered-slider .centered-slider-dots,
.centered-slider-editor-preview .centered-slider .swiper-nav,
.centered-slider-editor-preview .centered-slider .swiper-nav-btn,
.centered-slider-editor-preview .centered-slider .centered-slider-nav {
    display: none;
}

.centered-slider-editor-preview .centered-slider .swiper-wrapper {
    display: flex;
    flex-wrap: nowrap;
    gap: 24px;
    align-items: stretch;
}

.centered-slider-editor-preview .centered-slider-layout-swiper .swiper-slide {
    flex: 0 0 calc(72% - 16px);
    min-width: 0;
    height: auto;
    opacity: 1;
    transform: none;
}

.centered-slider-editor-preview .centered-slider-layout-single .row,
.centered-slider-editor-preview .centered-slider-layout-double .row {
    --bs-gutter-y: 1.5rem;
}

.centered-slider-editor-preview .centered-static-track {
    display: flex;
    gap: 24px;
    align-items: stretch;
}

.centered-slider-editor-preview .centered-static-card.is-left,
.centered-slider-editor-preview .centered-static-card.is-right {
    flex: 0 0 calc(25% - 16px);
}

.centered-slider-editor-preview .centered-static-card.is-center {
    flex: 0 0 calc(50% - 16px);
}

.centered-slider-editor-preview .centered-static-hitbox,
.centered-slider-editor-preview .centered-slider a,
.centered-slider-editor-preview .centered-slider button,
.centered-slider-editor-preview .centered-slider input,
.centered-slider-editor-preview .centered-slider select,
.centered-slider-editor-preview .centered-slider textarea,
.centered-slider-editor-preview .centered-slider summary,
.centered-slider-editor-preview .centered-slider [role="button"] {
    pointer-events: none;
}


.centered-slider-editor-preview * { user-select: none; }

/* Block: Centered slider layouts */

.centered-slider{
    position: relative;
}

.centered-slider-card{
    display: block;
    width: 100%;
    min-height: 420px;
    background-color: var(--bs-dark, #1e2a38);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: var(--bs-border-radius);
    box-shadow: var(--bs-box-shadow);
}

.centered-slider-card::before{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .72) 100%);
}

.centered-slider-panel{
    position: relative;
    z-index: 2;
    transition: transform .25s ease;
}

.centered-slider-title{
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.centered-slider-text{
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.centered-slider-text,
.centered-slider-arrow{
    opacity: 0;
    transform: translateY(.5rem);
    transition: opacity .25s ease, transform .25s ease;
}

.centered-slider-card:hover .centered-slider-panel,
.centered-slider-card:focus-visible .centered-slider-panel{
    transform: translateY(-.5rem);
}

.centered-slider-card:hover .centered-slider-text,
.centered-slider-card:hover .centered-slider-arrow,
.centered-slider-card:focus-visible .centered-slider-text,
.centered-slider-card:focus-visible .centered-slider-arrow{
    opacity: 1;
    transform: translateY(0);
}

.centered-slider-arrow{
    width: 2rem;
    height: 2rem;
    background: rgba(255, 255, 255, .14);
}

.centered-slider-arrow svg{
    width: .875rem;
    height: .875rem;
}

.centered-slider .centered-slider-swiper{
    overflow: visible;
    padding-inline: .75rem;
}

.centered-slider .swiper-wrapper{
    align-items: stretch;
}

.centered-slider .swiper-slide{
    display: block;
    height: auto;
    transition: transform .35s ease, opacity .35s ease;
}

.centered-slider .swiper-slide > *{
    width: 100%;
}

.centered-slider .centered-slider-dots{
    position: static;
    display: inline-flex;
    width: 100%;
    justify-content: center;
    margin-top: 1.5rem;
}

.centered-slider-layout-single .centered-slider-card,
.centered-slider-layout-double .centered-slider-card{
    min-height: 30vw;
}

.centered-static-track{
    display: flex;
    gap: 1.5rem;
    align-items: stretch;
}

.centered-static-card{
    position: relative;
    min-width: 0;
    transition: flex-basis .4s ease, transform .4s ease, opacity .4s ease;
}

.centered-static-card.is-left,
.centered-static-card.is-right{
    flex: 0 0 calc(25% - 1rem);
}

.centered-static-card.is-center{
    flex: 0 0 calc(50% - 1rem);
}

.centered-static-card-inner{
    min-height: 520px;
}

.centered-static-card:not(.is-center) .centered-static-card-inner{
    min-height: 420px;
}

.centered-static-card:not(.is-center){
    opacity: .82;
}

.centered-static-card.is-center{
    opacity: 1;
}

.centered-static-card.is-left .centered-static-card-inner,
.centered-static-card.is-right .centered-static-card-inner{
    transform: scale(.92);
}

.centered-static-card.is-center .centered-static-card-inner{
    transform: scale(1);
}

.centered-static-hitbox{
    position: absolute;
    inset: 0;
    z-index: 1;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.centered-static-panel,
.centered-static-title a,
.centered-static-link{
    position: relative;
    z-index: 2;
}

.centered-static-panel .centered-slider-text{
    opacity: 1;
    transform: none;
}

@media (min-width: 992px){
    .centered-slider-layout-swiper .swiper-slide{
        opacity: .55;
        transform: scale(.88);
    }

    .centered-slider-layout-swiper .swiper-slide.swiper-slide-prev,
    .centered-slider-layout-swiper .swiper-slide.swiper-slide-next{
        opacity: .82;
        transform: scale(.94);
    }

    .centered-slider-layout-swiper .swiper-slide.swiper-slide-active{
        opacity: 1;
        transform: scale(1);
    }
}

@media (min-width: 768px){
    .centered-slider .centered-slider-swiper{
        padding-inline: 1.5rem;
    }

    .centered-slider-card{
        min-height: 520px;
    }
}

@media (min-width: 1200px){
    .centered-slider .centered-slider-swiper{
        padding-inline: 2.25rem;
    }

    .centered-slider-card,
    .centered-static-card-inner{
        min-height: 600px;
    }

    .centered-static-card:not(.is-center) .centered-static-card-inner{
        min-height: 460px;
    }
}

@media (max-width: 991.98px){
    .centered-static-track{
        flex-direction: column;
    }

    .centered-static-card,
    .centered-static-card.is-left,
    .centered-static-card.is-center,
    .centered-static-card.is-right{
        flex: 0 0 100%;
        opacity: 1;
    }

    .centered-static-card .centered-static-card-inner,
    .centered-static-card:not(.is-center) .centered-static-card-inner{
        min-height: 520px;
        transform: none;
    }

    .centered-static-hitbox{
        display: none;
    }
}

@media (max-width: 991.98px){
    .centered-static-track{flex-direction:column;gap:1rem;}
    .centered-static-card.is-left,.centered-static-card.is-right,.centered-static-card.is-center{flex:0 0 100%;}
    .centered-static-card-inner,.centered-static-card:not(.is-center) .centered-static-card-inner{min-height:360px;}
    .centered-static-card{opacity:1;}
}

/* Block: Contacts editor preview */

.contacts-editor-preview .contact-list {
    margin: 0;
    padding-left: 0;
    list-style: none;
}

.contacts-editor-preview .contact-item + .contact-item {
    margin-top: .5rem;
}

.contacts-editor-preview .contact-row {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
}

.contacts-editor-preview .contact-row .contact-item {
    margin-top: 0;
}

.contacts-checkbox-list {
    max-height: 240px;
    overflow: auto;
    padding-right: 6px;
}

/* Block: Hero editor */

.wp-block-vavilen-collection-hero{
    position: relative;
    min-height: 120px;
}

.wp-block-vavilen-collection-hero .hero-inner{
    position: relative;
    z-index: 2;
}

.wp-block-vavilen-collection-hero .hero-editor-placeholder{
    min-height: 80px;
}

.wp-block-vavilen-collection-hero .block-editor-inner-blocks,
.wp-block-vavilen-collection-hero .block-editor-block-list__layout,
.wp-block-vavilen-collection-hero .wp-block-columns{
    width: 100%;
}

.wp-block-vavilen-collection-hero .wp-block-columns{
    margin-bottom: 0;
}

.wp-block-vavilen-collection-hero .wp-block-column{
    min-height: 80px;
}

/* Block: Hero */

.hero-block {
    position: relative;
    overflow: hidden;
    background: var(--hero-bg, transparent);
    background-image: var(--hero-bg-image, none);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: var(--hero-min-height, auto);
    display: flex;
    align-items: center;
}
.hero-block.is-full-width{
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

.hero-block .hero-container{
    width: min(90%, 1600px);
    height: 100%;
    display: flex;
    margin-inline: auto;
}

.hero-block .container,
.hero-block .hero-container{
    position: relative;
    z-index: 2;
    padding-inline: var(--hero-px, 0);
    padding-block: var(--hero-py, 0);
}

.hero-block .hero-media,
.hero-block .hero-overlay{
    position: absolute;
    inset: 0;
}

.hero-block .hero-media{
    z-index: 0;
    overflow: hidden;
    background: var(--hero-bg, transparent);
}

.hero-block .hero-poster,
.hero-block .hero-video-stage,
.hero-block .hero-video-stage video{
    width: 100%;
    height: 100%;
}

.hero-block .hero-poster,
.hero-block .hero-video-stage{
    position: absolute;
    inset: 0;
}

.hero-block .hero-poster{
    z-index: 0;
    display: block;
    object-fit: cover;
    transition: opacity .25s ease;
}

.hero-block .hero-video-stage{
    z-index: 1;
}

.hero-block .hero-video-stage video{
    display: block;
    object-fit: cover;
}

.hero-block .hero-media.is-video-ready .hero-poster{
    opacity: 0;
}

.hero-block .hero-overlay{
    z-index: 1;
    pointer-events: none;
    background: var(--hero-overlay-color, transparent);
    opacity: var(--hero-overlay-opacity, 0);
}

.hero-block .container,
.hero-block .hero-container{
    z-index: 2;
}

.hero-block .wp-block-columns{
    --wp--style--block-gap: var(--hero-gap);
    margin-bottom: 0;
    height: 100%;
}

.hero-block .wp-block-column{
    min-width: 0;
}

@media (max-width: 768px){
    .hero-block{
        min-height: var(--hero-min-height-768, var(--hero-min-height));
    }

    .hero-block .container,
    .hero-block .hero-container{
        padding-inline: var(--hero-px-768, var(--hero-px, 0));
        padding-block: var(--hero-py-768, var(--hero-py, 0));
    }

    .hero-block.is-reverse-stack .wp-block-columns{
        flex-direction: column-reverse;
    }
}

@media (max-width: 560px){
    .hero-block{
        min-height: var(--hero-min-height-560, var(--hero-min-height-768, var(--hero-min-height)));
    }

    .hero-block .container,
    .hero-block .hero-container{
        padding-inline: var(--hero-px-560, var(--hero-px-768, var(--hero-px, 0)));
        padding-block: var(--hero-py-560, var(--hero-py-768, var(--hero-py, 0)));
    }
}

/* Block: Prices editor preview */

.prices-editor-preview .price-list {
    margin: 0;
    padding-left: 1.25rem;
}

.prices-editor-preview .price-item {
    margin-bottom: .5rem;
}

.prices-checkbox-list {
    max-height: 240px;
    overflow: auto;
    padding-right: 6px;
}

/* Block: Carousel editor preview */

.carousel-editor-preview .carousel,
.carousel-editor-preview .swiper,
.carousel-editor-preview .carousel-swiper {
    overflow: hidden;
}

.carousel-editor-preview .swiper-wrapper {
    display: flex;
    flex-wrap: nowrap;
    gap: 24px;
}

.carousel-editor-preview .swiper-slide {
    flex: 0 0 100%;
    min-width: 0;
    height: auto;
}

.carousel-editor-preview.slides-2 .swiper-slide {
    flex-basis: calc(50% - 12px);
}

.carousel-editor-preview.slides-3 .swiper-slide {
    flex-basis: calc(33.333333% - 16px);
}

.carousel-editor-preview.slides-4 .swiper-slide {
    flex-basis: calc(25% - 18px);
}

.carousel-editor-preview.slides-5 .swiper-slide {
    flex-basis: calc(20% - 19.2px);
}

.carousel-editor-preview.slides-6 .swiper-slide {
    flex-basis: calc(16.666667% - 20px);
}

.carousel-editor-preview .swiper-pagination,
.carousel-editor-preview .carousel-dots,
.carousel-editor-preview .swiper-nav,
.carousel-editor-preview .carousel-nav-wrap,
.carousel-editor-preview .swiper-nav-btn,
.carousel-editor-preview .carousel-nav {
    display: none;
}

.carousel-editor-preview .swiper-slide a,
.carousel-editor-preview .swiper-slide button,
.carousel-editor-preview .swiper-slide input,
.carousel-editor-preview .swiper-slide select,
.carousel-editor-preview .swiper-slide textarea,
.carousel-editor-preview .swiper-slide summary,
.carousel-editor-preview .swiper-slide [role="button"] {
    pointer-events: none;
}

.carousel-editor-preview .swiper-slide a {
    cursor: default;
}

/* Block: Video editor preview */

.video-editor-preview{
    min-height: 120px;
}

.video-editor-media-row{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.video-editor-note{
    color: var(--bs-secondary-color, #6c757d);
    font-size: 12px;
    margin-top: 6px;
}

/* Block: Video */

.video-block{
    width: 100%;
}

.video-block .video-preview{
    position: relative;
    aspect-ratio: var(--video-ratio, 16 / 9);
    overflow: hidden;
    background: var(--bs-tertiary-bg, #f8f9fa);
}

.video-block .video-preview img,
.video-block .video-preview .video-fallback{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.video-block .video-stage{
    position: absolute;
    inset: 0;
    background: #000;
}

.video-block .video-stage iframe,
.video-block .video-stage video,
.video-block .video-lightbox-stage iframe,
.video-block .video-lightbox-stage video{
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
}

.video-block .video-play{
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
}

.video-block .video-close{
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 3;
}

.video-block .video-lightbox{
    position: fixed;
    inset: 0;
    z-index: 1080;
}

.video-block .video-lightbox-backdrop{
    position: absolute;
    inset: 0;
    border: 0;
    background: rgba(0, 0, 0, 0.88);
    padding: 0;
}

.video-block .video-lightbox-dialog{
    position: absolute;
    inset: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.video-block .video-lightbox-close{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    width: 42px;
    height: 42px;
    border: 0;
    border-radius: var(--bs-border-radius, .375rem);
    background: var(--bs-dark, #212529);
    color: var(--bs-white, #fff);
    font-size: 28px;
    line-height: 1;
}

.video-block .video-lightbox-stage{
    width: min(1200px, 100%);
    aspect-ratio: var(--video-ratio, 16 / 9);
    background: #000;
}

body.video-lightbox-open{
    overflow: hidden;
}

@media (max-width: 991.98px){
    .video-block .video-lightbox-dialog{
        inset: 16px;
    }
}