/**
 * Beniautos Reservado — capa "RESERVADO" sobre las fotos.
 *
 * Aquí están solo las reglas fijas (la galería de la ficha del coche, que se
 * activa con la clase del body). Las reglas de las tarjetas del listado se
 * generan en PHP, coche a coche, porque dependen de qué coches estén reservados.
 *
 * Para ajustar el aspecto basta con cambiar estas variables desde el tema:
 *   --beniresv-velo    color y opacidad del velo gris sobre la foto
 *   --beniresv-tamano  ancho del sello respecto al de la foto
 */

:root {
	--beniresv-velo: rgba(0, 0, 0, .38);
	--beniresv-tamano: 85%;
}

/* --- Ficha del coche: galería principal y miniaturas ------------------- */

.beniresv-coche-reservado .vehica-gallery-main .vehica-swiper-slide,
.beniresv-coche-reservado .vehica-gallery-thumbs__single,
.beniresv-coche-reservado .vehica-gallery-v2,
.beniresv-coche-reservado .vehica-gallery-v3__slide,
.beniresv-coche-reservado .vehica-gallery-v4__image-big,
.beniresv-coche-reservado .vehica-gallery-v4__image-small {
	position: relative;
}

.beniresv-coche-reservado .vehica-gallery-main .vehica-swiper-slide::after,
.beniresv-coche-reservado .vehica-gallery-thumbs__single::after,
.beniresv-coche-reservado .vehica-gallery-v2::after,
.beniresv-coche-reservado .vehica-gallery-v3__slide::after,
.beniresv-coche-reservado .vehica-gallery-v4__image-big::after,
.beniresv-coche-reservado .vehica-gallery-v4__image-small::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: var(--beniresv-velo);
	background-image: var(--beniresv-sello);
	background-repeat: no-repeat;
	background-position: center;
	background-size: var(--beniresv-tamano) auto;
	pointer-events: none;
	z-index: 3;
}

/* En las miniaturas el sello se aprovecha de todo el ancho, que es poco. */
.beniresv-coche-reservado .vehica-gallery-thumbs__single::after {
	background-size: 94% auto;
}

/* --- Ficha del coche: foto ampliada (lightbox PhotoSwipe) -------------- */

/* Sin velo: aquí la foto ya se ve sobre fondo negro y basta con el sello. */
.beniresv-coche-reservado .pswp__item::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: var(--beniresv-sello);
	background-repeat: no-repeat;
	background-position: center;
	background-size: min(60%, 520px) auto;
	opacity: .9;
	pointer-events: none;
	z-index: 3;
}