/* START ACCORDION CSS */
.accordion-item.editing,
.accordion-item.editing .accordion-header {
    cursor: auto;
}

.accordion-item.editing .accordion-content-wrapper {
    grid-template-rows: 1fr;
    margin-top: 1rem;
}

.accordion-list {
    display: flex;
    flex-direction: column;
    gap: var(--accordion-gap, 0rem);
    margin-bottom: 2rem;
}

.accordion-item {
    background-color: var(--accordion-bg, transparent);
    border-radius: var(--accordion-border-radius, 0rem) !important;
    border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.3);
}

.no-border {
    border-bottom: none !important;
}

.bg-color .accordion-header {
    padding: var(--accordion-padding-mobile, 0rem) !important;
}

.accordion-content-wrapper {
    display: grid;
    grid-template-rows: 0fr;
    overflow: hidden;
    width: 100%;
    transition: grid-template-rows 0.2s, margin-top 0.2s;
    cursor: auto;
    padding: 0;
}

.bg-color .accordion-content-wrapper {
    padding: 0 var(--accordion-padding-mobile, 0rem) !important;
}

.accordion-item.open .accordion-content-wrapper {
    grid-template-rows: 1fr;
}

.accordion-item .accordion-header {
    display: flex;
    cursor: pointer;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: var(--accordion-padding-mobile, 0rem) 0;
}

.accordion-item .accordion-header .accordion-title {
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
    width: 90%;
}

.accordion-content-wrapper .accordion-content {
    min-height: 0;
    width: 100%;
    overflow-y: hidden;
    position: relative;
}

.accordion-item.open .accordion-content {
    padding-bottom: var(--accordion-padding-mobile, 0rem);
}

@media (min-width: 1024px) {
    .accordion-item .accordion-header {
        padding: var(--accordion-padding-desktop, 0rem) 0;
    }

    .bg-color .accordion-header {
        padding: var(--accordion-padding-desktop, 0rem) !important;
    }

    .accordion-content-wrapper {
        padding: 0 !important;
    }

    .bg-color .accordion-content-wrapper {
        padding: 0 var(--accordion-padding-desktop, 0rem) !important;
    }

    .accordion-item.open .accordion-content {
        padding-bottom: var(--accordion-padding-desktop, 0rem);
    }
}

/* BUTTON */
.accordion-icon {
    background-color: var(--accordion-icon-bg, transparent);
    line-height: 1;
    border-radius: 50%;
    font-weight: 600;
    position: relative;
    width: 2rem;
    height: 2rem;
}

.accordion-icon::before {
    content: "";
    display: block;
    position: absolute;
    height: 0.625rem;
    width: 0.11111111rem;
    left: 50%;
    top: 50%;
    background-color: #353535;
    transform: translate(-50%, -50%);
    transition: height 0.3s ease-in-out;
}

.accordion-icon::after {
    content: "";
    display: block;
    position: absolute;
    height: 0.11111111rem;
    width: 0.625rem;
    top: 50%;
    right: 50%;
    background-color: #353535;
    transform: translate(50%, -50%);
}

.accordion-item.open .accordion-icon::before {
    height: 0;
}
/* END ACCORDION CSS */

/* START SWIPER CSS */
.mySwiper {
    position: relative;
}
.mySwiper .swiper-pagination {
    position: relative;
    bottom: 0 !important;
    top: 3rem !important;
}
.mySwiper .swiper-pagination-bullet {
    width: 0.75rem !important;
    height: 0.75rem !important;
}
.mySwiper.in-container {
    overflow: hidden;
}
.inspector-control {
    padding: 1rem;
    padding-bottom: 0.125rem;
}
.edit-put-in-container {
    padding-bottom: 1rem;
}
.edit-breakpoint-settings .add-breakpoint-btn {
    margin-bottom: 1rem;
}
.remove-slide-btn {
    margin-bottom: 1rem;
}
.edit-slides {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}
.edit-slide {
    flex: 0 0 calc(33.3333% - 1rem);
}
.edit-slide > input {
    margin-bottom: .5rem;
}
.edit-slides:first-child, .edit-slides:last-child {
    flex: 0 0 calc(33.3333% - 0.5rem);
}
.edit-slide-img {
    margin-top: .5rem;
}
.mySwiper .swiper-slide {
    /* border-radius: var(--swiper-border-radius, 0rem); */
    /* overflow: hidden; */
}
.mySwiper .swiper-slide:has(.slide-description) {
    height: initial;
}
.mySwiper .swiper-slide.centered-auto {
    width: auto !important;
}
.mySwiper .swiper-slide.centered-auto img {
    height: var(--swiper-img-height-mobile);
    width: auto;
}
@media (min-width: 992px) {
    .mySwiper .swiper-slide.centered-auto img {
        height: var(--swiper-img-height-desktop);
    }
}
.mySwiper .swiper-slide-img {
    object-fit: cover;
    height: 100%;
    border-radius: var(--swiper-border-radius, 0rem);
}
.mySwiper .ratio-initial {
    aspect-ratio: initial;
}
.mySwiper .ratio-1-1 img {
    aspect-ratio: 1/1;
}
.mySwiper .ratio-4-3 img {
    aspect-ratio: 4/3;
}
.mySwiper .ratio-16-9 img {
    aspect-ratio: 16/9;
}
.mySwiper .ratio-16-10 img {
    aspect-ratio: 16/10;
}
.mySwiper .ratio-3-4 img {
    aspect-ratio: 3/4;
}
/* Venobox */
.mySwiper .vbox-container .vbox-content img {
    margin-bottom: 0;
}
.mySwiper .vbox-item {
    display: initial;
}
.mySwiper .vbox-close {
    padding: 2rem 3rem 2rem !important;
    color: #fff !important;
    font-size: 2rem !important;
}
.mySwiper .vbox-prev span {
    left: 25px;
}
.mySwiper .vbox-next span {
    right: 25px;
}
/* END SWIPER CSS */

/* START VISUAL BLOCK CSS */
.visual-block {
    background-color: var(--visual-block-bg, transparent);
    padding: var(--visual-block-padding, 0);
    border-radius: var(--visual-block-radius, 0);
    margin-bottom: 2rem;
}
/* END VISUAL BLOCK CSS */