/**
 * Galeriat - 3D Effect Styles
 *
 * v1.3.0 — Minimal CSS; true 3D is driven by JS transforms.
 * This file handles: Ken Burns variants, hover states,
 * and the tile/blind cleanup animations.
 *
 * @package Galeriat
 * @author  Carlos Atagua
 */

/* ===== 3D Scene Styles ===== */
.galeriat__scene {
	perspective: var(--galeriat-perspective);
	perspective-origin: 50% 50%;
}

.galeriat__prism {
	transform-style: preserve-3d;
}

.galeriat__face {
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

/* Subtle reflection on faces for depth realism */
.galeriat--cube .galeriat__face,
.galeriat--carousel3d .galeriat__face,
.galeriat--cylinder .galeriat__face,
.galeriat--sphere .galeriat__face {
	box-shadow: inset 0 0 30px rgba(0,0,0,0.1);
}

/* ===== 2D Slide Transitions (CSS fallback) ===== */
.galeriat--fade .galeriat__slide {
	transition: opacity var(--galeriat-transition-speed) ease;
}

.galeriat--slide .galeriat__slide {
	transition: transform var(--galeriat-transition-speed) ease, opacity var(--galeriat-transition-speed) ease;
}

.galeriat--slide .galeriat__slide--leaving {
	transform: translateX(-100%);
	opacity: 0;
}

.galeriat--zoom .galeriat__slide {
	transition: transform var(--galeriat-transition-speed) ease, opacity var(--galeriat-transition-speed) ease;
}

.galeriat--zoom .galeriat__slide--leaving {
	transform: scale(1.5);
	opacity: 0;
}