/* Custom bits on top of Tailwind: media player, animations, FAQ marker */

/* full-bleed media nesmí způsobit vodorovné posouvání */
html,body{overflow-x:hidden}

/* media player */
.player{position:relative;width:100%;aspect-ratio:16/9;background:#000;overflow:hidden;cursor:pointer}
.player video{width:100%;height:100%;object-fit:contain;background:#000;display:block}
.player-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;
  background:rgba(0,0,0,.42);backdrop-filter:blur(2px);color:#fff;text-align:center;transition:opacity .3s ease}
.player-overlay.is-hidden{opacity:0;pointer-events:none}
.player-play{width:84px;height:84px;border-radius:9999px;display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.16);border:2px solid rgba(255,255,255,.9);animation:pulse 2s infinite}
.player-play svg{width:34px;height:34px;margin-left:4px}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,.35)}50%{box-shadow:0 0 0 16px rgba(255,255,255,0)}}

@keyframes reveal{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.reveal-in{animation:reveal .45s ease both}

/* FAQ marker */
details > summary{list-style:none;cursor:pointer}
details > summary::-webkit-details-marker{display:none}
details > summary::after{content:"+";float:right;color:var(--accent);font-weight:700;font-size:20px;line-height:1}
details[open] > summary::after{content:"\2013"}

/* Таблица состава */
.itbl{width:100%;font-size:14px;min-width:520px}
.itbl th,.itbl td{padding:11px 16px;text-align:left}
.itbl thead th{background:#f6f8f7;font-weight:700}
.itbl tbody tr{border-top:1px solid #f1f3f2}
.itbl td:nth-child(4){color:#5f6b66}

/* Legal pages typography */
.legal{max-width:760px;margin:0 auto;padding:48px 20px 64px}
.legal h1{font-size:28px;font-weight:800;margin-bottom:8px;line-height:1.2}
.legal .lede{color:#5f6b66;margin-bottom:8px}
.legal h2{font-size:18px;font-weight:700;margin:26px 0 8px}
.legal p,.legal li{color:#374151;font-size:15px;line-height:1.65;margin-bottom:10px}
.legal ul{padding-left:20px;list-style:disc}
.legal a{color:var(--accent);text-decoration:underline}
.legal .back{display:inline-block;margin-top:24px;color:var(--accent);font-weight:600;text-decoration:none}
.legal .updated{color:#9aa3ad;font-size:13px;margin-top:6px}

/* mobile: poměr stran = reálnému videu (bez ořezu) */
@media (max-width:640px){
  .player-play{width:68px;height:68px}
}