/**
 * slider.css — APPAPP Image Slider frontend styles.
 */

.appapp-slider {
	position: relative; overflow: hidden; background: #111;
	display: block; outline: none;
	user-select: none; -webkit-user-select: none;
}
.appapp-slider__track { position: relative; width: 100%; }

/* ── Slides ── */
.appapp-slider__slide {
	position: absolute; inset: 0;
	opacity: 0; transform: translateX(100%);
	will-change: opacity, transform;
}
.appapp-slider__slide.is-active { opacity: 1; transform: translateX(0); z-index: 1; }
.appapp-slider__slide img,
.appapp-slider__slide a        { display: block; width: 100%; height: 100%; }
.appapp-slider__slide img      { object-position: center; }
.appapp-slider__link           { text-decoration: none; cursor: pointer; }

/* ── Arrows ── */
.appapp-slider__arrow {
	position: absolute; top: 50%; transform: translateY(-50%);
	z-index: 10; border: none; cursor: pointer;
	display: flex; align-items: center; justify-content: center;
	width: 44px; height: 44px; padding: 0;
	transition: background .2s ease, opacity .2s ease, transform .2s ease;
}
.appapp-slider__arrow svg { width: 24px; height: 24px; fill: currentColor; flex-shrink: 0; }
.appapp-slider__arrow--prev { left: 16px; }
.appapp-slider__arrow--next { right: 16px; }

.appapp-slider__arrow--rounded { background: rgba(0,0,0,.45); color: #fff; border-radius: 50%; }
.appapp-slider__arrow--rounded:hover { background: rgba(0,0,0,.75); }
.appapp-slider__arrow--square  { background: rgba(0,0,0,.45); color: #fff; border-radius: 4px; }
.appapp-slider__arrow--square:hover  { background: rgba(0,0,0,.75); }
.appapp-slider__arrow--minimal { background: transparent; color: #fff; text-shadow: 0 1px 4px rgba(0,0,0,.6); width: 36px; height: 36px; }
.appapp-slider__arrow--minimal:hover { transform: translateY(-50%) scale(1.2); }
.appapp-slider__arrow:disabled { opacity: .3; cursor: not-allowed; }
.appapp-slider__arrow:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }

/* ── Dots ── */
.appapp-slider__dots {
	position: absolute; bottom: 16px; left: 50%; transform: translateX(-50%);
	z-index: 10; display: flex; gap: 8px; align-items: center;
	padding: 6px 12px;
	background: rgba(0,0,0,.3); border-radius: 100px;
	backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);
}
.appapp-slider__dot {
	width: 10px; height: 10px; border-radius: 50%;
	border: 2px solid rgba(255,255,255,.7); background: transparent;
	cursor: pointer; padding: 0;
	transition: background .25s ease, border-color .25s ease, transform .25s ease;
}
.appapp-slider__dot.is-active,
.appapp-slider__dot:hover     { background: #fff; border-color: #fff; transform: scale(1.2); }
.appapp-slider__dot:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }

/* ── Align ── */
.alignwide .appapp-slider,
.alignfull .appapp-slider  { max-width: none; }