/**
 * We.Core - Polaroidy (fotky od zákazníkov).
 * Fotka v štvorcovej maske, biely polaroid rám, fixkové popisky,
 * deterministický náklon cez --naklon (hover vyrovná).
 */

@font-face {
	font-family: 'DCP Fixka';
	src: url('../fonts/permanent-marker.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

.dcp-polaroidy {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 34px 26px;
	padding: 26px 0 40px;
}

.dcp-polaroidy .dcp-polaroid,
.dcp-polaroid {
	--naklon: 0deg;
	margin: 0;
	width: 250px;
	background: #fff;
	padding: 12px 12px 0;
	border: 1px solid rgba(0, 0, 0, 0.04);
	/* Tieň 1:1 podľa produktových rámov (odmerané z mockup PNG):
	   tesne prilieha k hrane, smeruje mierne doľava-dole, dosah ~12px
	   pri šírke rámu 433px - tu preškálované. Žiadne difúzne halo. */
	box-shadow:
		-1px 2px 3px rgba(21, 18, 18, 0.22),
		-6px 8px 12px rgba(21, 18, 18, 0.14);
	transform: rotate(var(--naklon));
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.dcp-polaroidy .dcp-polaroid:hover,
.dcp-polaroid:hover {
	transform: rotate(0deg) scale(1.04) translateY(-5px);
	box-shadow:
		-2px 3px 4px rgba(21, 18, 18, 0.20),
		-8px 12px 18px rgba(21, 18, 18, 0.16);
	z-index: 2;
	position: relative;
}

/* fotka sa VŽDY prispôsobí štvorcovej maske */
.dcp-polaroid__foto {
	display: block;
	aspect-ratio: 1 / 1;
	background-size: cover;
	background-position: center;
	background-color: #f1f2f4;
}

.dcp-polaroid__popis {
	min-height: 74px;
	padding: 10px 4px 12px;
	text-align: center;
	font-family: 'DCP Fixka', 'Comic Sans MS', cursive;
	line-height: 1.35;
}

.dcp-polaroid__art {
	display: block;
	font-size: 17px;
	color: #23232c;
}

.dcp-polaroid__meno {
	display: block;
	font-size: 13px;
	color: #6f6f76;
	margin-top: 2px;
}

@media (max-width: 767px) {
	.dcp-polaroidy {
		gap: 26px 14px;
	}

	.dcp-polaroid {
		width: calc(50% - 18px);
		min-width: 150px;
		padding: 8px 8px 0;
	}

	.dcp-polaroid__art {
		font-size: 14px;
	}

	.dcp-polaroid__meno {
		font-size: 11px;
	}
}

/* ── Homepage pás (nadpis + Pozrieť všetky) ── */
.dcp-polaroidy__nadpis {
	text-align: center;
	font-weight: 400;
	font-size: 40px;
	margin: 0 0 20px;
}

.dcp-polaroidy__viac {
	text-align: center;
	margin: 6px 0 30px;
}

.dcp-polaroidy__viac a {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	text-decoration: none;
	color: #23232c;
}

@media (max-width: 767px) {
	.dcp-polaroidy__nadpis {
		font-size: 30px;
	}
}

/* polaroid ako odkaz na produkt */
a.dcp-polaroid {
	text-decoration: none;
	color: inherit;
}

/* ── Mobil: auto-slider - jeden polaroid, nekonečné prehadzovanie ── */
@media (max-width: 767px) {
	.dcp-polaroidy--slider {
		display: block;
		position: relative;
		min-height: 385px;
	}

	.dcp-polaroidy--slider .dcp-polaroid {
		position: absolute;
		left: 50%;
		top: 6px;
		width: 262px;
		min-width: 0;
		padding: 12px 12px 0;
		opacity: 0;
		transform: translateX(-50%) rotate(calc(var(--naklon) * 2)) scale(0.9);
		transition: opacity 0.55s ease, transform 0.55s ease;
		pointer-events: none;
	}

	.dcp-polaroidy--slider .dcp-polaroid.je-aktivny {
		opacity: 1;
		transform: translateX(-50%) rotate(var(--naklon)) scale(1);
		pointer-events: auto;
		z-index: 1;
	}
}