/*
 Theme Name:  CzechPayroll Child
 Theme URI:   https://www.czechpayroll.com/
 Description: Child theme for a clean blog posts page with card grid and pagination.
 Author:      CzechPayroll.com
 Version:     1.0.0
 Template:    czechpayrollone
 Text Domain: czechpayroll-child
*/

/* Basic variables + tweaks (optional) */
:root{
  --ink:#0f2238;--muted:#6b7a90;--brand:#1144aa;--line:#e9eef5;--card:#f7f9fc
}
.cp-wrap{color:var(--ink)}
.cp-card a:hover{text-decoration:underline}
.cp-pagination .page-numbers{border:1px solid var(--line);border-radius:10px;padding:8px 12px}
.cp-pagination .current{background:var(--brand);color:#fff;border-color:var(--brand)}
.cp-thumb{border:1px solid var(--line);border-radius:10px}
a{color:var(--brand)}
*/
/* schovej textový titul webu napříč šablonami */
.site-title,
.site-branding .site-title,
.header .site-title,
.wp-block-site-title,
.wp-block-site-title a,
.branding .site-title,
.navbar-brand .site-title {
  display: none !important;
}

/* když šablona používá jen anchor bez classy */
header .site-branding a[rel="home"],
header .wp-block-site-title a {
  display: none !important;
}
/* ===== CzechPayroll Blog Grid – colorful & cascading cards ===== */
:root{
  --ink:#0A1A2F;            /* hlavní text */
  --muted:#3A516B;          /* sekundární text */
  --line:#E6ECF4;           /* linky / orámování */
  --card:#FFFFFF;           /* karta bílá */
  --bg:#FAFCFF;             /* jemné pozadí */
  --brand:#1144AA;          /* modrá */
  --teal:#0ea5a5;
  --amber:#d97706;
  --rose:#d94655;
  --violet:#7c3aed;
  --radius:12px;
}

/* Kontejner blogu – max šířka a mezery */
.wp-site-blocks .wp-block-post-template,
.wp-block-query .wp-block-post-template {
  gap: 22px;
}

/* Dvou-sloupcové karty na desktopu */
.wp-block-post-template.is-layout-grid {
  grid-template-columns: repeat(2, minmax(0,1fr));
}
@media (max-width: 900px){
  .wp-block-post-template.is-layout-grid {
    grid-template-columns: 1fr;
  }
}

/* KARTA: vzhled + kaskádový levý pruh */
.wp-block-post {
  position: relative;
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 16px;
  box-shadow: 0 2px 0 rgba(17,68,170,0.05);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.wp-block-post::before{
  content:"";
  position:absolute; inset:0 auto 0 0;
  width:6px; border-radius:6px 0 0 6px; 
  background: var(--brand);
}

/* Barevné odlišení kartiček (střídání pruhu) */
.wp-block-post:nth-child(4n+2)::before{ background: var(--teal); }
.wp-block-post:nth-child(4n+3)::before{ background: var(--amber); }
.wp-block-post:nth-child(4n+4)::before{ background: var(--rose); }

/* Jemná „kaskáda“: optické odsazení a hover */
.wp-block-post:nth-child(odd) { transform: translateY(1px); }
.wp-block-post:hover{
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(17,68,170,0.10);
  border-color: #d8e3f5;
}

/* TITULEK */
.wp-block-post .wp-block-post-title a{
  color: var(--brand);
  text-decoration: none;
}
.wp-block-post .wp-block-post-title{
  font-size: 22px;
  margin: 10px 0 6px;
  line-height: 1.25;
}

/* META (datum, kategorie) */
.wp-block-post .wp-block-post-date,
.wp-block-post .wp-block-post-terms {
  color: var(--muted);
  font-size: 12px;
  margin: 0 0 8px;
}

/* EXCERPT – omezit na 3 řádky */
.wp-block-post .wp-block-post-excerpt__excerpt,
.wp-block-post .wp-block-post-excerpt p{
  margin:0;
  color: var(--ink);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* READ MORE jako tlačítko */
.wp-block-post .wp-block-read-more{
  display:inline-block;
  margin-top:10px;
  padding:8px 12px;
  border-radius:10px;
  border:1px solid var(--brand);
  color:#fff;
  background:var(--brand);
  font-weight:700;
  text-decoration:none;
}
.wp-block-post .wp-block-read-more:hover{
  filter: brightness(0.95);
}

/* FEATURED IMAGE – čtverec 400x400, oříznutí */
.wp-block-post-featured-image,
.wp-block-post-featured-image a,
.wp-block-post-featured-image img{
  display:block;
  width:100%;
}
.wp-block-post-featured-image img{
  aspect-ratio:1/1;          /* čtverec */
  object-fit:cover;
  border:1px solid var(--line);
  border-radius:10px;
  max-height: 400px;          /* horní limit */
}

/* Pozadí celé blogové sekce (lehce odlišené) */
.page-id-XXX .wp-block-query{ /* ← nahraď XXX ID stránky /blog-2/ pokud chceš jen tam */
  background: var(--bg);
  padding: 18px;
  border-radius: 14px;
  border: 1px solid var(--line);
}

/* Hlavička blog page – podtitulek */
.page-id-XXX header.wp-block-group p{
  color: var(--muted);
}