/* ============================================================================
   pages.css — obsahové stránky: Inspiráció, Újdonságok.
   Načítava sa len na stránkach (is_page), functions.php → enqueue_front.
   ========================================================================== */

/* spoločná hlavička obsahových stránok */
.lu-pagehero {
	text-align: center;
	padding-block: clamp(28px, 5vw, 56px) clamp(10px, 2vw, 20px);
}
.lu-pagehero h1 {
	letter-spacing: 0.02em;
	position: relative;
	padding-bottom: 18px;
	margin-bottom: 14px;
}
.lu-pagehero h1::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 64px;
	height: 3px;
	background: var(--lu-cream-deep, #e8c9a8);
}
.lu-pagehero p {
	max-width: 62ch;
	margin-inline: auto;
	color: var(--lu-ink-soft, #555);
}

/* ---- INŠPIRÁCIE: striedané sekcie miestností ------------------------------ */
.lu-inspo .wp-block-media-text {
	margin-block: clamp(26px, 5vw, 64px);
	gap: clamp(18px, 3vw, 44px);
	align-items: center;
}

.lu-inspo .wp-block-media-text__media img {
	box-shadow: 0 1px 3px rgba(14, 14, 14, 0.1), 0 14px 36px rgba(14, 14, 14, 0.12);
	object-fit: cover;
	aspect-ratio: 3 / 2;
	width: 100%;
}

.lu-inspo__kicker {
	text-transform: uppercase;
	letter-spacing: 0.28em;
	font-size: 0.72rem;
	color: var(--lu-ink-muted, #8a8a8a);
	margin-bottom: 6px;
}

.lu-inspo .wp-block-media-text__content h2 {
	margin-top: 0;
	padding-bottom: 12px;
	position: relative;
	margin-bottom: 14px;
}
.lu-inspo .wp-block-media-text__content h2::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 48px;
	height: 3px;
	background: var(--lu-cream-deep, #e8c9a8);
}

.lu-inspo__tip {
	background: var(--lu-cream, #f4e2d0);
	padding: 12px 16px;
	font-size: 0.9rem;
	margin-block: 14px;
}
.lu-inspo__tip strong { letter-spacing: 0.04em; }

.lu-inspo .wp-block-button__link {
	background: var(--lu-ink-strong, #0e0e0e);
	color: #fff;
	border-radius: 2px;
	padding: 0.72em 1.8em;
	font-size: 0.82rem;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	transition: background 0.2s ease;
}
.lu-inspo .wp-block-button__link:hover {
	background: #333;
}

/* mobil: fotka nad textom, žiadne stohovanie mimo poradia */
@media (max-width: 600px) {
	.lu-inspo .wp-block-media-text {
		grid-template-columns: 1fr !important;
	}
	.lu-inspo .wp-block-media-text__content {
		padding-inline: 0;
		padding-top: 14px;
	}
}

/* ---- NOVINKY -------------------------------------------------------------- */
.lu-novinky-note {
	text-align: center;
	color: var(--lu-ink-muted, #8a8a8a);
	font-size: 0.9rem;
	margin-top: 6px;
}

/* ---- Újdonságok + Inspiráció: vlastný pagehero nahrádza šablónový H1 --------- */
body.page-id-17414 .lu-page-title,
body.page-id-17415 .lu-page-title,
body.page-id-17414 .lu-page-img,
body.page-id-17415 .lu-page-img {
	display: none;
}

/* obsah týchto stránok nie je článok — zrušiť prose šírku */
body.page-id-17414 .lu-prose,
body.page-id-17415 .lu-prose {
	max-width: none;
}

/* stránky s inspo/pagehero obsahom nie sú článok — plná šírka automaticky */
.lu-prose:has(.lu-inspo),
.lu-prose:has(.lu-pagehero),
.lu-prose:has(.lu-sitemap) {
	max-width: none;
}

/* ---- mapa stránok --------------------------------------------------------- */
.lu-sitemap {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: clamp(18px, 3vw, 40px);
	margin-block: clamp(20px, 3vw, 40px);
}
.lu-sitemap h2 {
	font-size: 1.05rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	padding-bottom: 10px;
	border-bottom: 2px solid var(--lu-cream-deep, #e8c9a8);
	margin-bottom: 10px;
}
.lu-sitemap ul { list-style: none; padding: 0; margin: 0; }
.lu-sitemap li { margin-block: 7px; }
.lu-sitemap a { text-decoration: none; color: var(--lu-ink, #333); }
.lu-sitemap a:hover { text-decoration: underline; }

/* ---- kontaktné boxy ------------------------------------------------------- */
.lu-contact-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: clamp(14px, 2vw, 26px);
	margin-block: clamp(18px, 3vw, 36px);
}
.lu-contact-card {
	background: var(--lu-white, #fff);
	box-shadow: 0 1px 3px rgba(14,14,14,.08), 0 10px 26px rgba(14,14,14,.07);
	padding: 22px 24px;
}
.lu-contact-card h3 {
	margin: 0 0 8px;
	font-size: 0.8rem;
	text-transform: uppercase;
	letter-spacing: 0.18em;
	color: var(--lu-ink-muted, #8a8a8a);
}
.lu-contact-card p { margin: 0; line-height: 1.65; }
.lu-contact-card a { color: var(--lu-ink, #333); font-weight: 600; text-decoration: none; }
.lu-contact-card a:hover { text-decoration: underline; }

/* stránky s konfigurátorom: plná šírka obsahového stĺpca, žiadne prose */
.lu-prose:has(#ltc-root),
.lu-prose:has(#llc-root) {
	max-width: none;
}

/* Ujdonsagok + Inspiracio: vlastny pagehero nahradza sablonovy H1 (HU ID) */
body.page-id-17265 .lu-page-title,
body.page-id-17266 .lu-page-title,
body.page-id-17265 .lu-page-img,
body.page-id-17266 .lu-page-img {
	display: none;
}
body.page-id-17265 .lu-prose,
body.page-id-17266 .lu-prose {
	max-width: none;
}