/**
 * Bolt Swiper overrides
 * Set these variables on body (or :root) to customize:
 *
 * --swiper-button-size     Button + arrow size (default 52px)
 * --swiper-button-bg      Button background (default white)
 * --swiper-button-color   Arrow/icon color (default currentColor)
 * --swiper-pagination-color  Active dot color (default WP contrast)
 * --swiper-pagination-bullet-inactive  Inactive dot opacity (default 0.2)
 */

:root {
	--swiper-button-size: 52px;
	--swiper-button-bg: #fff;
	--swiper-button-color: currentColor;
	--swiper-button-radius: 50%;
	--swiper-button-inner: 16px;

	--swiper-pagination-color: var(--wp--preset--color--contrast, #007aff);
	--swiper-pagination-bullet-inactive: 0.2;
	--swiper-pagination-bullet-size: 8px;
}

/* Round arrow buttons – size controlled by --swiper-button-size */
.bolt-slider .swiper-button,
.bolt-query-slider .swiper-button {
	--swiper-navigation-size: var(--swiper-button-size);

	height: var(--swiper-button-size);
	width: var(--swiper-button-size);
	min-width: var(--swiper-button-size);
	background: var(--swiper-button-bg);
	border-radius: var(--swiper-button-radius, 50%);
	color: var(--swiper-button-color);
	left: var(--swiper-button-inner, 0);
	right: var(--swiper-button-inner, 0);
	margin-top: calc(-1 * var(--swiper-button-size) / 2);
	top: 50%;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s ease-in-out;
    &:hover {
        opacity: 80%;
    }
}

.bolt-slider .swiper-button svg,
.bolt-query-slider .swiper-button svg {
    display: block;
	width: 60%;
	height: 60%;
    fill: transparent;
}

.bolt-slider .swiper-button-prev,
.bolt-query-slider .swiper-button-prev {
	left: var(--swiper-button-inner, 10px);
	right: auto;
}

.bolt-slider .swiper-button-next,
.bolt-query-slider .swiper-button-next {
	left: auto;
	right: var(--swiper-button-inner, 10px);
}

/* Hide arrows when Swiper locks them (e.g. not enough slides for loop, or at start/end) */
.bolt-slider .swiper-button.swiper-button-lock,
.bolt-query-slider .swiper-button.swiper-button-lock {
	display: none;
}

/* Hide pagination when locked (e.g. single slide or all slides visible) */
.bolt-slider .swiper-pagination.swiper-pagination-lock,
.bolt-query-slider .swiper-pagination.swiper-pagination-lock {
	display: none;
}

/* Pagination – uses WP preset color */
.bolt-slider .swiper-pagination-bullet,
.bolt-query-slider .swiper-pagination-bullet {
	background: var(--swiper-pagination-color);
	opacity: var(--swiper-pagination-bullet-inactive);
	width: var(--swiper-pagination-bullet-size);
	height: var(--swiper-pagination-bullet-size);
    position: static;
}

.bolt-slider .swiper-pagination-bullet-active,
.bolt-query-slider .swiper-pagination-bullet-active {
	background: var(--swiper-pagination-color);
	opacity: 1;
}