:root {
    /* Alapértelmezett téma színek */
    --swiper-theme-color: currentColor;
    --swiper-preloader-color: var(--swiper-theme-color);

    /* Navigáció */
    --swiper-navigation-color: var(--swiper-theme-color);
    --swiper-navigation-sides-offset: 1rem;
    --swiper-navigation-top-offset: 50%;

    /* Pagináció */
    --swiper-pagination-color: currentColor;
    --swiper-pagination-bottom: 0;
    --swiper-pagination-bullet-size: 0.75rem;
    --swiper-pagination-bullet-inactive-color: currentColor;
    --swiper-pagination-bullet-active-color: currentColor;
    --swiper-pagination-bullet-inactive-opacity: 0.5;
    --swiper-pagination-bullet-opacity: 1;
    --swiper-pagination-bullet-horizontal-gap: clamp(1rem, 1.25vw, 1.5rem);
    --swiper-pagination-bullet-vertical-gap: 1rem;

    /* Görgetősáv */
    --swiper-scrollbar-drag-color: currentColor;
    --swiper-scrollbar-drag-size: 4rem;
    --swiper-scrollbar-drag-opacity: 0.5;

    /* Zoom ikon */
    --swiper-zoom-icon-color: currentColor;

    /* Egyéb */
    --swiper-wrapper-transition-timing-function: ease;
    --swiper-slide-opacity: 1;
    --swiper-slide-scale: 1;
    --swiper-slide-shadow-offset: 20px;
    --swiper-slide-shadow-scale: 0.94;
}


swiper-container::part(button-prev),
swiper-container::part(button-next) {
    background-color: #fff;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    padding: 0.5rem;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

swiper-container.wp-block-cb-reviews::part(wrapper) {
    padding-bottom: 3rem;
}

swiper-container.wp-block-cb-reviews {
    --swiper-navigation-top-offset: calc(100% - 2rem);
    --swiper-navigation-color: red;
    --swiper-navigation-sides-offset: 1rem;
}



swiper-container.marquee .swiper-wrapper {
    --swiper-wrapper-transition-timing-function: linear !important;
}

.wp-block-gallery.masonry {
    --wp--style--block-gap: 0;
    display: block;
}

.wp-block-gallery.masonry .wp-block-image {
    width: 100% !important;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    margin-bottom: var(--wp--style--unstable-gallery-gap) !important;
}

@media screen and (min-width: 1024px) {
    .wp-block-gallery.masonry.columns-2 {
        column-count: 2;
    }

    .wp-block-gallery.masonry.columns-3 {
        column-count: 3;
    }

    .wp-block-gallery.masonry.columns-4 {
        column-count: 4;
    }

    .wp-block-gallery.masonry.columns-5 {
        column-count: 5;
    }

    .wp-block-gallery.masonry.columns-6 {
        column-count: 6;
    }

    .wp-block-gallery.masonry.columns-7 {
        column-count: 7;
    }

    .wp-block-gallery.masonry.columns-8 {
        column-count: 8;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .wp-block-gallery.masonry.columns-2 {
        column-count: 2;
    }

    .wp-block-gallery.masonry.columns-3 {
        column-count: 2;
    }

    .wp-block-gallery.masonry.columns-4 {
        column-count: 3;
    }

    .wp-block-gallery.masonry.columns-5 {
        column-count: 3;
    }

    .wp-block-gallery.masonry.columns-6 {
        column-count: 3;
    }

    .wp-block-gallery.masonry.columns-7 {
        column-count: 4;
    }

    .wp-block-gallery.masonry.columns-8 {
        column-count: 4;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .wp-block-gallery.masonry.columns-2 {
        column-count: 1;
    }

    .wp-block-gallery.masonry.columns-3 {
        column-count: 1;
    }

    .wp-block-gallery.masonry.columns-4 {
        column-count: 2;
    }

    .wp-block-gallery.masonry.columns-5 {
        column-count: 2;
    }

    .wp-block-gallery.masonry.columns-6 {
        column-count: 2;
    }

    .wp-block-gallery.masonry.columns-7 {
        column-count: 3;
    }

    .wp-block-gallery.masonry.columns-8 {
        column-count: 3;
    }
}

button.lightbox-trigger {
    width: 100%;
    height: 100%;
    top: 0 !important;
    right: 0 !important;
    bottom: 0;
    left: 0;
    border-radius: 0 !important;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:serif="http://www.serif.com/" width="100%" height="100%" viewBox="0 0 512 512" version="1.1" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><path d="M25.6,512l128,-0c14.138,-0 25.599,-11.461 25.599,-25.6c0,-14.138 -11.461,-25.6 -25.599,-25.6l-66.202,-0l109.901,-109.901c9.822,-10.17 9.54,-26.376 -0.629,-36.198c-9.92,-9.582 -25.649,-9.582 -35.569,-0l-109.901,109.901l0,-66.202c0,-14.138 -11.461,-25.599 -25.599,-25.599c-14.139,-0 -25.601,11.461 -25.601,25.599l0,128c0,14.138 11.461,25.6 25.6,25.6Zm307.199,-307.2c6.79,-0.001 13.3,-2.7 18.1,-7.501l109.901,-109.901l-0,66.202c-0,14.138 11.461,25.599 25.599,25.599c14.139,0 25.6,-11.461 25.6,-25.599l-0,-128c0.001,-14.139 -11.461,-25.6 -25.6,-25.6l-127.999,-0c-14.138,-0 -25.599,11.461 -25.599,25.6c-0,14.138 11.461,25.599 25.599,25.599l66.202,0l-109.901,109.901c-9.996,9.998 -9.994,26.208 0.006,36.204c4.799,4.799 11.306,7.494 18.092,7.496Z" style="fill: white; fill-rule:nonzero;"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1rem;
}

button.lightbox-trigger svg {
    display: none;
}

/* Alapértelmezés: az összes ratio osztályhoz */
[class*="gallery-ratio-"] swiper-slide img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* Négyzetes */
.gallery-ratio-1-1 swiper-slide img,
.gallery-ratio-1 swiper-slide img {
    aspect-ratio: 1 / 1;
}

/* Klasszikus */
.gallery-ratio-4-3 swiper-slide img {
    aspect-ratio: 4 / 3;
}

.gallery-ratio-3-2 swiper-slide img {
    aspect-ratio: 3 / 2;
}

.gallery-ratio-5-4 swiper-slide img {
    aspect-ratio: 5 / 4;
}

/* Széles */
.gallery-ratio-16-9 swiper-slide img {
    aspect-ratio: 16 / 9;
}

.gallery-ratio-21-9 swiper-slide img {
    aspect-ratio: 21 / 9;
}

.gallery-ratio-3-1 swiper-slide img {
    aspect-ratio: 3 / 1;
}

/* Álló (függőleges) */
.gallery-ratio-2-3 swiper-slide img {
    aspect-ratio: 2 / 3;
}

.gallery-ratio-3-4 swiper-slide img {
    aspect-ratio: 3 / 4;
}

.gallery-ratio-9-16 swiper-slide img {
    aspect-ratio: 9 / 16;
}

/* Extra verziók */
.gallery-ratio-2-1 swiper-slide img {
    aspect-ratio: 2 / 1;
}

.gallery-ratio-1-2 swiper-slide img {
    aspect-ratio: 1 / 2;
}