/* ============================================================
   moderator.cz — podstránka s akcí
   ------------------------------------------------------------
   Doplněk k moderator2026.css, které se načítá před tímhle
   souborem a nese barvy, písma i poloměry.
   ============================================================ */

.akce-hlava{
	position:relative; background:var(--navy); color:var(--text-on-dark);
	padding:28px var(--pad) 72px; overflow:hidden;
}
.akce-hlava::before{
	content:""; position:absolute; inset:0; pointer-events:none;
	background:radial-gradient(60% 70% at 78% 30%, rgba(56,132,199,.42), transparent 70%);
}
.akce-hlava > .wrap{ position:relative; }
.akce-hlava h1{
	color:#fff; font-size:52px; line-height:1.08; margin-top:36px;
	max-width:900px; text-wrap:balance;
}
.akce-kdykde{
	display:flex; gap:10px 28px; flex-wrap:wrap; margin-top:20px;
	font-size:17px; font-weight:600; color:var(--ink-300);
}
.akce-zpet{ color:var(--ink-300); font-size:15px; font-weight:600; }
.akce-zpet:hover{ color:#fff; opacity:1; }


.akce-sekce{ padding:64px var(--pad) 0; }
.akce-sekce h2{ font-size:32px; color:var(--ink-900); margin-bottom:24px; }
.akce-text p{
	font-size:18px; line-height:1.75; font-weight:500;
	color:#122D49;
	max-width:760px; margin-bottom:20px;
}
.akce-text p a{ color:var(--rose-600); }
.akce-konec{ padding:64px var(--pad) 80px; }


/* ---------- videa ---------- */
.video{ margin:0; }
.video figcaption{ margin-top:10px; font-size:14px; font-weight:600; color:var(--ink-500); }

.video-ram{
	position:relative; display:block; width:100%; aspect-ratio:16/9;
	padding:0; border:0; cursor:pointer; overflow:hidden;
	border-radius:var(--radius-xl); box-shadow:var(--shadow-md);
	background:var(--navy) center/cover no-repeat;
	transition:box-shadow .24s ease;
}
.video-ram:hover{ box-shadow:var(--shadow-lift); }
.video-ram iframe{ width:100%; height:100%; border:0; display:block; }
.video-play{
	position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
	display:flex; align-items:center; justify-content:center;
	width:74px; height:74px; border-radius:50%;
	background:var(--brand); color:#fff; box-shadow:var(--shadow-brand);
}
.video-play svg{ width:34px; height:34px; fill:currentColor; margin-left:4px; }

.videa-mrizka{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:24px; }


/* ---------- ukázka rozvržení, dokud není obsah ---------- */
.zastup{
	background:repeating-linear-gradient(45deg,
		var(--cream-200), var(--cream-200) 12px,
		var(--cream-100) 12px, var(--cream-100) 24px);
	border:1.5px dashed var(--border-strong);
	border-radius:var(--radius-xl);
	display:flex; align-items:center; justify-content:center;
	min-height:160px; padding:16px; text-align:center;
}
.zastup span{ font-size:13px; font-weight:700; color:var(--ink-500); }
.zastup.video16{ aspect-ratio:16/9; min-height:0; }
.zastup.radek{ height:100%; }

.navrh-pruh{
	background:var(--ink-900); color:#fff; font-size:14px; font-weight:700;
	padding:12px var(--pad); text-align:center; line-height:1.5;
}
.navrh-pruh code{ background:rgba(255,255,255,.18); padding:2px 6px; border-radius:6px; }
.navrh-popisek{
	font-size:13px; font-weight:700; color:var(--brand);
	text-transform:uppercase; letter-spacing:.1em; margin-bottom:10px;
}


@media (max-width:900px){
	.akce-hlava h1{ font-size:38px; margin-top:26px; }
	.videa-mrizka{ grid-template-columns:minmax(0,1fr); }
}
@media (max-width:600px){
	.akce-hlava h1{ font-size:30px; }
	.akce-sekce h2{ font-size:26px; }
	.akce-text p{ font-size:16px; }
	.video-play{ width:58px; height:58px; }
	.video-play svg{ width:26px; height:26px; }
}