/*
Theme Name: Otrokyňa Protokol
Theme URI: https://otrokyna.sk
Author: Mário
Description: Tmavá téma pre otrokyna.sk — lakovaná čierna, karmínový akcent, skrytá sekcia Protokol so zoznamkovým formulárom, výmenami a trvalým mazaním žiadostí.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: proprietárna
Text Domain: otrokyna-protokol
*/

:root{
  --black:#0a0808;
  --black-2:#100c0c;
  --crimson:#c1121f;
  --crimson-dim:#7a0c14;
  --ash:#d2cac7;
  --ash-dim:#9a918e;
  --paper:#e8e2df;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--black);
  color:var(--ash);
  font-family:'Spectral',serif;
  font-weight:300;
  line-height:1.85;
  overflow-x:hidden;
}
::selection{background:var(--crimson);color:var(--black)}
img{max-width:100%;height:auto;display:block}
a{color:var(--paper);text-decoration:none;transition:color .3s}
a:hover{color:var(--crimson)}
a:focus-visible,button:focus-visible{outline:2px solid var(--crimson);outline-offset:3px}

/* ---------- HLAVIČKA ---------- */
.site-header{
  position:fixed;top:0;left:0;right:0;z-index:40;
  display:flex;align-items:center;justify-content:space-between;
  padding:1.2rem 2rem;
  background:linear-gradient(180deg, rgba(10,8,8,.92), rgba(10,8,8,0));
}
.site-brand{
  font-family:'Cormorant Garamond',serif;
  font-weight:500;
  font-size:1.25rem;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:var(--paper);
}
.site-brand:hover{color:var(--paper)}
.site-nav ul{list-style:none;display:flex;gap:2rem}
.site-nav a{
  font-family:'IBM Plex Mono',monospace;
  font-size:.66rem;
  letter-spacing:.3em;
  text-transform:uppercase;
  color:var(--ash-dim);
}
.site-nav a:hover{color:var(--crimson)}
@media (max-width:640px){
  .site-header{padding:1rem 1.2rem}
  .site-nav ul{gap:1.1rem}
  .site-nav a{font-size:.58rem;letter-spacing:.2em}
}

/* ---------- HERO (úvodná stránka) ---------- */
.hero{
  min-height:100vh;
  display:flex;flex-direction:column;
  justify-content:center;align-items:center;
  text-align:center;padding:6rem 2rem 4rem;
  position:relative;
}
.hero::before{
  content:'';
  position:absolute;left:50%;top:56%;
  width:480px;height:480px;
  transform:translate(-50%,-50%);
  background:radial-gradient(circle, rgba(193,18,31,.12) 0%, transparent 60%);
  animation:ember 5s ease-in-out infinite alternate;
  pointer-events:none;
}
@keyframes ember{
  0%{opacity:.5;transform:translate(-50%,-50%) scale(.94)}
  50%{opacity:1}
  100%{opacity:.65;transform:translate(-50%,-50%) scale(1.05)}
}
.hero .eyebrow{
  font-family:'IBM Plex Mono',monospace;
  font-size:.66rem;letter-spacing:.45em;text-transform:uppercase;
  color:var(--ash-dim);margin-bottom:2.4rem;
}
.hero h1{
  font-family:'Cormorant Garamond',serif;
  font-weight:500;
  font-size:clamp(2.8rem,9vw,5.8rem);
  letter-spacing:.1em;
  color:var(--paper);
  animation:flame 3.4s ease-in-out infinite;
}
@keyframes flame{
  0%,100%{text-shadow:0 0 18px rgba(193,18,31,.34), 0 0 60px rgba(193,18,31,.14)}
  38%{text-shadow:0 0 26px rgba(193,18,31,.55), 0 0 90px rgba(193,18,31,.22)}
  62%{text-shadow:0 0 14px rgba(193,18,31,.28), 0 0 44px rgba(193,18,31,.10)}
}
.hero .tagline{
  font-family:'Cormorant Garamond',serif;
  font-style:italic;
  font-size:clamp(1.05rem,2.6vw,1.4rem);
  color:var(--ash);
  margin-top:1.6rem;max-width:34ch;
}

/* ---------- TLAČIDLÁ ---------- */
.btn, .otk-vstup-btn{
  display:inline-block;
  background:transparent;
  border:1px solid var(--crimson);
  color:var(--paper);
  font-family:'IBM Plex Mono',monospace;
  font-size:.72rem;letter-spacing:.35em;text-transform:uppercase;
  padding:1.05rem 2.6rem;cursor:pointer;
  box-shadow:0 0 22px rgba(193,18,31,.28), inset 0 0 14px rgba(193,18,31,.08);
  transition:box-shadow .45s, background .45s;
}
.btn:hover, .otk-vstup-btn:hover{
  background:rgba(193,18,31,.12);color:var(--paper);
  box-shadow:0 0 42px rgba(193,18,31,.55), inset 0 0 20px rgba(193,18,31,.16);
}

/* ---------- OBSAH / ČLÁNKY (žiadne mriežky — jeden stĺpec) ---------- */
.content{
  max-width:680px;margin:0 auto;
  padding:9rem 1.6rem 6rem;
}
.page-title{
  font-family:'Cormorant Garamond',serif;
  font-weight:500;
  font-size:clamp(2rem,6vw,3rem);
  color:var(--paper);
  margin-bottom:3rem;letter-spacing:.04em;
}
.post-list article{
  border-bottom:1px solid rgba(184,176,174,.12);
  padding:2.6rem 0;
}
.post-list article:first-child{padding-top:0}
.post-meta{
  font-family:'IBM Plex Mono',monospace;
  font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;
  color:var(--crimson);margin-bottom:.8rem;display:block;
}
.post-list h2{
  font-family:'Cormorant Garamond',serif;
  font-weight:500;font-size:clamp(1.5rem,4vw,2rem);
  margin-bottom:.7rem;line-height:1.3;
}
.post-list .excerpt{color:var(--ash);font-size:1rem}
.read-more{
  font-family:'IBM Plex Mono',monospace;
  font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;
  color:var(--ash-dim);display:inline-block;margin-top:1rem;
}
.read-more:hover{color:var(--crimson)}

/* jednotlivý článok / stránka */
.entry-content p{margin-bottom:1.5rem;font-size:1.03rem}
.entry-content h2,.entry-content h3{
  font-family:'Cormorant Garamond',serif;font-weight:500;
  color:var(--paper);margin:2.6rem 0 1.2rem;
}
.entry-content h2{font-size:1.8rem}
.entry-content h3{font-size:1.4rem}
.entry-content blockquote{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:1.25rem;color:var(--paper);
  border-left:2px solid var(--crimson);
  padding-left:1.3rem;margin:2.2rem 0;
}
.entry-content a{color:var(--crimson)}
.entry-content a:hover{color:var(--paper)}
.entry-content ul,.entry-content ol{margin:0 0 1.5rem 1.4rem}
.entry-content img{margin:2rem 0}

/* stránkovanie */
.pagination{
  display:flex;justify-content:space-between;
  margin-top:3rem;
  font-family:'IBM Plex Mono',monospace;
  font-size:.64rem;letter-spacing:.3em;text-transform:uppercase;
}

/* ---------- PÄTIČKA ---------- */
.site-footer{
  border-top:1px solid rgba(193,18,31,.25);
  padding:3rem 2rem;
  text-align:center;
}
.site-footer p{
  font-family:'IBM Plex Mono',monospace;
  font-size:.6rem;letter-spacing:.35em;text-transform:uppercase;
  color:var(--ash-dim);
}
.site-footer .word{color:var(--crimson)}

/* ---------- 404 ---------- */
.page-404{
  min-height:100vh;display:flex;flex-direction:column;
  justify-content:center;align-items:center;text-align:center;padding:2rem;
}
.page-404 h1{
  font-family:'Cormorant Garamond',serif;font-weight:500;
  font-size:clamp(2.4rem,8vw,4.5rem);color:var(--paper);margin-bottom:1rem;
}
.page-404 p{font-style:italic;margin-bottom:2.4rem}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
}

/* ---------- MOBIL: pokoj namiesto animácií (blikanie/trhanie na telefónoch) ---------- */
@media (max-width:640px){
  .hero h1{animation:none;text-shadow:0 0 20px rgba(193,18,31,.35), 0 0 64px rgba(193,18,31,.14)}
  .hero::before{animation:none;opacity:.75}
  .site-header{position:absolute}
}