/*
Theme Name: S lehkou hlavou (GeneratePress Child)
Theme URI: https://hankavildomcova.cz
Template: generatepress
Author: Hanka Vildomcová
Description: Child theme pro GeneratePress podle návrhu webu "S lehkou hlavou" — jóga a wellness studio pro ženy. Obsahuje typografii (Fraunces / Work Sans), barevné proměnné, hero sekci, mřížku modulů, kartu ke stažení a spirálový SVG motiv navázané přes hook systém GeneratePress.
Version: 1.8.0
Text Domain: slh-generatepress-child
*/

/* Skutečné styly jsou načítané přes functions.php ze souboru css/custom.css,
   aby šlo pohodlně cachovat a verzovat samostatně od tohoto souboru. */


/*DETAIL prispevku*/
/* ---------- Design tokeny webu ---------- */
:root{
  --bg: #FAF6EF;
  --bg-alt: #F0E8DA;
  --ink: #2E2A22;
  --ink-soft: #5C5E52;
  --gold: #B8862E;
  --gold-deep: #8C6423;
  --plum: #6B3F4B;
  --plum-soft: #9C6B78;
  --sand: #E4C87A;
  --line: rgba(51,53,44,0.12);
  --radius: 2px;
}

/* Skryje výchozí GP nadpis/meta na článcích — nahradí ho vlastní hlavička níže */
.single-post .entry-header{display:none;}

body.single-post{
  background:var(--bg);
  color:var(--ink);
  font-family:'Work Sans', sans-serif;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
body.single-post h1, body.single-post h2, body.single-post h3{
  font-family:'Fraunces', serif;
  font-weight:500;
  letter-spacing:-0.01em;
  color:var(--ink);
}

.wrap{max-width:1120px; margin:0 auto; padding:0 32px;}

.eyebrow{
  font-size:12.5px; letter-spacing:0.16em; text-transform:uppercase;
  color:var(--plum); font-weight:600;
  display:inline-flex; align-items:center; gap:10px;
}
.eyebrow::before{content:""; width:22px; height:1px; background:var(--plum); display:inline-block;}

.btn-primary{
  background:var(--gold-deep); color:#fff; padding:13px 24px;
  font-size:14px; font-weight:600; border-radius:var(--radius);
  transition:background .3s ease; display:inline-block;
}
.btn-primary:hover{background:var(--ink);}
.btn-secondary{
  padding:13px 24px; font-size:14px; font-weight:600; color:var(--ink);
  border:1px solid var(--ink); border-radius:var(--radius);
  transition:background .3s ease, color .3s ease; display:inline-block;
}
.btn-secondary:hover{background:var(--ink); color:var(--bg);}

.post-header{padding:56px 0 40px;}
.post-header .wrap{max-width:760px;}
.post-header h1{font-size:clamp(30px, 4.4vw, 46px); line-height:1.14; margin:20px 0 22px;}
.post-lead{font-size:18px; color:var(--ink-soft); max-width:640px;}
.post-byline{display:flex; align-items:center; gap:12px; margin-top:32px; padding-top:24px; border-top:1px solid var(--line);}
.post-byline img{border-radius:50%;}
.post-byline .name{font-size:14px; font-weight:600;}
.post-byline .role{font-size:12.5px; color:var(--ink-soft);}

.post-feature{padding:0 0 8px;}
.post-feature .wrap{max-width:960px;}
.feature-media{
  aspect-ratio:16/9; background:linear-gradient(150deg, var(--sand) 0%, var(--plum-soft) 100%);
  position:relative; overflow:hidden; border-radius:2px;
}
.feature-media img{width:100%; height:100%; object-fit:cover; display:block;}

.post-body{padding:56px 0 0;}
.post-body .wrap{max-width:760px; display:grid; gap:26px;}
.post-body p{font-size:16.5px; color:var(--ink); max-width:680px;}
.post-body h2{font-size:26px; margin-top:14px;}
.post-body ul{padding-left:22px; display:grid; gap:8px;}
.post-body ul li{font-size:16.5px;}
.post-body blockquote{
  font-family:'Fraunces', serif; font-style:italic; font-size:24px; line-height:1.5;
  color:var(--plum); border-left:2px solid var(--plum); padding-left:24px; margin:8px 0;
}
.post-body img{max-width:100%; height:auto; border-radius:2px;}

.lock-panel{background:var(--bg-alt); border:1px solid var(--line); border-radius:2px; padding:44px 40px; text-align:center; max-width:760px; margin:0 auto;}
.lock-icon{width:34px; height:34px; margin:0 auto 18px; stroke:var(--plum); fill:none; stroke-width:1.3;}
.lock-panel h3{font-size:22px; margin-bottom:10px;}
.lock-panel p{font-size:15px; color:var(--ink-soft); max-width:420px; margin:0 auto 26px;}
.lock-actions{display:flex; gap:14px; justify-content:center; flex-wrap:wrap;}
.lock-note{font-size:12.5px; color:var(--ink-soft); margin-top:22px;}

.post-footer-row{padding:40px 0; margin-top:20px; border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
.post-footer-row .wrap{max-width:760px;}
.tag-list{display:flex; gap:10px; flex-wrap:wrap;}
.tag{font-size:12.5px; color:var(--ink-soft); border:1px solid var(--line); padding:6px 12px; border-radius:var(--radius);}

.related{background:var(--bg-alt); padding:80px 0 96px;}
.related .section-head{margin-bottom:40px;}
.related h2{font-size:clamp(24px,3vw,30px);}
.blog-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:36px;}
.blog-card{display:flex; flex-direction:column;}
.blog-thumb{aspect-ratio:4/3; background:linear-gradient(150deg, var(--sand) 0%, var(--plum-soft) 100%); margin-bottom:18px; position:relative; overflow:hidden;}
.blog-thumb img{width:100%; height:100%; object-fit:cover; display:block;}
.blog-cat{font-size:11px; letter-spacing:0.12em; text-transform:uppercase; color:var(--gold-deep); font-weight:600; margin-bottom:8px;}
.blog-card h3{font-size:19px; font-weight:500; line-height:1.35; margin-bottom:10px;}
.blog-card p{font-size:14px; color:var(--ink-soft);}

@media (max-width: 860px){
  .blog-grid{grid-template-columns:1fr;}
  .post-footer-row .wrap{flex-direction:column; align-items:flex-start;}
}