/* =========================================================
   Nástěnka — TV Slideshow Styles
   Design: sgagy.cz (Montserrat + Inter, #085ba2 + #F3E35C)
   ========================================================= */

/* ----------------------------------------------------------
   Stránka s nástěnkou — skrytí nadpisu a hero sekce
   ---------------------------------------------------------- */
body.nastenska-page .page-hero,
body.nastenska-page .wp-block-post-title {
	display: none !important;
}

body.nastenska-page .wp-block-post-content,
body.nastenska-page .wp-block-post-content > .wp-block-group {
	max-width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
}

body.nastenska-page main.wp-block-group {
	padding: 0 !important;
	margin: 0 !important;
}

/* ----------------------------------------------------------
   Decentní pozadí stránky
   ---------------------------------------------------------- */
body.nastenska-page {
	background-color: #04264a;
	background-image:
		radial-gradient(circle at 15% 50%, rgba(8,91,162,.35) 0%, transparent 55%),
		radial-gradient(circle at 85% 20%, rgba(74,142,255,.18) 0%, transparent 45%),
		radial-gradient(ellipse at 50% 100%, rgba(0,0,0,.45) 0%, transparent 60%),
		radial-gradient(circle 1px at center, rgba(255,255,255,.08) 1px, transparent 0);
	background-size: auto, auto, auto, 32px 32px;
}

/* ----------------------------------------------------------
   Wrapper + Track
   ---------------------------------------------------------- */
.nastenska-wrapper {
	position: relative;
	width: 100%;
	overflow: hidden;
	background: #04264a;
	user-select: none;
}

.nastenska-track {
	position: relative;
	width: 100%;
	height: 100%;
}

/* ----------------------------------------------------------
   Slides — fade
   ---------------------------------------------------------- */
.nastenska-slide {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition-property: opacity;
	transition-timing-function: ease-in-out;
	pointer-events: none;
}

.nastenska-slide.is-active {
	opacity: 1;
	pointer-events: auto;
}

/* ----------------------------------------------------------
   Obrázek / Leták — blurred background fill
   ---------------------------------------------------------- */
.nastenska-slide--obrazek {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #04264a;
}

.nastenska-img-wrap {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.nastenska-img-blur {
	position: absolute;
	inset: -8%;
	background-size: cover;
	background-position: center;
	filter: blur(28px) brightness(0.45) saturate(1.2);
	transform: scale(1.05);
}

.nastenska-img {
	position: relative;
	z-index: 1;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
	display: block;
	box-shadow: 0 8px 48px rgba(0,0,0,.55);
}

/* ----------------------------------------------------------
   Textová zpráva — glassmorphism card
   ---------------------------------------------------------- */
.nastenska-slide--text {
	display: flex;
	align-items: center;
	justify-content: center;
}

.nastenska-text-inner {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 4vw;
	box-sizing: border-box;
	background-image:
		radial-gradient(circle at 80% 15%, rgba(255,255,255,.09) 0%, transparent 45%),
		radial-gradient(circle at 20% 85%, rgba(0,0,0,.18) 0%, transparent 40%);
}

.nastenska-text-card {
	position: relative;
	background: rgba(255,255,255,.11);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border: 1px solid rgba(255,255,255,.20);
	border-radius: 20px;
	padding: clamp(2rem, 4vw, 4.5rem) clamp(2rem, 5vw, 5.5rem);
	max-width: min(960px, 88vw);
	width: 100%;
	text-align: center;
	box-shadow:
		0 12px 40px rgba(0,0,0,.4),
		0 2px 8px rgba(0,0,0,.2),
		inset 0 1px 0 rgba(255,255,255,.15);
}

/* Accent proužek */
.nastenska-accent-bar {
	width: 72px;
	height: 6px;
	border-radius: 3px;
	margin: 0 auto clamp(1rem, 2vw, 2rem);
}

/* Nadpis — Montserrat 800 jako sgagy.cz */
.nastenska-nadpis {
	font-family: 'Montserrat', 'Inter', 'Segoe UI', sans-serif;
	font-size: clamp(2.2rem, 6vw, 6rem);
	font-weight: 800;
	line-height: 1.08;
	letter-spacing: -0.025em;
	margin: 0 0 clamp(.75rem, 1.5vw, 1.5rem);
	text-shadow: 0 2px 16px rgba(0,0,0,.3);
}

/* Popis — Inter */
.nastenska-popis {
	font-family: 'Inter', 'Segoe UI', sans-serif;
	font-size: clamp(1rem, 2.4vw, 2.2rem);
	font-weight: 400;
	line-height: 1.55;
	margin: 0 0 clamp(1.5rem, 3vw, 3rem);
	opacity: .9;
	max-width: 68ch;
	margin-left: auto;
	margin-right: auto;
}

/* Tlačítko — pill shape, sgagy.cz styl */
.nastenska-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.75em 2.4em;
	border-radius: 9999px;           /* pill — jako sgagy.cz */
	font-family: 'Montserrat', 'Inter', sans-serif;
	font-size: clamp(1rem, 2vw, 1.8rem);
	font-weight: 800;
	letter-spacing: -0.01em;
	text-decoration: none;
	line-height: 1;
	transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
	box-shadow: 0 4px 20px rgba(0,0,0,.25);
	white-space: nowrap;
}

.nastenska-btn:hover {
	transform: translateY(-3px) scale(1.03);
	box-shadow: 0 10px 30px rgba(0,0,0,.3);
	filter: brightness(1.06);
}

.nastenska-btn:active {
	transform: translateY(-1px) scale(1.01);
}

/* ----------------------------------------------------------
   YouTube
   ---------------------------------------------------------- */
.nastenska-slide--youtube {
	background: #000;
}

.nastenska-iframe {
	width: 100%;
	height: 100%;
	border: 0;
	display: block;
}

/* ----------------------------------------------------------
   Navigace — šipky
   ---------------------------------------------------------- */
.nastenska-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 20;
	display: flex;
	align-items: center;
	justify-content: center;
	width: clamp(52px, 5.5vw, 76px);
	height: clamp(52px, 5.5vw, 76px);
	background: rgba(8,91,162,.55);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	border: 2px solid rgba(255,255,255,.25);
	border-radius: 50%;
	color: #fff;
	cursor: pointer;
	transition: background .2s, transform .2s, box-shadow .2s;
	padding: 0;
	box-shadow: 0 4px 16px rgba(0,0,0,.3);
}

.nastenska-arrow svg {
	width: 44%;
	height: 44%;
}

.nastenska-arrow--prev { left: clamp(14px, 2.2vw, 32px); }
.nastenska-arrow--next { right: clamp(14px, 2.2vw, 32px); }

.nastenska-arrow:hover {
	background: rgba(8,91,162,.85);
	transform: translateY(-50%) scale(1.1);
	box-shadow: 0 8px 24px rgba(0,0,0,.4);
}

.nastenska-arrow:focus-visible {
	outline: 3px solid #F3E35C;
	outline-offset: 2px;
}

/* ----------------------------------------------------------
   Navigace — tečky
   ---------------------------------------------------------- */
.nastenska-dots {
	position: absolute;
	bottom: clamp(16px, 2.8vw, 32px);
	left: 50%;
	transform: translateX(-50%);
	z-index: 20;
	display: flex;
	gap: clamp(7px, 1.1vw, 14px);
	align-items: center;
}

.nastenska-dot {
	width: clamp(9px, 1.3vw, 15px);
	height: clamp(9px, 1.3vw, 15px);
	border-radius: 50%;
	background: rgba(255,255,255,.35);
	border: 2px solid rgba(255,255,255,.55);
	cursor: pointer;
	padding: 0;
	transition: background .2s, width .25s, border-color .2s;
	flex-shrink: 0;
}

.nastenska-dot.is-active {
	background: #F3E35C;
	width: clamp(24px, 3vw, 38px);
	border-radius: 99px;
	border-color: #F3E35C;
	box-shadow: 0 0 10px rgba(243,227,92,.5);
}

.nastenska-dot:hover {
	background: rgba(255,255,255,.7);
}

.nastenska-dot:focus-visible {
	outline: 2px solid #F3E35C;
	outline-offset: 2px;
}

/* ----------------------------------------------------------
   Empty state
   ---------------------------------------------------------- */
.nastenska-empty {
	padding: 2em;
	text-align: center;
	color: #aaa;
	font-style: italic;
	font-family: 'Inter', sans-serif;
}