/* Psí noviny Broskvička : feuille unique du site.
   Vocabulaire de classes brk- (verger et peche) ; voir docs/design-entry.json
   Version : ?v=20260827-1   Aucune police externe, aucune requete sortante. */

:root{
  --ink:#3f1f26;
  --ink-miemi:rgba(63,31,38,.78);
  --ink-slabse:rgba(63,31,38,.55);
  --papir:#f8e9d2;
  --karton:#fff6ea;
  --broskev:#d97b41;
  --broskev-hlubokou:#b45a24;
  --list:#5c6b3c;
  --fil:#e3cba6;
  --face-nadpis:"Verdana","Geneva","Tahoma","DejaVu Sans",sans-serif;
  --face-cteni:"Iowan Old Style","Palatino Linotype","Book Antiqua","URW Palladio L",Georgia,serif;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--papir);color:var(--ink);font-family:var(--face-cteni);font-size:17px;line-height:1.62}
img{max-width:100%;height:auto;display:block}
a,a:visited{color:var(--broskev-hlubokou);text-decoration-color:rgba(180,90,36,.4)}
a:hover{text-decoration-color:currentColor}
h1,h2,h3,h4{font-family:var(--face-nadpis);line-height:1.25;margin:0 0 .5em;color:var(--ink)}
p{margin:0 0 1.05em}

.brk-zahrada{max-width:1080px;margin:0 auto;padding:0 20px}

/* Accesibilite */
.skrivat{position:absolute;left:-9999px;top:0;background:var(--karton);padding:.6rem 1rem;z-index:50}
.skrivat:focus{left:12px;top:12px}

/* ===== Portillon d'entete ===== */
.brk-branka{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:14px 0;border-bottom:2px solid var(--ink)}
.brk-branka__vyvesa{font-family:var(--face-nadpis);font-weight:700;font-size:1.32rem;letter-spacing:-.01em;text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:10px}
.brk-branka__vyvesa img{width:38px;height:38px;border-radius:50%;border:2px solid var(--ink);object-fit:cover}
.brk-branka__cesty{list-style:none;display:flex;flex-wrap:wrap;gap:4px 16px;margin:0 0 0 auto;padding:0;font-family:var(--face-nadpis);font-size:.74rem;text-transform:uppercase;letter-spacing:.09em}
.brk-branka__cesty a{color:var(--ink);text-decoration:none;padding:6px 0;border-bottom:2px solid transparent}
.brk-branka__cesty a:hover,.brk-branka__cesty [aria-current="page"]{border-bottom-color:var(--broskev)}

/* ===== Pergola : heros en bande ===== */
.brk-pergola{position:relative;overflow:hidden;border-bottom:2px solid var(--ink);background:var(--ink)}
.brk-pergola__foto{width:100%;height:300px;min-height:220px;object-fit:cover;opacity:0}
.brk-pergola__clona{position:absolute;inset:0;background:rgba(63,31,38,.80)}
.brk-pergola__obsah{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:.35rem;padding:28px 0;color:#fdf1df}
.brk-pergola__obsah h1,.brk-pergola__obsah h2{color:#fdf1df;font-size:clamp(1.6rem,3.4vw,2.5rem);letter-spacing:-.015em;max-width:21ch;margin:0}
.brk-pergola__slogan{max-width:58ch;margin:0;font-size:clamp(.95rem,1.4vw,1.06rem);line-height:1.5;color:rgba(253,241,223,.92)}
.brk-pergola__reper{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:10px;font-family:var(--face-nadpis);font-size:.72rem;text-transform:uppercase;letter-spacing:.11em;color:rgba(253,241,223,.85)}
.brk-pergola__reper strong{color:#fff}

/* ===== Sections generiques ===== */
.brk-usek{padding:30px 0 8px}
.brk-usek__hlava{display:flex;align-items:baseline;gap:14px;border-bottom:2px solid var(--ink);padding-bottom:8px;margin-bottom:18px}
.brk-usek__titul{font-family:var(--face-nadpis);font-size:.86rem;text-transform:uppercase;letter-spacing:.13em;margin:0}
.brk-usek__hlava .brk-kvet{margin-left:auto}

/* ===== Cagettes de rubriques ===== */
.brk-bedny{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:0;list-style:none}
.brk-bedna{background:var(--karton);border:1px solid var(--fil);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}
.brk-bedna__foto{aspect-ratio:16/7;object-fit:cover;width:100%;border:0}
.brk-bedna__korpus{padding:14px 16px 16px;display:flex;flex-direction:column;gap:.4rem;flex:1}
.brk-bedna__nazev{font-family:var(--face-nadpis);font-size:1rem;line-height:1.3;margin:0}
.brk-bedna__korpus p{margin:0;font-size:.92rem;color:var(--ink-miemi)}
.brk-bedna__vice{align-self:flex-start}

/* ===== Panier du flux date ===== */
.brk-kos{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.brk-trs{display:grid;grid-template-columns:132px 1fr;gap:16px;background:var(--karton);border:1px solid var(--fil);border-radius:10px;padding:12px}
.brk-trs__pecka{grid-row:span 3;width:132px;height:96px;object-fit:cover;border-radius:6px}
.brk-trs__hlavicka{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;font-family:var(--face-nadpis);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-slabse)}
.brk-trs__rubrika{background:rgba(92,107,60,.14);color:var(--list);padding:2px 8px;border-radius:999px;text-decoration:none}
.brk-trs__nadpis{font-family:var(--face-nadpis);font-size:1.02rem;margin:.15rem 0;line-height:1.35}
.brk-trs__nadpis a{color:var(--ink);text-decoration:none}
.brk-trs__nadpis a:hover{text-decoration:underline;text-decoration-color:var(--broskev)}
.brk-trs__rezum{margin:0;font-size:.94rem;color:var(--ink-miemi)}

/* Chips */
.brk-etiketa{display:inline-block;font-family:var(--face-nadpis);font-size:.68rem;text-transform:uppercase;letter-spacing:.09em;background:rgba(63,31,38,.08);color:var(--ink-miemi);padding:2px 9px;border-radius:999px}
.brk-kvet{font-family:var(--face-nadpis);font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:var(--broskev-hlubokou);text-decoration:none;border:1px solid currentColor;border-radius:999px;padding:5px 13px}
.brk-kvet:hover{background:var(--broskev-hlubokou);color:var(--karton)}

/* ===== Article : deux colonnes asymetriques ===== */
.brk-cleneni{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:34px;padding:26px 0 40px}
.brk-listy h1{font-size:clamp(1.5rem,3vw,2.15rem);letter-spacing:-.01em}
.brk-listy .brk-chapeau{font-size:1.05rem;color:var(--ink-miemi);border-left:3px solid var(--broskev);padding-left:14px}
.brk-listy h2{font-size:1.18rem;margin-top:1.7em}
.brk-listy h3{font-size:1.02rem;margin-top:1.4em}
.brk-meta{font-family:var(--face-nadpis);font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-slabse);margin:.2rem 0 1.4rem;display:flex;flex-wrap:wrap;gap:6px 14px}
.brk-obraz{margin:1.6em 0}
.brk-obraz img{border-radius:8px;border:1px solid var(--fil)}
.brk-popisek{font-family:var(--face-nadpis);font-size:.76rem;letter-spacing:.03em;color:var(--ink-slabse);margin-top:.5rem}
.brk-postranni{display:grid;gap:18px;align-content:start}
.brk-dozinka{background:var(--karton);border:1px solid var(--fil);border-radius:10px;padding:16px}
.brk-dozinka h2{font-family:var(--face-nadpis);font-size:.8rem;text-transform:uppercase;letter-spacing:.11em;margin-bottom:.7rem}
.brk-dozinka ul{list-style:none;margin:0;padding:0;display:grid;gap:.55rem;font-size:.93rem}
.brk-dozinka li a{color:var(--ink);text-decoration:none;border-bottom:1px solid rgba(180,90,36,.35)}
.brk-dozinka li a:hover{color:var(--broskev-hlubokou)}

/* ===== Fil d'Ariane ===== */
.brk-stopy ol{list-style:none;display:flex;flex-wrap:wrap;gap:4px 8px;margin:0;padding:16px 0 0;font-family:var(--face-nadpis);font-size:.73rem;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-slabse)}
.brk-stopy li+li::before{content:"›";margin-right:8px;color:var(--broskev)}
.brk-stopy a{color:var(--ink-slabse);text-decoration:none}
.brk-stopy a:hover{color:var(--broskev-hlubokou)}
.brk-stopy [aria-current]{color:var(--ink)}

/* ===== Racines : pied de page ===== */
.brk-koreny{border-top:2px solid var(--ink);margin-top:26px;background:rgba(255,246,234,.65);padding:26px 0 30px}
.brk-koreny .brk-zahrada{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:26px}
.brk-koreny h2{font-family:var(--face-nadpis);font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:.6rem}
.brk-koreny ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem;font-size:.9rem}
.brk-koreny a{color:var(--ink-miemi)}
.brk-temeno{margin-top:22px;padding-top:14px;border-top:1px solid var(--fil);font-family:var(--face-nadpis);font-size:.72rem;letter-spacing:.05em;color:var(--ink-slabse)}

/* ===== Petites surfaces ===== */
.poznamka{background:rgba(215,123,65,.12);border:1px solid rgba(180,90,36,.35);border-radius:10px;padding:14px 16px;font-size:.95rem}
.mailceste{font-family:var(--face-nadpis);font-weight:700}

/* fil d'Ariane sur pages service sans colonne latérale */
.brk-cleneni--jeden{grid-template-columns:minmax(0,1fr)}

@media (max-width:900px){
  .brk-bedny{grid-template-columns:repeat(2,1fr)}
  .brk-cleneni{grid-template-columns:1fr}
  .brk-pergola__foto{height:250px}
  .brk-koreny .brk-zahrada{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
  body{font-size:16px}
  .brk-branka{flex-direction:column;align-items:flex-start;gap:8px}
  .brk-branka__cesty{margin-left:0}
  .brk-bedny{grid-template-columns:1fr}
  .brk-trs{grid-template-columns:96px 1fr;gap:12px}
  .brk-trs__pecka{width:96px;height:76px}
  .brk-koreny .brk-zahrada{grid-template-columns:1fr}
}