/* LightGallery skin to match the legacy "cat__gallery" look (white canvas + bottom thumbs) */

.cat__gallery .lg-backdrop {
	background: rgba(255, 255, 255, 0.96);
}

.cat__gallery .lg-outer,
.cat__gallery .lg-thumb-outer {
	background-color: #fff;
}

.cat__gallery .lg-toolbar .lg-icon{
    color: var(--color-neutral-heading, var(--neutral-heading, #2e2e2e));
}

.cat__gallery .lg-next,
.cat__gallery .lg-prev {
	/* Use currentColor inside SVG icons so this stays theme/module friendly */
	color: var(--color-primary, var(--primary, #D21D43)) !important;
}

/* Buttons */
.cat__gallery .lg-next,
.cat__gallery .lg-prev {
	display: none;
	background: transparent;
	border: 0;
	border-radius: 9999px;
	width: 44px;
	height: 44px;
	top: auto;
	bottom: 22px;
    padding: 0;


}

.cat__gallery .lg-prev::after,
.cat__gallery .lg-next::before {
    display: none;
	/* content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 44px;
	height: 44px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain; */
}

/* .cat__gallery .lg-prev::after { */
	/* Active (filled) */
	/* background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NCIgaGVpZ2h0PSI0NCIgdmlld0JveD0iMCAwIDQ0IDQ0IiBmaWxsPSJub25lIj48cGF0aCBkPSJNMjIgNDRDMzQuMTUwMyA0NCA0NCAzNC4xNTAzIDQ0IDIyQzQ0IDkuODQ5NzQgMzQuMTUwMyAwIDIyIDBDOS44NDk3NCAwIDAgOS44NDk3NCAwIDIyQzAgMzQuMTUwMyA5Ljg0OTc0IDQ0IDIyIDQ0WiIgZmlsbD0iY3VycmVudENvbG9yIi8+PHBhdGggZD0iTTI2LjY0OTIgMTYuMTMzNEwzMi4yNjc3IDIyTTMyLjI2NzcgMjJMMjYuNjQ5MiAyNy44NjY3TTMyLjI2NzcgMjJIMTEuNzM0NCIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNDY2NjciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg=="); */
/* } */

/* .cat__gallery .lg-next::before { */
	/* Disabled (tinted) */
	/* background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NCIgaGVpZ2h0PSI0NCIgdmlld0JveD0iMCAwIDQ0IDQ0IiBmaWxsPSJub25lIj48cGF0aCBkPSJNMjIgMEM5Ljg0OTc0IDAgMCA5Ljg0OTc0IDAgMjJDMCAzNC4xNTAzIDkuODQ5NzQgNDQgMjIgNDRDMzQuMTUwMyA0NCA0NCAzNC4xNTAzIDQ0IDIyQzQ0IDkuODQ5NzQgMzQuMTUwMyAwIDIyIDBaIiBmaWxsPSJjdXJyZW50Q29sb3IiIGZpbGwtb3BhY2l0eT0iMC41Ii8+PHBhdGggZD0iTTE3LjM1MDggMjcuODY2NkwxMS43MzIzIDIyTTExLjczMjMgMjJMMTcuMzUwOCAxNi4xMzMzTTExLjczMjMgMjJIMzIuMjY1NiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS40NjY2NyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+"); */
/* } */

/* Hide default icon glyphs inside prev/next */
.cat__gallery .lg-prev .lg-icon,
.cat__gallery .lg-next .lg-icon {
	display: none !important;
}

/* Close size similar to legacy */
.cat__gallery .lg-toolbar .lg-close {
	font-size: 16px;
}

/* Thumbnails */
.cat__gallery .lg-thumb-outer {
	padding: 10px 0;
}

.cat__gallery .lg-thumb-item {
	border-radius: 8px;
	overflow: hidden;
	border: 2px solid transparent;
}

.cat__gallery .lg-thumb-item.active,
.cat__gallery .lg-thumb-item:hover {
	border-color: var(--color-primary, var(--primary, #e11d48));
}

@media (min-width: 768px) {
	.cat__gallery .lg-next,
	.cat__gallery .lg-prev {
		display: block;

        top: 50%;
        transform: translateY(-50%);
	}

	.cat__gallery .lg-prev {
		left: 118px;
	}

	.cat__gallery .lg-next {
		right: 118px;
	}

	.cat__gallery .lg-toolbar .lg-close {
		font-size: 20px;
		margin-top: 40px;
	}
}