/* =========================================================
   1. ŠK Košice — redesign layer
   Nová vizuálna vrstva. Nič v tomto súbore nepoužíva bare
   element selektory (h1, section, a, .btn, .container...),
   aby sa nekonfliktovalo s existujúcim Bootstrapom a
   pôvodným style.css, ktoré zostávajú v platnosti na
   stránkach, ktoré ešte neboli prerobené.
   ========================================================= */

/* ---------- FAREBNÁ PALETA ----------
   September 2026: odtiene terakoty a taupe sme stmavili kvôli
   čitateľnosti. Pôvodná terakota #C4573B mala na broskyňovom pozadí
   kontrast len 3,49 : 1 a ako pozadie tlačidla s bielym textom 4,40 : 1
   — norma WCAG AA žiada pre bežný text aspoň 4,5 : 1. PageSpeed to
   hlásil pri tlačidle „Prvý tréning zadarmo", odkazoch „Čítať viac",
   dátumoch článkov aj pri celej pätičke.

   Nové hodnoty (overené prepočtom):
     #8F6245 na broskyňovom  4,69 : 1   biela na ňom  5,90 : 1
     #6A584C na broskyňovom  5,36 : 1
   Rozdiel voči pôvodnej farbe je okom sotva badateľný — je to tá istá
   tehlová, len o niečo sýtejšia.

   V pätičke je to naopak: tam je pozadie tmavé, takže tmavšia terakota
   by zmizla (2,61 : 1). Pre tmavé pozadie preto existujú samostatné
   svetlé varianty --hp-terracotta-svetla a --hp-taupe-svetla. */
:root{
  --hp-bg:#F5ECE6;
  --hp-bg-soft:#FBF7F3;
  --hp-text:#2B2320;
  --hp-taupe:#967F70;
  --hp-taupe-dark:#6A584C;
  --hp-terracotta:#8F6245;
  --hp-terracotta-dark:#432D1F;
  /* Len pre tmavé pozadie (pätička) */
  --hp-terracotta-svetla:#C9A07F;
  --hp-taupe-svetla:#A89383;
  --hp-white:#FFFFFF;
  --hp-radius:20px;
}

/* ---------- TYPOGRAFIA (globálne, audit S5) ----------
   Pôvodná téma načítavala Open Sans a Overpass a v style.css ich
   nastavovala na `body` a `h1`–`h6`. Tie dve písma sme od augusta 2026
   prestali sťahovať, takže ich tu nahrádzame jednotnou dvojicou, ktorú
   používa redizajn: Inter na text, Fraunces na nadpisy. Týka sa to aj
   častí webu, ktoré ešte neboli prerobené (kalendár, detail článku),
   aby nikde nezostalo systémové písmo. */
body{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6{
  font-family:'Fraunces',Georgia,'Times New Roman',serif;
}

/* ---------- PRESKOČIŤ NA OBSAH (audit S10) ----------
   Odkaz je mimo obrazovky, kým naň používateľ neskočí tabulátorom.
   Nepoužívame display:none ani visibility:hidden — tie by ho skryli
   aj pred klávesnicou, čím by stratil zmysel. */
.skke-skip-link{
  position:absolute;
  left:-9999px;
  top:0;
  z-index:200;
  padding:12px 20px;
  border-radius:0 0 12px 0;
  background:var(--hp-terracotta);
  color:var(--hp-white);
  font-family:'Inter',sans-serif;
  font-size:14px;
  font-weight:600;
  text-decoration:none;
}
.skke-skip-link:focus{
  left:0;
  color:var(--hp-white);
  text-decoration:none;
  outline:3px solid var(--hp-text);
  outline-offset:2px;
}
#obsah{
  /* kotva nesmie pridať výšku ani vlastný rámček pri fokuse */
  outline:none;
  height:0;
}

/* ---------- SITE HEADER (globálne, všetky stránky) ---------- */

header.site-header{
  background:var(--hp-bg);
  padding:0;
}
.site-header__inner{
  max-width:1180px;
  margin:0 auto;
  padding:18px 24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
}
.site-header__logo img{
  height:96px;
  width:auto;
  display:block;
}
.site-nav__toggle-button{
  display:none;
  width:44px;
  height:44px;
  padding:0 10px;
  position:relative;
  background:transparent;
  border:0;
  border-radius:6px;
  cursor:pointer;
}
.site-nav__toggle-button span,
.site-nav__toggle-button span:before,
.site-nav__toggle-button span:after{
  display:block;
  position:absolute;
  height:2px;
  width:24px;
  background:var(--hp-text);
  content:"";
}
.site-nav__toggle-button span{top:21px;left:10px;}
.site-nav__toggle-button span:before{top:-8px;}
.site-nav__toggle-button span:after{top:8px;}
.site-nav__toggle-button:focus{
  outline:3px solid var(--hp-terracotta-dark);
  outline-offset:2px;
}

.site-nav__list{
  list-style:none;
  display:flex;
  align-items:center;
  gap:26px;
  margin:0;
  padding:0;
}
.site-nav__list > li > a{
  font-family:'Inter',sans-serif;
  font-size:15px;
  font-weight:500;
  color:var(--hp-text);
  text-decoration:none;
  opacity:0.85;
}
.site-nav__list > li > a:hover{
  opacity:1;
  text-decoration:none;
  color:var(--hp-text);
}
.site-nav__list > .site-nav__cta-item > a.hp-btn--primary,
.site-nav__list > .site-nav__cta-item > a.hp-btn--primary:hover,
.site-nav__list > .site-nav__cta-item > a.hp-btn--primary:focus{
  color:var(--hp-white);
  opacity:1;
}
.site-nav__list > .site-nav__cta-item > a.hp-btn--primary:focus{
  outline:3px solid var(--hp-text);
  outline-offset:3px;
}
.site-nav__phone-item a{
  font-family:'Inter',sans-serif;
  font-size:14px;
  font-weight:600;
  color:var(--hp-taupe-dark);
  text-decoration:none;
}

/* ---------- TLAČIDLÁ (globálne, unikátny názov, nekoliduje s Bootstrap .btn) ---------- */

.hp-btn{
  display:inline-block;
  padding:13px 28px;
  border-radius:999px;
  font-family:'Inter',sans-serif;
  font-weight:600;
  font-size:14px;
  text-decoration:none;
  transition:all .2s ease;
  border:1.5px solid transparent;
  line-height:1.2;
}
.hp-btn:hover{text-decoration:none;}
.hp-btn--primary{
  background:var(--hp-terracotta);
  color:var(--hp-white);
}
.hp-btn--primary:hover{
  background:var(--hp-terracotta-dark);
  color:var(--hp-white);
}
.hp-btn--outline{
  border-color:var(--hp-text);
  color:var(--hp-text);
}
.hp-btn--outline:hover{
  background:var(--hp-text);
  color:var(--hp-white);
}
.hp-btn--white{
  background:var(--hp-white);
  color:var(--hp-terracotta-dark);
}
.hp-btn--white:hover{
  background:var(--hp-bg-soft);
  color:var(--hp-terracotta-dark);
}

/* ---------- HOMEPAGE OBSAH (.hp-home scope) ---------- */

.hp-home *{box-sizing:border-box;}
.hp-home{
  font-family:'Inter',sans-serif;
  color:var(--hp-text);
  background:var(--hp-bg);
  line-height:1.6;
}
.hp-home h1,.hp-home h2,.hp-home h3,.hp-home h4{
  font-family:'Fraunces',serif;
  font-weight:600;
  line-height:1.15;
  letter-spacing:-0.01em;
  margin:0;
}
.hp-container{
  max-width:1140px;
  margin:0 auto;
  padding:0 24px;
}

/* Hero */
.hp-hero{padding:64px 24px 96px;}
.hp-hero__inner{
  max-width:1140px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1.1fr 0.9fr;
  gap:56px;
  align-items:center;
}
.hp-eyebrow{
  font-family:'Inter',sans-serif;
  font-size:14px;
  font-weight:600;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:var(--hp-taupe-dark);
  margin-bottom:16px;
  display:block;
}
.hp-hero h1{font-size:46px;margin-bottom:20px;}
.hp-hero__lead{
  font-size:18px;
  opacity:0.85;
  margin-bottom:32px;
  max-width:480px;
}
.hp-hero__cta{display:flex;flex-direction:column;gap:10px;align-items:flex-start;}
.hp-microcopy{font-family:'Inter',sans-serif;font-size:14px;opacity:0.7;}
.hp-hero__visual{
  background:var(--hp-taupe);
  border-radius:var(--hp-radius);
  aspect-ratio:4/3.2;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--hp-bg-soft);
  font-size:14px;
  text-align:center;
  /* Bez odsadenia — fotka vypĺňa celý rám. Odsadenie tu bolo kvôli
     stavu, keď fotka ešte nie je nahratá a v ráme je len popisný text;
     pri fotke z neho vznikal hnedý pásik po celom obvode. */
  padding:0;
  overflow:hidden;
  box-shadow:0 10px 30px rgba(43,35,32,0.10);
}
/* Ak by fotka chýbala, odsadenie sa vráti, nech text nelipne na okraji. */
.hp-hero__visual:not(:has(img)){
  padding:24px;
}
.hp-hero__visual img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  border-radius:inherit;
}

/* Dve susediace sekcie s rovnakým pozadím mali dvojitý odstup (88px zdola
   + 88px zhora = takmer 180px prázdnej plochy). Ak nasledujú hneď po sebe,
   horný odstup potlačíme. */
.hp-section:not(.hp-section--soft) + .hp-section:not(.hp-section--soft){
  padding-top:16px;
}

/* Príbeh klubu na stránke "O nás" — prvý odstavec ako výraznejší úvod
   a jemná zvislá linka, nech text nepôsobí ako voľne položený blok. */
.hp-prose--story{
  border-left:3px solid var(--hp-terracotta);
  padding-left:32px;
}
.hp-prose--story .hp-prose__lead{
  font-family:'Fraunces',Georgia,serif;
  font-size:23px;
  line-height:1.55;
  color:var(--hp-text);
  margin-bottom:26px;
}
@media(max-width:560px){
  .hp-prose--story{padding-left:20px;}
  .hp-prose--story .hp-prose__lead{font-size:19px;}
}

/* Hero na stránke "O nás" má vľavo len krátky text (žiadne CTA tlačidlo
   ako na homepage), takže vysoká fotka vpravo vytvárala pod hero obrovskú
   prázdnu plochu. Tu fotku znížime a stlačíme odstupy pod ňou. */
body.page-template-page-onas .hp-hero{padding-bottom:40px;}
body.page-template-page-onas .hp-hero__visual{aspect-ratio:4/2.7;}
body.page-template-page-onas .hp-hero + .hp-section{padding-top:32px;}

/* Generic section head */
.hp-section{padding:88px 24px;}
.hp-section--soft{background:var(--hp-bg-soft);}
.hp-section__head{
  max-width:640px;
  margin:0 auto 48px;
  text-align:center;
}
.hp-section__head h2{font-size:32px;margin-bottom:14px;}
.hp-section__head p{font-size:17px;opacity:0.8;margin:0;}

/* Piliere */
.hp-pillars-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:24px;
  max-width:1140px;
  margin:0 auto;
}
.hp-grid-3{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  max-width:1140px;
  margin:0 auto;
}
.hp-pillar-card{
  background:var(--hp-white);
  border-radius:var(--hp-radius);
  padding:32px 24px;
}
.hp-pillar-card .hp-icon{
  width:44px;height:44px;
  border-radius:50%;
  background:var(--hp-terracotta);
  color:var(--hp-white);
  display:flex;align-items:center;justify-content:center;
  font-size:19px;
  margin-bottom:20px;
}
.hp-pillar-card h3{font-size:18px;margin-bottom:10px;}
.hp-pillar-card p{font-size:15px;opacity:0.8;margin:0;}

/* Kroky */
.hp-steps-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:32px;
  max-width:1140px;
  margin:0 auto 44px;
}
.hp-step .hp-num{
  font-family:'Fraunces',serif;
  font-size:38px;
  color:var(--hp-terracotta);
  margin-bottom:12px;
  display:block;
}
.hp-step h3{font-size:18px;margin-bottom:8px;}
.hp-step p{font-size:15px;opacity:0.8;margin:0;}
.hp-steps-cta{text-align:center;}

/* Treneri */
.hp-coaches-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:28px;
  max-width:1140px;
  margin:0 auto;
}
.hp-coach-card{text-align:center;}
.hp-coach-photo{
  background:var(--hp-taupe);
  border-radius:var(--hp-radius);
  aspect-ratio:1/1;
  margin-bottom:18px;
  display:flex;align-items:center;justify-content:center;
  color:var(--hp-bg-soft);
  font-size:13px;
  overflow:hidden;
}
.hp-coach-photo img{width:100%;height:100%;object-fit:cover;}
.hp-coach-card h3{font-size:16px;margin-bottom:4px;}
.hp-coach-card p{font-size:14px;opacity:0.75;margin:0;}

/* ---------- HLAVNÝ LEKTOR ----------
   Jakub nie je vedľa ostatných lektorov, je nad nimi: zodpovedá aj za
   skupiny, ktoré učí niekto iný. Karta preto stojí nad mriežkou, je
   širšia a má teplý terakotový nádych, aby vyčnievala nad broskyňovým
   (O nás) aj krémovým (domovská stránka) pozadím sekcie a nepôsobila
   ako studený biely rámik. */
.hp-coach-lead{
  position:relative;
  overflow:hidden;
  max-width:1140px;
  margin:0 auto 44px;
  display:grid;
  grid-template-columns:258px 1fr;
  gap:40px;
  align-items:center;
  padding:34px 40px;
  background:
    linear-gradient(135deg, rgba(143,98,69,0.10) 0%, rgba(143,98,69,0.02) 48%, rgba(150,127,112,0.07) 100%),
    var(--hp-bg-soft);
  border:1px solid rgba(143,98,69,0.20);
  border-radius:var(--hp-radius);
  box-shadow:0 16px 38px rgba(43,35,32,0.09);
  text-align:left;
}
/* Terakotový prúžok pri ľavom okraji — potvrdenie, že táto karta je iná. */
.hp-coach-lead::before{
  content:"";
  position:absolute;
  left:0; top:0; bottom:0;
  width:5px;
  background:var(--hp-terracotta);
}
/* Figúrka v rohu, rovnaký vizuálny jazyk ako .hp-icon v pilieroch. */
.hp-coach-lead::after{
  content:"\265F";
  position:absolute;
  right:8px;
  bottom:-58px;
  font-size:200px;
  line-height:1;
  color:var(--hp-terracotta);
  opacity:0.07;
  pointer-events:none;
}
.hp-coach-lead .hp-coach-photo{
  width:258px;
  margin-bottom:0;
  box-shadow:0 10px 26px rgba(43,35,32,0.14);
}
.hp-coach-lead__text{position:relative;z-index:1;}
.hp-coach-lead h3{
  font-family:'Fraunces',Georgia,serif;
  font-size:26px;
  margin:0 0 12px;
  padding-bottom:12px;
  border-bottom:1px solid rgba(143,98,69,0.22);
}
.hp-coach-lead__badge{
  display:inline-block;
  margin-bottom:14px;
  padding:5px 14px;
  border-radius:999px;
  background:var(--hp-terracotta);
  color:var(--hp-white);
  font-family:'Inter',sans-serif;
  font-size:11px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:0.06em;
}
.hp-coach-lead p{
  font-size:15px;
  line-height:1.75;
  opacity:0.88;
  margin:0;
  max-width:64ch;
  text-align:justify;
  text-justify:inter-word;
  -webkit-hyphens:auto;
  hyphens:auto;
}
/* Karty s celým profilom (O nás) — text vľavo. Na stred sa dlhé odseky
   lámu do nepokojného tvaru s roztrhanými okrajmi. */
.hp-coaches-grid--bios .hp-coach-card{text-align:left;}
.hp-coaches-grid--bios .hp-coach-card h3{
  font-size:18px;
  margin-bottom:8px;
  padding-bottom:8px;
  border-bottom:1px solid rgba(150,127,112,0.28);
}
.hp-coaches-grid--bios .hp-coach-card p{
  font-size:14px;
  line-height:1.7;
  opacity:0.8;
  text-align:justify;
  text-justify:inter-word;
  -webkit-hyphens:auto;
  hyphens:auto;
}
@media(max-width:720px){
  .hp-coach-lead{
    grid-template-columns:1fr;
    gap:22px;
    text-align:center;
    padding:26px 22px;
  }
  .hp-coach-lead .hp-coach-photo{width:200px;margin:0 auto;}
  .hp-coach-lead h3{font-size:22px;}
  .hp-coach-lead::after{font-size:150px;bottom:-44px;}
  .hp-coach-lead p,
  .hp-coaches-grid--bios .hp-coach-card p{text-align:left;}
}

/* Recenzie */
.hp-testimonial-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  max-width:1140px;
  margin:0 auto;
}
.hp-testimonial-card{
  background:var(--hp-white);
  border-radius:var(--hp-radius);
  padding:30px 26px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.hp-testimonial-card blockquote{
  margin:0 0 20px;
  font-family:'Fraunces',serif;
  font-style:italic;
  font-size:17px;
  line-height:1.55;
}
.hp-testimonial-role{
  font-family:'Inter',sans-serif;
  font-size:13px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:0.05em;
  /* Terakotová mala na svetlom pozadí kontrast 4,4 — tesne pod hranicou
     4,5, ktorú pre takto malý text vyžadujú pravidlá prístupnosti.
     Tmavší odtieň to spĺňa a vizuálne je takmer na nerozoznanie. */
  color:var(--hp-terracotta-dark);
}

/* Pre koho */
.hp-segments-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
  max-width:1140px;
  margin:0 auto;
}
.hp-segment-card{
  border:1.5px solid var(--hp-taupe);
  border-radius:var(--hp-radius);
  padding:26px 22px;
  transition:all .2s ease;
  display:block;
  text-decoration:none;
  color:var(--hp-text);
}
.hp-segment-card:hover{background:var(--hp-white);border-color:var(--hp-terracotta);text-decoration:none;color:var(--hp-text);}
.hp-segment-card h3{font-size:17px;margin-bottom:10px;}
.hp-segment-card p{font-size:14px;opacity:0.8;margin:0 0 16px;}
.hp-segment-card .hp-link{font-size:14px;font-weight:600;color:var(--hp-terracotta);}

/* Galeria */
.hp-gallery-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  max-width:1140px;
  margin:0 auto 32px;
}
.hp-gallery-item{
  border-radius:14px;
  aspect-ratio:1/1;
  overflow:hidden;
  display:block;
  background:var(--hp-taupe);
}
.hp-gallery-item img{width:100%;height:100%;object-fit:cover;display:block;}
.hp-gallery-cta{text-align:center;}

/* Fotoalbumy: karta albumu v zozname */
.hp-album-card .hp-post-card__image{position:relative;}
.hp-album-count{
  position:absolute;
  right:10px;
  bottom:10px;
  padding:5px 12px;
  border-radius:999px;
  background:rgba(43,35,32,0.72);
  color:var(--hp-white);
  font-family:'Inter',sans-serif;
  font-size:12px;
  font-weight:600;
  letter-spacing:0.02em;
}
.hp-album-card img{transition:transform 0.35s ease;}
.hp-album-card:hover img{transform:scale(1.04);}

/* Detail albumu: dlaždica fotky s vlastným tlačidlom na stiahnutie.
   .hp-gallery-item je tu <div>, nie <a>, aby sa odkazy nevnárali. */
.hp-gallery-item{position:relative;}
.hp-gallery-item__link{display:block;width:100%;height:100%;}
.hp-gallery-item__dl{
  position:absolute;
  right:8px;
  bottom:8px;
  width:34px;
  height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:rgba(43,35,32,0.65);
  color:var(--hp-white);
  opacity:0;
  transform:translateY(4px);
  transition:opacity 0.2s ease,transform 0.2s ease,background 0.2s ease;
}
.hp-gallery-item:hover .hp-gallery-item__dl,
.hp-gallery-item__dl:focus{
  opacity:1;
  transform:translateY(0);
}
.hp-gallery-item__dl:hover{background:var(--hp-terracotta);color:var(--hp-white);}
/* na dotykových zariadeniach nie je hover, tlačidlo necháme viditeľné */
@media(hover:none){
  .hp-gallery-item__dl{opacity:1;transform:none;}
}

/* Detail albumu: hlavička */
.hp-back-link{
  display:inline-block;
  margin-bottom:14px;
  font-family:'Inter',sans-serif;
  font-size:14px;
  font-weight:600;
  color:var(--hp-terracotta);
  text-decoration:none;
}
.hp-back-link:hover{color:var(--hp-terracotta-dark);text-decoration:underline;}
.hp-album-actions{margin-top:24px;}
.hp-album-actions .hp-microcopy{display:block;margin-top:10px;}

/* Poznámka o použití fotografií pod galériou */
.hp-album-note{
  max-width:820px;
  margin:8px auto 0;
  padding:22px 26px;
  background:var(--hp-bg-soft);
  border:1px solid rgba(150,127,112,0.25);
  border-radius:var(--hp-radius);
  font-family:'Inter',sans-serif;
  font-size:13px;
  line-height:1.7;
  color:var(--hp-taupe-dark);
}
.hp-album-note p{margin:0 0 10px;font-size:13px;}
.hp-album-note p:last-child{margin-bottom:0;}
.hp-album-note strong{color:var(--hp-text);}
.hp-album-note a{color:var(--hp-terracotta);font-weight:600;}

/* Akcie / Aktuality karty */
.hp-cards-row{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:24px;
  max-width:1140px;
  margin:0 auto 32px;
}
.hp-info-card{
  background:var(--hp-white);
  border-radius:var(--hp-radius);
  padding:26px;
  display:block;
  text-decoration:none;
  color:var(--hp-text);
}
.hp-info-card:hover{text-decoration:none;color:var(--hp-text);}
.hp-info-card .hp-date{
  font-family:'Inter',sans-serif;
  font-size:12px;
  font-weight:600;
  color:var(--hp-terracotta);
  text-transform:uppercase;
  letter-spacing:0.05em;
  margin-bottom:10px;
  display:block;
}
.hp-info-card h3{font-size:17px;margin-bottom:8px;}
.hp-info-card p{font-size:14px;opacity:0.8;margin:0;}
.hp-info-card--game p{margin-bottom:16px;}
.hp-info-card--game .hp-link{
  display:inline-block;
  padding:9px 20px;
  border-radius:999px;
  border:1.5px solid var(--hp-terracotta);
  color:var(--hp-terracotta);
  font-size:13px;
  font-weight:600;
  transition:background 0.2s ease,color 0.2s ease;
}
.hp-info-card--game:hover .hp-link{
  background:var(--hp-terracotta);
  color:var(--hp-white);
}
.hp-row-cta{text-align:center;}
.hp-empty{font-size:14px;opacity:0.7;text-align:center;}

/* Vypis clankov (Aktuality / Zasady) */
.hp-post-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:28px;
  max-width:1140px;
  margin:0 auto;
}
.hp-post-card{
  display:block;
  text-decoration:none;
  color:var(--hp-text);
  background:var(--hp-white);
  border-radius:var(--hp-radius);
  overflow:hidden;
}
.hp-post-card:hover{text-decoration:none;color:var(--hp-text);}
.hp-post-card__image{
  aspect-ratio:16/10;
  background:var(--hp-taupe);
  overflow:hidden;
}
.hp-post-card__image img{width:100%;height:100%;object-fit:cover;display:block;}
.hp-post-card__body{padding:22px;}
.hp-post-card h3{font-size:17px;margin-bottom:10px;line-height:1.3;}
.hp-post-card p{font-size:14px;opacity:0.8;margin:0 0 14px;}
.hp-post-card .hp-link{font-size:13px;font-weight:600;color:var(--hp-terracotta);}

/* Dokumenty */
.hp-doc-group{
  max-width:820px;
  margin:0 auto 40px;
}
.hp-doc-group:last-child{margin-bottom:0;}
.hp-doc-group h3{font-size:19px;margin-bottom:16px;}
.hp-doc-item{
  display:flex;
  align-items:center;
  gap:14px;
  background:var(--hp-white);
  border-radius:14px;
  padding:16px 20px;
  margin-bottom:10px;
  text-decoration:none;
  color:var(--hp-text);
  font-size:15px;
  font-weight:500;
}
.hp-doc-item:hover{text-decoration:none;color:var(--hp-text);background:var(--hp-bg-soft);}
.hp-doc-item img{width:28px;height:28px;flex-shrink:0;}
.hp-doc-item i{width:28px;flex-shrink:0;text-align:center;color:var(--hp-taupe-dark);}
/* Vložená SVG ikona namiesto Font Awesome (audit S4) */
.hp-doc-item .hp-doc-icon{width:26px;height:26px;flex-shrink:0;color:var(--hp-taupe-dark);}

/* Clanok detail */
.hp-article{max-width:760px;margin:0 auto;}
.hp-article__image{
  border-radius:var(--hp-radius);
  overflow:hidden;
  margin-bottom:32px;
  aspect-ratio:16/9;
  background:var(--hp-taupe);
}
.hp-article__image img{width:100%;height:100%;object-fit:cover;display:block;}
.hp-article h1{font-size:34px;margin-bottom:24px;}
.hp-article .hp-prose{max-width:none;}

/* Final CTA */
.hp-final-cta{
  background:var(--hp-terracotta);
  color:var(--hp-white);
  text-align:center;
  border-radius:var(--hp-radius);
  max-width:1140px;
  margin:0 auto;
  padding:64px 24px;
}
.hp-final-cta h2{color:var(--hp-white);font-size:30px;margin-bottom:14px;}
.hp-final-cta p{font-size:17px;opacity:0.92;margin:0 0 28px;}

/* Dlhší text (príbeh, osobný odkaz) */
.hp-prose{
  max-width:720px;
  margin:0 auto;
}
.hp-prose p{
  font-size:17px;
  line-height:1.75;
  margin:0 0 20px;
}
.hp-prose p:last-child{margin-bottom:0;}

/* Nadpisy, zoznamy a odkazy v dlhých textoch (zásady ochrany osobných
   údajov, zásady cookies, dokumenty…). Bez týchto pravidiel dedili
   nadpisy len globálne písmo bez rozostupov a stránka pôsobila
   neupravene — nadpisy sa lepili jeden na druhý. */
.hp-prose h2{
  font-size:26px;
  line-height:1.3;
  margin:44px 0 14px;
  padding-top:22px;
  border-top:1px solid rgba(150,127,112,0.25);
}
.hp-prose h2:first-child{
  margin-top:0;
  padding-top:0;
  border-top:none;
}
.hp-prose h3{
  font-size:19px;
  line-height:1.35;
  margin:28px 0 10px;
  color:var(--hp-taupe-dark);
}
.hp-prose h4{font-size:17px;margin:22px 0 8px;}
.hp-prose h2 + h3,
.hp-prose h3 + h3{margin-top:14px;}

.hp-prose ul,.hp-prose ol{
  margin:0 0 20px;
  padding-left:22px;
}
.hp-prose li{
  font-size:17px;
  line-height:1.75;
  margin-bottom:8px;
}
.hp-prose a{
  color:var(--hp-terracotta);
  text-decoration:underline;
  text-underline-offset:3px;
  /* Dlhé URL v právnych textoch nesmú pretiecť mimo stĺpec.
     Zámerne `break-word`, nie `anywhere`: `anywhere` totiž ovplyvňuje
     aj výpočet minimálnej šírky prvku, čím rozbíjalo rozbaľovacie menu
     kalendára (Zoznam / Mesiac / Deň sa lámalo po písmenách).
     `break-word` zalomí len vtedy, keď sa slovo naozaj nezmestí. */
  overflow-wrap:break-word;
}
/* Poistka: ak by sa do textového stĺpca dostalo rozhranie nejakého
   pluginu, naše typografické pravidlá preň neplatia. */
.hp-prose [class*="tribe-"] a,
.hp-prose [class*="tribe-"]{
  overflow-wrap:normal;
}
.hp-prose a:hover{color:var(--hp-terracotta-dark);}
.hp-prose strong{font-weight:600;}
.hp-prose table{
  width:100%;
  border-collapse:collapse;
  margin:0 0 24px;
  font-size:15px;
}
.hp-prose th,.hp-prose td{
  text-align:left;
  padding:10px 12px;
  border-bottom:1px solid rgba(150,127,112,0.25);
  vertical-align:top;
}
.hp-prose th{font-weight:600;color:var(--hp-taupe-dark);}

@media(max-width:560px){
  .hp-prose h2{font-size:22px;margin-top:34px;}
  .hp-prose h3{font-size:17px;}
}
.hp-quote{
  max-width:720px;
  margin:0 auto;
  border-left:3px solid var(--hp-terracotta);
  padding-left:28px;
}
.hp-quote p{
  font-size:18px;
  line-height:1.75;
  margin:0 0 20px;
}
.hp-quote .hp-signature{
  font-family:'Fraunces',serif;
  font-style:italic;
  font-size:17px;
  opacity:0.85;
  margin:0;
}

/* Menší hero pre podstránky (bez fotky, na šírku) */
.hp-page-hero{padding:56px 24px 72px;text-align:center;}
.hp-page-hero__inner{max-width:760px;margin:0 auto;}
.hp-page-hero h1{font-size:40px;margin-bottom:18px;}
.hp-page-hero p{font-size:18px;opacity:0.85;margin:0;}

/* Kontakt */
.hp-map-wrap{
  max-width:1140px;
  margin:0 auto 48px;
  border-radius:var(--hp-radius);
  overflow:hidden;
  line-height:0;
}
.hp-map-wrap iframe{width:100%;height:340px;border:0;display:block;}
.hp-contact-grid{
  display:grid;
  grid-template-columns:1fr 1.4fr;
  gap:32px;
  max-width:1140px;
  margin:0 auto;
  align-items:start;
}
.hp-contact-card{
  background:var(--hp-white);
  border-radius:var(--hp-radius);
  padding:32px;
}
.hp-contact-card h3{font-size:19px;margin-bottom:20px;}
.hp-contact-card .hp-contact-row{margin-bottom:16px;}
.hp-contact-card .hp-contact-row:last-child{margin-bottom:0;}
.hp-contact-card .hp-contact-label{
  font-family:'Inter',sans-serif;
  font-size:12px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:0.05em;
  color:var(--hp-taupe-dark);
  display:block;
  margin-bottom:4px;
}
.hp-contact-card .hp-contact-value{font-size:15px;}
.hp-form-card{
  background:var(--hp-white);
  border-radius:var(--hp-radius);
  padding:32px;
}
.hp-form-card h3{font-size:19px;margin-bottom:20px;}

/* Contact Form 7 automaticky obaľuje každý riadok do <p> a medzi popisok
   a pole vkladá <br>. Vznikali tým tri odsadenia nad sebou (zalomenie,
   odstavec, obal poľa) a formulár pôsobil rozhádzane. Tu to zrovnáme:
   medzeru drží už len odstavec. */
.hp-form-card .wpcf7-form br{display:none;}
.hp-form-card .wpcf7-form p{margin:0 0 14px;}
.hp-form-card .wpcf7-form p:empty{margin:0;}
.hp-form-card .wpcf7-form-control-wrap{display:block;margin-bottom:0;}

/* Popisky polí formulára (audit S3). Polia mali doteraz iba placeholder,
   ktorý po začatí písania zmizne — používateľ potom nevie, čo do poľa
   patrí, a čítačky obrazovky s ním pracujú nespoľahlivo. */
.hp-form-card label{
  display:block;
  margin-bottom:6px;
  font-family:'Inter',sans-serif;
  font-size:13px;
  font-weight:600;
  color:var(--hp-taupe-dark);
}
/* Pôvodná téma dáva .form-control margin-top:1.5em, čo medzi popisok
   a pole vkladalo veľkú medzeru a text pôsobil rozhádzane. */
.hp-form-card .form-control,
.hp-form-card input[type="text"],
.hp-form-card input[type="email"],
.hp-form-card input[type="tel"],
.hp-form-card textarea{
  margin-top:0;
}
/* Rovnaká výška všetkých troch stĺpcov v hornom riadku, aby polia
   začínali na jednej linke aj keď je popisok dvojriadkový. */
.hp-form-card .row > [class*="col-"]{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
.hp-form-card .hp-req{
  color:var(--hp-terracotta);
  font-weight:700;
}
.hp-form-card .hp-vol{
  font-weight:400;
  opacity:0.6;
}
.hp-form-card input::placeholder,
.hp-form-card textarea::placeholder{
  color:var(--hp-taupe);
  opacity:0.7;
}
.hp-form-card .hp-form-note{
  margin:18px 0 0;
  font-family:'Inter',sans-serif;
  font-size:12.5px;
  line-height:1.6;
  color:var(--hp-taupe-dark);
}
.hp-form-card .hp-form-note a{
  color:var(--hp-terracotta);
  text-decoration:underline;
  text-underline-offset:2px;
}
/* Bootstrap mriežka zo starej témy potrebuje na mobile odsadenie */
@media(max-width:768px){
  .hp-form-card .col-md-4{margin-bottom:4px;}
}
.hp-form-card input[type="text"],
.hp-form-card input[type="email"],
.hp-form-card input[type="tel"],
.hp-form-card textarea{
  width:100%;
  font-family:'Inter',sans-serif;
  font-size:15px;
  padding:14px 16px;
  border:1.5px solid rgba(150,127,112,0.35);
  border-radius:12px;
  background:var(--hp-bg-soft);
  color:var(--hp-text);
}
.hp-form-card textarea{
  min-height:140px;
  /* CF7 dáva textarea rows:10, čo pri našej výške riadku vychádzalo
     na vyše 300 px a formulár pôsobil prázdno. */
  height:150px;
  resize:vertical;
}
.hp-form-card input:focus,
.hp-form-card textarea:focus{
  outline:none;
  border-color:var(--hp-terracotta);
}
.hp-form-card input[type="submit"]{
  display:inline-block;
  padding:13px 28px;
  border-radius:999px;
  font-family:'Inter',sans-serif;
  font-weight:600;
  font-size:14px;
  background:var(--hp-terracotta);
  color:var(--hp-white);
  border:none;
  cursor:pointer;
}
.hp-form-card input[type="submit"]:hover{background:var(--hp-terracotta-dark);}
.hp-form-card .wpcf7-not-valid-tip{
  font-size:13px;
  color:var(--hp-terracotta-dark);
  margin-top:4px;
  display:block;
}
.hp-form-card .wpcf7-response-output{
  border-radius:12px;
  font-size:14px;
  margin-top:16px;
}

/* Rebricek hracov */
.hp-rating-list{
  max-width:640px;
  margin:0 auto;
  background:var(--hp-white);
  border-radius:var(--hp-radius);
  padding:12px 32px;
}
.hp-rating-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 0;
  border-bottom:1px solid rgba(43,35,32,0.08);
  font-family:'Inter',sans-serif;
}
.hp-rating-row:last-child{border-bottom:none;}
.hp-rating-row .hp-rank{
  width:28px;
  font-weight:600;
  opacity:0.6;
}
.hp-rating-row .hp-name{flex:1;font-weight:500;}
.hp-rating-row .hp-score{font-weight:700;color:var(--hp-terracotta);}
.hp-rating-updated{
  text-align:center;
  font-size:13px;
  opacity:0.6;
  margin-top:16px;
}

/* ---------- SITE FOOTER (globálne, prepisuje starý bare `footer{}`) ---------- */

footer.site-footer{
  background:var(--hp-text);
  color:var(--hp-bg-soft);
  padding:72px 24px 0;
  margin-top:96px;
  /* jemné svetlo zhora, aby prechod z broskyňového pozadia nebol tvrdý rez */
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.06);
}
.site-footer__grid{
  display:grid;
  grid-template-columns:1.5fr 1.1fr 1.2fr 0.9fr;
  gap:48px 40px;
  max-width:1140px;
  margin:0 auto 48px;
}
.site-footer__col{min-width:0;}

/* Nadpisy stĺpcov */
.site-footer__grid h2{
  font-family:'Inter',sans-serif;
  font-size:12px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:0.08em;
  /* Svetlejšia taupe — pôvodná mala na tmavom pozadí 4,08 : 1. */
  color:var(--hp-taupe-svetla);
  margin:0 0 18px;
  padding-bottom:12px;
  border-bottom:1px solid rgba(255,255,255,0.1);
}

/* Prvý stĺpec — značka */
.site-footer__col--brand .site-footer__logo{
  height:64px;
  width:auto;
  display:block;
  margin-bottom:18px;
  /* logo je tmavé, na tmavej pätičke ho preto prevrátime do svetla */
  filter:brightness(0) invert(1);
  opacity:0.92;
}
.site-footer__col--brand h2{
  font-family:'Fraunces',Georgia,serif;
  font-size:19px;
  font-weight:600;
  text-transform:none;
  letter-spacing:0;
  color:var(--hp-bg-soft);
  border-bottom:none;
  padding-bottom:0;
  margin-bottom:12px;
}
.site-footer__claim{
  font-family:'Inter',sans-serif;
  font-size:14px;
  line-height:1.65;
  opacity:0.75;
  margin:0 0 22px;
  max-width:320px;
}
.site-footer__cta{
  display:inline-block;
  padding:11px 22px;
  border-radius:999px;
  background:var(--hp-terracotta);
  color:var(--hp-white);
  font-family:'Inter',sans-serif;
  font-size:13px;
  font-weight:600;
  text-decoration:none;
  transition:background 0.2s ease,transform 0.2s ease;
}
.site-footer__cta:hover{
  background:var(--hp-terracotta-dark);
  color:var(--hp-white);
  text-decoration:none;
  transform:translateY(-1px);
}

/* Zoznamy v stĺpcoch */
.site-footer__list{
  list-style:none;
  margin:0;
  padding:0;
}
.site-footer__list li{margin:0 0 14px;}
.site-footer__list li:last-child{margin-bottom:0;}

.site-footer__item{
  display:flex;
  align-items:flex-start;
  gap:11px;
  font-family:'Inter',sans-serif;
  font-size:14px;
  line-height:1.6;
  opacity:0.85;
}
.site-footer__item svg{
  width:16px;
  height:16px;
  flex-shrink:0;
  margin-top:3px;
  color:var(--hp-taupe-svetla);
}
.site-footer__item a{
  color:var(--hp-bg-soft);
  text-decoration:none;
  transition:color 0.2s ease;
}
.site-footer__item a:hover{color:var(--hp-terracotta-svetla);text-decoration:none;}

/* Časy tréningov */
.site-footer__item--time{
  flex-direction:column;
  gap:3px;
  padding-left:14px;
  border-left:2px solid rgba(143,98,69,0.5);
}
.site-footer__day{font-weight:600;}
.site-footer__note{font-size:13px;opacity:0.65;line-height:1.55;}

/* Oznam, keď časy ešte nie sú vyplnené */
.site-footer__notice{
  padding:16px 18px;
  border-radius:14px;
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.09);
}
.site-footer__badge{
  display:inline-block;
  margin-bottom:9px;
  padding:4px 11px;
  border-radius:999px;
  background:var(--hp-terracotta);
  color:var(--hp-white);
  font-family:'Inter',sans-serif;
  font-size:11px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:0.05em;
}
.site-footer__notice p{
  margin:0;
  font-family:'Inter',sans-serif;
  font-size:13px;
  line-height:1.6;
  opacity:0.8;
}
.site-footer__more{
  display:inline-block;
  margin-top:16px;
  font-family:'Inter',sans-serif;
  font-size:13px;
  font-weight:600;
  /* Na tmavom pozadí musí byť terakota svetlejšia, nie tmavšia. */
  color:var(--hp-terracotta-svetla);
  text-decoration:none;
  transition:opacity 0.2s ease;
}
.site-footer__more:hover{opacity:0.75;color:var(--hp-terracotta-svetla);text-decoration:none;}

/* Odkazy */
.site-footer__list--links a{
  font-family:'Inter',sans-serif;
  font-size:14px;
  color:var(--hp-bg-soft);
  opacity:0.85;
  text-decoration:none;
  transition:color 0.2s ease,opacity 0.2s ease;
}
.site-footer__list--links a:hover{
  color:var(--hp-terracotta-svetla);
  opacity:1;
  text-decoration:none;
}

/* Spodný pruh */
.site-footer__bottom{
  max-width:1140px;
  margin:0 auto;
  padding:22px 0;
  border-top:1px solid rgba(255,255,255,0.12);
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-family:'Inter',sans-serif;
  font-size:12.5px;
  opacity:0.55;
  flex-wrap:wrap;
  gap:12px 28px;
}
.site-footer__bottom a{
  color:inherit;
  text-decoration:none;
  transition:opacity 0.2s ease;
}
.site-footer__bottom a:hover{text-decoration:underline;}
.site-footer__legal{display:flex;gap:20px;}

@media(max-width:900px){
  .site-footer__grid{grid-template-columns:1fr 1fr;gap:40px 32px;}
}
@media(max-width:560px){
  footer.site-footer{padding:52px 20px 0;margin-top:64px;}
  .site-footer__grid{grid-template-columns:1fr;gap:36px;margin-bottom:36px;}
  .site-footer__claim{max-width:none;}
  .site-footer__bottom{justify-content:flex-start;gap:10px 20px;}
}

/* Obal pre stránky kalendára. Bežné stránky používajú .hp-prose so
   šírkou 720 px, čo je správne pre text, ale kalendár sa do toho
   nezmestí — mriežka mesiaca aj zoznam udalostí potrebujú viac miesta.
   page.php preto na stránkach kalendára vypíše tento obal namiesto
   .hp-prose. */
.hp-calendar-wrap{
  max-width:1180px;
  margin:0 auto;
  width:100%;
}

/* ---------- KALENDAR (The Events Calendar plugin) ----------
   Toto je view generovaný pluginom, nie naším template súborom,
   preto to nevieme prerobiť rovnako ako zvyšok webu. Plugin ale
   podporuje oficiálne theming cez CSS premenné, ktoré tu nastavíme
   na naše farby a fonty. Je to najbezpečnejší spôsob, prežije aj
   aktualizácie pluginu. Ak niečo nesedí presne, pošli screenshot,
   doladíme. */
.tribe-common{
  --tec-color-accent-primary: #8F6245;
  --tec-color-accent-primary-active: #432D1F;
  --tec-color-accent-primary-background: #F5ECE6;
  --tec-color-background-primary: #FBF7F3;
  --tec-color-background-secondary: #F5ECE6;
  --tec-color-border-default: rgba(150,127,112,0.35);
  --tec-color-border-secondary: rgba(150,127,112,0.35);
  --tec-color-button-primary: #8F6245;
  --tec-color-button-primary-active: #432D1F;
  --tec-color-icon-primary: #967F70;
  --tec-color-link-primary: #8F6245;
  --tec-color-link-primary-active: #432D1F;
  --tec-color-text-primary: #2B2320;
  --tec-color-text-secondary: #6A584C;
  --tec-font-family-sans-serif: 'Inter', sans-serif;

  /* Plugin má okrem hlavných premenných ešte ďalšiu vrstvu, ktorá si
     drží pôvodnú modrú (#334aff) — tlačidlo Vyhľadať, ikony, prejazdy
     myšou, zvýraznenia v týždennom zobrazení, farba kategórie.
     Prepisujeme ich všetky na terakotovú, nech na webe nezostane
     jediný modrý prvok. */
  --tec-color-accent-primary-hover: #432D1F;
  --tec-color-accent-primary-background-datepicker: rgba(143,98,69,0.10);
  --tec-color-button-primary-hover: #432D1F;
  --tec-color-button-primary-background: rgba(143,98,69,0.10);
  --tec-color-link-accent: #8F6245;
  --tec-color-link-accent-hover: #432D1F;
  --tec-color-icon-focus: #8F6245;
  --tec-color-event-icon-hover: #432D1F;
  --tec-color-background-primary-multiday: rgba(143,98,69,0.28);
  --tec-color-background-primary-multiday-hover: rgba(143,98,69,0.40);
  --tec-color-accent-primary-week-event: rgba(143,98,69,0.12);
  --tec-color-accent-primary-week-event-hover: rgba(143,98,69,0.22);
  --tec-color-accent-primary-week-event-featured: rgba(143,98,69,0.06);
  --tec-color-accent-primary-week-event-featured-hover: rgba(143,98,69,0.16);
  --tec-form-color-accent-primary: #8F6245;
  --tec-color-background-events-bar-submit-button: #8F6245;
  --tec-color-background-events-bar-submit-button-hover: #432D1F;
  --tec-color-background-events-bar-submit-button-active: #432D1F;
  --tec-color-category-legend-default-1: #8F6245;
}

/* ---------- Mesačné zobrazenie ----------
   Predvolene je názov udalosti v bunke dňa veľmi drobný a splýva
   s číslom dátumu. Zväčšujeme ho a zvýrazňujeme dnešný deň. */
.tribe-events-calendar-month__calendar-event-title,
.tribe-events-calendar-month__calendar-event-title a{
  font-size:14px !important;
  line-height:1.35 !important;
  font-weight:600 !important;
  color:var(--hp-text) !important;
}
.tribe-events-calendar-month__calendar-event-title a:hover{
  color:var(--hp-terracotta) !important;
}
.tribe-events-calendar-month__calendar-event-datetime,
.tribe-events-calendar-month__calendar-event-datetime time{
  font-size:12.5px !important;
  color:var(--hp-taupe-dark) !important;
}
.tribe-events-calendar-month__calendar-event{
  padding-left:9px;
  border-left:3px solid var(--hp-terracotta);
  margin-bottom:8px;
}

/* Dnešný deň — jemné podfarbenie bunky a terakotový krúžok na čísle */
.tribe-events-calendar-month__day--current{
  background:rgba(143,98,69,0.07);
}
.tribe-events-calendar-month__day--current
  .tribe-events-calendar-month__day-date-daynum,
.tribe-events-calendar-month__day--current
  .tribe-events-calendar-month__day-date-daynum a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:34px;
  height:34px;
  padding:0 6px;
  border-radius:999px;
  background:var(--hp-terracotta);
  color:var(--hp-white) !important;
  font-weight:700;
}
/* Dni mimo aktuálneho mesiaca nech nekonkurujú obsahu */
.tribe-events-calendar-month__day--other-month{
  opacity:0.45;
}
/* Prázdny hero nad kalendárom je od augusta 2026 vyriešený priamo
   v page.php — na stránkach kalendára sa už vôbec nevypisuje.
   Pravidlá nižšie tu nechávame ako poistku pre prípad, že by nejaké
   iné zobrazenie pluginu prešlo inou šablónou. */
body.post-type-archive-tribe_events .hp-page-hero,
body.single-tribe_events .hp-page-hero,
body.tribe-events-page .hp-page-hero{
  display:none;
}
/* Odsadenie starej šablóny (Bootstrap utility mt-3 / mt-md-5 a prázdny
   .title blok) na stránkach kalendára rušíme — kalendár si nesie vlastné. */
body.post-type-archive-tribe_events main.mt-3,
body.post-type-archive-tribe_events main.mt-md-5,
body.single-tribe_events main.mt-3,
body.single-tribe_events main.mt-md-5{
  margin-top:0 !important;
}
body.post-type-archive-tribe_events .title:empty,
body.single-tribe_events .title:empty{
  display:none;
}
.tribe-events-view{
  max-width:1140px;
  margin:0 auto;
  padding:16px 24px 64px;
}
/* Detail jednej udalosti */
body.single-tribe_events #tribe-events-pg-template,
body.single-tribe_events .tribe-events-single{
  max-width:1140px;
  margin:0 auto;
  padding:16px 24px 64px;
}
.tribe-common h1,.tribe-common h2,.tribe-common h3{
  font-family:'Fraunces',serif;
}
.tribe-events-c-subscribe-dropdown__button,
.tribe-events-c-search__button-icon-svg{
  border-radius:999px !important;
}
/* Stará šablóna má globálne pravidlo pre <address>, ktoré si Tribo
   list view berie na zobrazenie miesta konania (tmavý hnedý blok
   cez text). Tu to v rámci kalendára vraciame do normálu. */
.tribe-events-view address{
  background:none;
  color:var(--hp-taupe-dark);
  padding:0;
  margin:4px 0 0;
  font:14px/1.5 'Inter',sans-serif;
  text-transform:none;
  letter-spacing:normal;
}

@media(max-width:900px){
  .site-nav__toggle-button{display:block;}
  .site-nav{width:100%;}
  .site-nav__list{
    display:none;
    position:static;
    background:var(--hp-bg);
    flex-direction:column;
    align-items:flex-start;
    gap:0;
    padding:10px 24px 20px;
    border-top:1px solid rgba(0,0,0,0.08);
    z-index:50;
  }
  .site-nav__toggle-button[aria-expanded="true"] + .site-nav .site-nav__list{
    display:flex;
  }
  .site-nav__list > li{
    width:100%;
    padding:12px 0;
    border-bottom:1px solid rgba(0,0,0,0.06);
  }
  header.site-header{position:relative;}

  .hp-hero__inner{grid-template-columns:1fr;}
  /* pätička má vlastné breakpointy vyššie, preto tu už nie je */
  .hp-pillars-grid,.hp-grid-3,.hp-coaches-grid,.hp-segments-grid,.hp-gallery-grid,.hp-cards-row,.hp-testimonial-grid,.hp-post-grid{grid-template-columns:repeat(2,1fr);}
  .hp-contact-grid{grid-template-columns:1fr;}
  .hp-steps-grid{grid-template-columns:1fr;}
}

@media(max-width:560px){
  .hp-pillars-grid,.hp-grid-3,.hp-coaches-grid,.hp-segments-grid,.hp-gallery-grid,.hp-cards-row,.hp-testimonial-grid,.hp-post-grid{grid-template-columns:1fr;}
  .hp-hero h1{font-size:32px;}

  /* menej prázdneho miesta na mobile, sekcie boli navrhnuté pre desktop rozostupy */
  .hp-hero{padding:40px 20px 56px;}
  .hp-section{padding:56px 20px;}
  .hp-page-hero{padding:40px 20px 48px;}
  .hp-page-hero h1{font-size:30px;}
  .hp-section__head{margin-bottom:32px;}
  .hp-section__head h2{font-size:26px;}
  .hp-final-cta{padding:44px 20px;}
  .hp-final-cta h2{font-size:24px;}
  .hp-contact-card,.hp-form-card{padding:22px;}
  .hp-pillar-card,.hp-testimonial-card,.hp-post-card__body{padding:22px;}
  .hp-map-wrap iframe{height:220px;}
  .site-header__logo img{height:64px;}
  .hp-btn{padding:12px 22px;font-size:14px;}

  /* Tribo kalendar na mobile - menej odsadenia, nech sa zmestí viac */
  .tribe-events-view{padding:24px 16px 40px;}
}

/* ---------- CHESSGAME SHIZZLE (jednotlivá partia, /chessgame/{id}/) ----------
   Plugin generuje vlastné HTML (šachovnica + zoznam ťahov), ktoré si vieme
   len prestylovať cez CSS, nie prerobiť. Selektory nižšie sú z DOM-u priamo
   z pluginu (#GameText, .move, .boardTable, .whiteSquare/.blackSquare) a
   scope-ujeme ich len na stránky partií (body.single-cs_chessgame), aby to
   neovplyvnilo nič iné na webe.

   Layout: plugin vykresľuje šachovnicu, tlačidlá a zoznam ťahov ako
   priamych súrodencov v jednom <center> elemente (bez vlastného
   obalu), takže dvojstĺpcový layout (šachovnica vľavo, ťahy vpravo)
   riešime cez CSS grid priamo na tomto <center> a jednotlivým prvkom
   priradíme pozíciu v mriežke podľa ich id. */
/* Článková šablóna je úzka (cca 650px), šachovnica so zoznamom ťahov
   sa do nej nezmestí a pretekala von — preto na stránkach partií
   kontajner rozšírime. Nadpis, mená hráčov aj šachovnica tak zdieľajú
   jeden a ten istý vycentrovaný stĺpec a všetko lícuje. */
body.single-cs_chessgame .hp-article{
  max-width:1040px !important;
}
body.single-cs_chessgame .hp-article .hp-prose{
  max-width:none !important;
  width:100%;
}
/* Samotný obal od pluginu má vlastnú (úzku) šírku, ktorá držala celý
   blok stlačený — púšťame ho na plnú šírku článku. */
body.single-cs_chessgame .cs_chessgame_pgn,
body.single-cs_chessgame .chessboard-wrapper{
  margin:0;
  width:100% !important;
  max-width:none !important;
}
/* Hlavička partie: mená hráčov, výsledok, prepínač metadát */
body.single-cs_chessgame .cs-chessgame-players{
  font-family:'Inter',sans-serif;
  font-size:16px;
  line-height:2;
  color:var(--hp-text);
  margin:0 0 10px;
}
body.single-cs_chessgame .cs-player-name{
  font-weight:600;
}
body.single-cs_chessgame .cs-chessgame-players .cs-icon-color{
  display:inline-block;
  width:14px;
  height:14px;
  border-radius:3px;
  vertical-align:baseline;
  margin-right:4px;
}
body.single-cs_chessgame .cs-chessgame-players .cs-white{
  background:var(--hp-white);
  border:1.5px solid var(--hp-taupe);
}
body.single-cs_chessgame .cs-chessgame-players .cs-black{
  background:var(--hp-text);
  border:1.5px solid var(--hp-text);
}
body.single-cs_chessgame .cs-chessgame-result{
  display:inline-block;
  margin-top:6px;
  padding:5px 14px;
  border-radius:999px;
  background:var(--hp-terracotta);
  color:var(--hp-white);
  font-size:13px;
  font-weight:600;
  letter-spacing:0.02em;
}
body.single-cs_chessgame .cs_chessgame_meta{
  font-family:'Inter',sans-serif;
  font-size:14px;
  margin:0 0 24px;
}
body.single-cs_chessgame .cs_chessgame_meta_header{
  display:inline-block;
  margin-top:12px;
  color:var(--hp-terracotta);
  font-weight:600;
  cursor:pointer;
}
body.single-cs_chessgame .cs_chessgame_meta_header:hover{
  color:var(--hp-terracotta-dark);
  text-decoration:underline;
}
body.single-cs_chessgame .cs_chessgame_meta_inside{
  margin-top:10px;
  padding:18px 22px;
  background:var(--hp-bg-soft);
  border:1px solid rgba(150,127,112,0.2);
  border-radius:var(--hp-radius);
  line-height:1.9;
  color:var(--hp-taupe-dark);
}
body.single-cs_chessgame .cs-chessgame-button-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
}
body.single-cs_chessgame .cs-chessgame-button-row input.button{
  padding:8px 16px;
  border-radius:999px;
  border:1.5px solid var(--hp-terracotta);
  background:transparent;
  color:var(--hp-terracotta);
  font-family:'Inter',sans-serif;
  font-size:13px;
  font-weight:600;
  cursor:pointer;
  transition:background 0.2s ease,color 0.2s ease;
}
body.single-cs_chessgame .cs-chessgame-button-row input.button:hover{
  background:var(--hp-terracotta);
  color:var(--hp-white);
}

body.single-cs_chessgame center{
  display:grid;
  /* 1. stĺpec = šírka šachovnice (500px od pluginu + 2×4px rámik),
     2. dopĺňa zvyšok. Nepoužívame min-content, lebo obrázky figúrok
     majú natívnu veľkosť 250px a stĺpec by sa roztiahol donekonečna. */
  grid-template-columns:508px minmax(0,1fr);
  grid-template-rows:auto auto auto;
  column-gap:40px;
  row-gap:16px;
  align-items:start;
  width:100% !important;
  max-width:none !important;
  margin:0;
}
body.single-cs_chessgame center > p{
  display:none;
}
body.single-cs_chessgame center > div#GameBoard{
  grid-column:1;
  grid-row:1;
  min-width:0;
}
body.single-cs_chessgame center > div#GameButtons{
  grid-column:1;
  grid-row:2;
  justify-self:center;
}
body.single-cs_chessgame center > div#GamePuzzleTask{
  grid-column:1;
  grid-row:3;
}
body.single-cs_chessgame center > div#GameText{
  grid-column:2;
  grid-row:1 / span 3;
  min-width:0;
}

/* Zoznam ťahov.
   Bublina má byť vysoká zhruba ako šachovnica (500px + rámik) a ťahy
   sa v nej rolujú, aby dlhá partia nenaťahovala celú stránku. */
body.single-cs_chessgame #GameText{
  width:100%;
  margin:0;
  align-self:start;
  height:508px !important;
  max-height:508px !important;
  overflow-y:auto !important;
  overflow-x:hidden;
  scrollbar-width:thin;
  scrollbar-color:var(--hp-taupe) transparent;
  padding:24px 28px;
  background:var(--hp-bg-soft);
  border:1px solid rgba(150,127,112,0.2);
  border-radius:var(--hp-radius);
  box-shadow:0 8px 24px rgba(43,35,32,0.06);
  font-family:'Inter',sans-serif;
  font-size:18px;
  line-height:2.2;
}
body.single-cs_chessgame span.move.notranslate{
  color:var(--hp-taupe);
  font-weight:600;
  margin-right:2px;
}
body.single-cs_chessgame a.move.notranslate{
  display:inline-block;
  padding:2px 7px;
  margin:0 2px;
  border-radius:6px;
  color:var(--hp-text);
  text-decoration:none;
  transition:background 0.15s ease,color 0.15s ease;
}
body.single-cs_chessgame a.move.notranslate:hover{
  background:var(--hp-bg);
  color:var(--hp-terracotta-dark);
}
body.single-cs_chessgame a.move.notranslate.moveOn{
  background:var(--hp-terracotta);
  color:var(--hp-white);
  font-weight:600;
}
/* jemný scrollbar v bubline (WebKit prehliadače) */
body.single-cs_chessgame #GameText::-webkit-scrollbar{width:8px;}
body.single-cs_chessgame #GameText::-webkit-scrollbar-track{background:transparent;}
body.single-cs_chessgame #GameText::-webkit-scrollbar-thumb{
  background:rgba(150,127,112,0.45);
  border-radius:999px;
}
body.single-cs_chessgame #GameText::-webkit-scrollbar-thumb:hover{
  background:var(--hp-taupe);
}

/* Pod obsahom stránky presvitalo biele pozadie <body> (medzi obsahom
   a pätičkou vznikol biely pruh). Týkalo sa to všetkých stránok, preto
   zladíme pozadie celého webu s krémovou farbou. */
body{
  background:var(--hp-bg);
}

/* Šachovnica */
body.single-cs_chessgame table.boardTable#boardTable{
  margin:0 !important;
  border:4px solid var(--hp-taupe-dark) !important;
  box-shadow:0 8px 24px rgba(43,35,32,0.12);
  max-width:100%;
  height:auto !important;
}
body.single-cs_chessgame td.whiteSquare{
  background-color:var(--hp-bg-soft);
}
body.single-cs_chessgame td.blackSquare{
  background-color:var(--hp-taupe);
}
body.single-cs_chessgame img.pieceImage{
  max-width:100%;
  height:auto;
}

@media(max-width:1000px){
  /* pod touto šírkou sa už šachovnica a zoznam ťahov vedľa seba
     nezmestia pohodlne, tak sa vrátia pod seba */
  body.single-cs_chessgame center{
    grid-template-columns:1fr;
    justify-items:center;
    max-width:520px;
    margin:0 auto;
  }
  body.single-cs_chessgame center > div#GameBoard{grid-row:1;}
  body.single-cs_chessgame center > div#GameButtons{grid-row:2;}
  body.single-cs_chessgame center > div#GamePuzzleTask{grid-row:3;}
  body.single-cs_chessgame center > div#GameText{
    grid-column:1;
    grid-row:4;
    margin-top:8px;
  }
}

@media(max-width:560px){
  body.single-cs_chessgame #GameText{
    padding:18px 20px;
    font-size:14px;
  }
  body.single-cs_chessgame table.boardTable#boardTable{
    width:100% !important;
  }
}

/* More legible navigation while retaining the club's restrained palette. */
.site-nav__list > li > a:not(.hp-btn){font-weight:600;opacity:1;}
.site-nav__list > li > a:not(.hp-btn):hover,
.site-nav__list > li > a:not(.hp-btn):focus-visible{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px;}
/* Keep navigation visible on medium desktop widths without wrapping its labels. */
@media (min-width:961px) and (max-width:1240px){
  .site-header__inner{display:block;padding-top:14px;padding-bottom:20px;}
  .site-header__logo{display:inline-block;margin-bottom:12px;}
  .site-header__logo img{height:80px;}
  .site-nav__list{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:8px;}
  .site-nav__list > li{flex:0 0 auto;}
  .site-nav__list > li > a,.site-nav__phone-item a{font-size:clamp(13px,1.34vw,14px);white-space:nowrap;}
  .site-nav__list > .site-nav__cta-item > a.hp-btn{font-size:13px;padding:10px 14px;}
}
/* The existing mobile menu starts at 900px; extend it through the width
   where the expanded medium header no longer has room. */
@media (min-width:901px) and (max-width:960px){
  .site-nav__toggle-button{display:block;}
  .site-nav{width:100%;}
  .site-nav__list{display:none;position:static;background:var(--hp-bg);flex-direction:column;align-items:flex-start;gap:0;padding:10px 24px 20px;border-top:1px solid rgba(0,0,0,.08);z-index:50;}
  .site-nav__toggle-button[aria-expanded="true"] + .site-nav .site-nav__list{display:flex;}
  .site-nav__list > li{width:100%;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.06);}
}

/* Detail šachovej partie: plugin dáva ovládaciemu bloku #GameButtons
   pevnú šírku 500 px, takže na mobile stránka pretekala do strany.
   Necháme ho prispôsobiť šírke obrazovky. */
body.single-cs_chessgame #GameButtons{
  width:auto !important;
  max-width:100%;
}
body.single-cs_chessgame #GameButtons table{
  width:100% !important;
  max-width:100%;
  table-layout:fixed;
}
/* ---------- KLUBOVÁ HNEDÁ (návrh B, 10/2026) ----------
   Farby z pôvodnej stránky klubu: tmavohnedá #432D1F, svetlohnedá
   #AD7C5C (na tlačidlá stmavená na #8F6245 kvôli kontrastu bieleho
   písma 5,25 : 1), krémová #F5ECE6. */
footer.site-footer{background:#2E1F15;}
.hp-coach-lead{
  background:linear-gradient(120deg,#432D1F 0%,#5A3D2B 100%);
  color:#F5ECE6;border:0;box-shadow:0 18px 40px rgba(46,31,21,0.22);
}
.hp-coach-lead::before{display:none;}
.hp-coach-lead::after{content:"\265A";color:#fff;opacity:0.06;}
.hp-coach-lead h3{color:#fff;border-bottom-color:rgba(201,160,127,0.35);}
.hp-coach-lead p{opacity:0.92;}
.hp-coach-lead__badge{background:#C9A07F;color:#2E1F15;}
.hp-coach-lead .hp-coach-photo{box-shadow:0 14px 30px rgba(0,0,0,0.30);}
.hp-final-cta{background:#432D1F;}
/* Malý nadpis nad nadpisom: bez VEĽKÝCH PÍSMEN, s krátkou linkou
   (rovnaký vzhľad ako .hp-kicker na úvodnej stránke). */
.hp-eyebrow,.hp-kicker{
  display:inline-flex;align-items:center;gap:8px;
  text-transform:none;letter-spacing:0;
  font-family:'Inter',sans-serif;font-size:14px;font-weight:600;
  color:#8F6245;margin-bottom:12px;
}
.hp-eyebrow:before,.hp-kicker:before{content:"";width:22px;height:2px;background:currentColor;}

/* Obrázky s popisom v starších článkoch majú pevnú šírku z editora
   (napr. width:800px) a na mobile pretekali. */
.wp-caption{max-width:100% !important;}
.wp-caption img,.entry-content img,.hp-prose img{max-width:100%;height:auto;}
/* ---------- JEDNOTNÝ ÚVODNÝ PÁS NA VŠETKÝCH STRÁNKACH (10/2026) ----------
   Úvodná stránka má tmavohnedý pás so šachovnicou; podstránky mali
   svetlý vycentrovaný nadpis a kalendár, články a partie nemali úvod
   vôbec. Teraz majú všetky stránky rovnaký tmavý pás, nadpis vľavo. */
.hp-page-hero,
.hp-home .hp-hero{
  position:relative;
  overflow:hidden;
  background:#432D1F;
  color:#fff;
  text-align:left !important;
}
.hp-page-hero{padding:52px 24px 60px;}
.hp-page-hero:before,
.hp-home .hp-hero:before{
  content:"";position:absolute;inset:0;opacity:.05;pointer-events:none;
  background:conic-gradient(#fff 25%,transparent 0 50%,#fff 0 75%,transparent 0) 0 0/64px 64px;
}
.hp-page-hero__inner{position:relative;max-width:1140px;margin:0 auto;}
.hp-page-hero__inner > *{max-width:760px;}
.hp-home .hp-hero__inner{position:relative;}
.hp-page-hero h1,
.hp-page-hero__title,
.hp-home .hp-hero h1{color:#fff;}
.hp-page-hero__title{
  font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:40px;
  line-height:1.15;letter-spacing:-0.01em;margin:0 0 18px;
}
.hp-page-hero p,
.hp-home .hp-hero__lead{color:#EADBD0;opacity:1;}
.hp-page-hero .hp-eyebrow,.hp-page-hero .hp-kicker,
.hp-home .hp-hero .hp-eyebrow,.hp-home .hp-hero .hp-kicker{color:#C9A07F;}
.hp-page-hero .hp-back-link{color:#C9A07F;display:inline-block;margin-bottom:14px;font-size:14px;font-weight:600;text-decoration:none;}
.hp-page-hero .hp-back-link:hover{color:#fff;}
.hp-page-hero__meta{font-size:15px !important;color:#C9A07F !important;}
.hp-page-hero .hp-prose,.hp-page-hero .hp-prose p{color:#EADBD0;}
.hp-page-hero a:not(.hp-btn):not(.hp-back-link){color:#fff;}
/* Za tmavým pásom potrebuje obsah trochu vzduchu. */
.hp-page-hero + .hp-section[style*="padding-top:0"]{padding-top:40px !important;}
/* Kalendár: pás zobrazujeme (staršie pravidlo ho skrývalo), nadpis
   udalosti od pluginu necháme pre vyhľadávače, vizuálne je v páse. */
body.post-type-archive-tribe_events .hp-page-hero--kalendar,
body.single-tribe_events .hp-page-hero--kalendar,
body.tribe-events-page .hp-page-hero--kalendar{display:block;}
body.single-tribe_events .tribe-events-single-event-title{
  position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;
}
.tribe-common,.tribe-events-single{font-family:'Inter',sans-serif;}
/* Texty vložené z Wordu alebo Facebooku nesú vlastné písmo (Open Sans),
   v článku musia mať písmo webu. */
.hp-prose [style*="font-family"]{font-family:inherit !important;}
@media(max-width:720px){
  .hp-page-hero{padding:36px 20px 44px;}
  .hp-page-hero h1,.hp-page-hero__title{font-size:30px;}
}
.hp-page-hero p.hp-page-hero__title{font-size:40px;color:#fff;}
@media(max-width:720px){.hp-page-hero p.hp-page-hero__title{font-size:30px;}}
/* ---------- JEDNOTNÉ PRVKY NA VŠETKÝCH STRÁNKACH (10/2026) ----------
   Kontrola 17 stránok ukázala, že úvodná stránka mala nadpisy sekcií
   vľavo a podstránky v strede, karty mali zaoblenie 14, 16 aj 20 px,
   niektoré s tieňom a iné bez, a nadpisy H2 mali štyri rôzne veľkosti.
   Odteraz platí jedno pravidlo pre celý web:
   - nadpis sekcie vľavo, H2 32 px (na mobile 26 px),
   - karta: biela, zaoblenie 16 px, jemný hnedý tieň,
   - veľký panel (výzva na konci, hlavný lektor, fotka v úvode): 20 px,
   - tlačidlá: zaoblené do pilulky, rovnaká výška. */
.hp-section__head{
  max-width:1140px;
  margin:0 auto 36px;
  text-align:left;
}
.hp-section__head p{max-width:720px;margin-left:0;margin-right:0;}
.hp-home .hp-section h2,
.hp-home--practical .hp-practical-visit h2{font-size:32px;line-height:1.2;}
.hp-gallery-cta,.hp-row-cta,.hp-practical-news{text-align:left !important;max-width:1140px;margin-left:auto;margin-right:auto;}

.hp-den,.hp-facts > div,.hp-info-card,.hp-pillar-card,.hp-segment-card,
.hp-rating-list,.hp-contact-card,.hp-form-card,.hp-post-card,
.hp-practical-card,.hp-step,.hp-coach-card:not(.hp-coach-lead){
  border-radius:16px !important;
}
.hp-den,.hp-facts > div,.hp-info-card,.hp-pillar-card,.hp-segment-card,
.hp-rating-list,.hp-contact-card,.hp-form-card,.hp-post-card,.hp-practical-card{
  background:#fff;
  border:0 !important;
  box-shadow:0 8px 24px rgba(67,45,31,0.08) !important;
}
.hp-info-card,.hp-post-card{transition:box-shadow .2s ease,transform .2s ease;}
.hp-info-card:hover,.hp-post-card:hover{box-shadow:0 14px 32px rgba(67,45,31,0.14) !important;transform:translateY(-2px);}
.hp-coach-photo,.hp-gallery-item,.hp-post-card__image{border-radius:16px !important;}
.hp-post-card__image{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important;}
.hp-final-cta,.hp-coach-lead,.hp-hero__visual,.hp-hero__visual img,.hp-article__image{border-radius:20px !important;}
.hp-final-cta{text-align:left;}
.hp-final-cta p{margin-left:0;margin-right:0;}
.hp-info-card h3,.hp-pillar-card h3,.hp-segment-card h3,.hp-post-card h3,
.hp-step h3,.hp-practical-card h3,.hp-contact-card h3,.hp-form-card h3{font-size:19px;line-height:1.3;}

/* Tlačidlá pluginov (kalendár, formulár, súhlas s cookies) ako naše. */
.tribe-common .tribe-common-c-btn,
.tribe-events .tribe-events-c-search__button,
.site-footer__cta,
.cmplz-blocked-content-notice{
  border-radius:999px !important;
  font-weight:600;
}
@media(max-width:720px){
  .hp-home .hp-section h2,
  .hp-home--practical .hp-practical-visit h2{font-size:26px;}
}
/* ---------- ZAROVNANIE TEXTU S NADPISMI (10/2026) ----------
   Nadpisy sekcií a úvodný pás sú vľavo v šírke 1140 px, ale bloky
   textu (Náš príbeh, Zopár slov od predsedu, texty stránok a článkov)
   boli úzky stĺpec v strede, takže začínali inde ako ich nadpis.
   Blok teraz začína na tej istej línii ako nadpis; samotný text
   ostáva úzky (760 px), aby sa dobre čítal. */
.hp-section > .hp-prose,
.hp-section > .hp-quote,
.hp-section > .hp-article{
  max-width:1140px;
  margin-left:auto;
  margin-right:auto;
}
.hp-section > .hp-prose > *,
.hp-section > .hp-quote > *,
.hp-section > .hp-article > *{max-width:760px;}
.hp-section > .hp-prose--story,
.hp-section > .hp-quote{padding-left:28px;}
.hp-rating-list,.hp-doc-group,.hp-album-note,
body.single-cs_chessgame .hp-section > .hp-article{
  margin-left:max(0px,calc((100% - 1140px) / 2)) !important;
  margin-right:auto !important;
}
body.single-cs_chessgame .hp-section > .hp-article{max-width:1140px !important;}
@media(min-width:721px){.hp-home .hp-facts{padding-left:0;padding-right:0;max-width:1140px;}}
@media(min-width:721px) and (max-width:1188px){.hp-home .hp-facts{padding-left:24px;padding-right:24px;}}
/* ---------- TRÉNINGY: SKUPINY AKO PREHĽADNÉ KARTY (10/2026) ----------
   Úroveň je vidieť na prvý pohľad: figúrka (pešiak, jazdec, dáma),
   bodky 1 až 3 a čoraz tmavšia hlavička karty. Termíny, online
   a lektori majú vlastné riadky s ikonou, nie odsek textu. */
.hp-levels{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.hp-level{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(67,45,31,.08);display:flex;flex-direction:column;}
.hp-level__top{display:flex;align-items:center;gap:14px;padding:20px 22px;position:relative;}
.hp-level--1 .hp-level__top{background:#F3E2D7;color:#432D1F;}
.hp-level--2 .hp-level__top{background:#C9A07F;color:#2E1F15;}
.hp-level--3 .hp-level__top{background:#432D1F;color:#fff;}
.hp-level__piece{width:52px;height:52px;flex-shrink:0;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.55);}
.hp-level--3 .hp-level__piece{background:rgba(255,255,255,.12);}
.hp-level__piece svg{width:34px;height:34px;fill:currentColor;}
.hp-level__step{display:block;font-size:12px;font-weight:600;letter-spacing:.02em;opacity:.8;}
.hp-home .hp-level h3{font-size:22px;line-height:1.15;color:inherit;margin:2px 0 0;}
.hp-level__dots{margin-left:auto;display:flex;gap:5px;}
.hp-level__dots i{width:9px;height:9px;border-radius:50%;border:1.5px solid currentColor;opacity:.55;}
.hp-level__dots i.on{background:currentColor;opacity:1;}
.hp-level__body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:16px;flex:1;}
.hp-level__pre{font-size:15px;line-height:1.6;margin:0;color:#4A3D35;}
.hp-level__times{list-style:none;margin:0;padding:0;display:grid;gap:8px;}
.hp-level__times li{display:grid;grid-template-columns:34px 1fr;column-gap:10px;align-items:center;background:#FBF7F3;border-radius:12px;padding:9px 12px;}
.hp-level__times li b{font-size:15px;color:#2B2320;}
.hp-level__times li small{grid-column:2;font-size:13px;color:#6A584C;}
.hp-level__times li.is-off{background:transparent;border:1px dashed rgba(150,127,112,.45);}
.hp-level__times li.is-off b{color:#6A584C;font-weight:500;}
.hp-level__ico{grid-row:span 2;width:34px;height:34px;border-radius:10px;background:#fff;display:grid;place-items:center;color:#8F6245;}
.hp-level__ico svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.hp-level__coaches{margin-top:auto;display:flex;flex-wrap:wrap;gap:12px;padding-top:14px;border-top:1px solid #EFE4DC;}
.hp-level__coach{display:flex;align-items:center;gap:10px;}
.hp-level__coach img{width:40px;height:40px;border-radius:50%;object-fit:cover;}
.hp-level__coach b{display:block;font-size:14px;line-height:1.25;}
.hp-level__coach small{display:block;font-size:12px;color:#6A584C;}
/* Pre koho: ikona nad nadpisom karty */
.hp-segment-ico{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#F3E2D7;color:#8F6245;margin-bottom:14px;}
.hp-segment-ico svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
@media(max-width:960px){.hp-levels{grid-template-columns:1fr;max-width:620px;margin-left:0;}}
/* ---------- PREHĽADNÉ INFORMÁCIE NA CELOM WEBE (10/2026) ----------
   Namiesto rovnakých kariet s ikonami každá informácia dostala tvar,
   ktorý jej zodpovedá: postup ako očíslovaná časová os, podujatie
   ako dátum v kalendárovom lístku, rebríček ako tabuľka, ligy ako
   zoznam odkazov, partia s náhľadom šachovnice. */

/* Časová os (Prvá návšteva, Ako sa prihlásiť) */
.hp-timeline,.hp-steps-grid{
  list-style:none;margin:28px 0 0;padding:0;counter-reset:krok;
  display:grid;grid-template-columns:repeat(3,1fr);gap:0;max-width:1140px;
}
.hp-steps-grid{margin:0 auto;}
.hp-timeline li,.hp-step{
  position:relative;padding:44px 24px 0 0;counter-increment:krok;
  background:none !important;box-shadow:none !important;border-radius:0 !important;
}
.hp-timeline li:before,.hp-step:before{
  content:counter(krok);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;
  background:#432D1F;color:#fff;display:grid;place-items:center;
  font:600 15px/1 'Fraunces',Georgia,serif;z-index:1;
}
.hp-timeline li:after,.hp-step:after{
  content:"";position:absolute;left:40px;right:8px;top:16px;height:2px;background:#E3D3C6;
}
.hp-timeline li:last-child:after,.hp-step:last-child:after{display:none;}
.hp-step .hp-num{display:none;}
.hp-timeline b{display:block;font-family:'Fraunces',Georgia,serif;font-size:19px;font-weight:600;margin-bottom:6px;}
.hp-timeline span{display:block;font-size:15px;line-height:1.55;color:#4A3D35;}
.hp-step h3{font-size:19px;margin-bottom:6px;}
.hp-step p{opacity:1;color:#4A3D35;}

/* Podujatia: kalendárový lístok s dátumom */
.hp-event-card{display:flex !important;gap:18px;align-items:flex-start;}
.hp-date-tile{
  flex-shrink:0;width:64px;border-radius:12px;overflow:hidden;text-align:center;
  background:#FBF7F3;border:1px solid #EFE4DC;
}
.hp-date-tile b{display:block;font:600 28px/1 'Fraunces',Georgia,serif;color:#432D1F;padding:10px 0 6px;}
.hp-date-tile small{display:block;background:#432D1F;color:#fff;font-size:12px;font-weight:600;padding:4px 0;text-transform:lowercase;}
.hp-event-body{display:block;min-width:0;}
.hp-event-card .hp-date{margin-bottom:6px;}
.hp-event-card h3{margin-bottom:6px;}
.hp-event-place{display:block;font-size:14px;color:#6A584C;}

/* Ligy ako zoznam odkazov */
.hp-league-list{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:0 32px;}
.hp-league{
  display:flex;justify-content:space-between;align-items:center;gap:16px;
  padding:18px 4px;border-bottom:1px solid #E3D3C6;text-decoration:none;color:#2B2320;
}
.hp-league:hover{text-decoration:none;color:#432D1F;}
.hp-league__name{font-family:'Fraunces',Georgia,serif;font-size:20px;font-weight:600;}
.hp-league__link{font-size:14px;font-weight:600;color:#8F6245;white-space:nowrap;}
.hp-league:hover .hp-league__link{color:#432D1F;}

/* Rebríček ako tabuľka, prví traja zvýraznení */
.hp-rating-list{counter-reset:none;padding:8px 0 !important;}
.hp-rating-row{padding:12px 24px !important;gap:16px;align-items:center;}
.hp-rating-row .hp-rank{
  width:30px;height:30px;border-radius:50%;display:inline-grid;place-items:center;flex-shrink:0;
  font-size:13px;font-weight:700;background:#F5ECE6;color:#6A584C;
}
.hp-rating-row:nth-child(1) .hp-rank{background:#C9A07F;color:#2E1F15;}
.hp-rating-row:nth-child(2) .hp-rank{background:#D9D4CF;color:#2B2320;}
.hp-rating-row:nth-child(3) .hp-rank{background:#E2C2A6;color:#2E1F15;}
.hp-rating-row .hp-score{font-variant-numeric:tabular-nums;color:#432D1F;}

/* Partie: náhľad šachovnice */
.hp-info-card--game{position:relative;padding-left:112px !important;min-height:120px;}
.hp-info-card--game:before{
  content:"";position:absolute;left:24px;top:24px;width:68px;height:68px;border-radius:8px;
  background:conic-gradient(#432D1F 25%,#F3E2D7 0 50%,#432D1F 0 75%,#F3E2D7 0) 0 0/17px 17px;
  box-shadow:0 0 0 3px #fff,0 0 0 4px #E3D3C6;
}

/* Pre koho: redakčný zoznam bez ikon */
.hp-audience{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;}
.hp-audience .hp-segment-card{
  background:none !important;box-shadow:none !important;border:0 !important;border-radius:0 !important;
  border-top:2px solid #432D1F !important;padding:18px 0 0;
}
.hp-audience .hp-segment-card h3{font-size:20px;margin-bottom:8px;}
.hp-audience .hp-segment-card p{font-size:15px;line-height:1.6;opacity:1;color:#4A3D35;margin:0;}

/* O nás: tri piliere ako očíslované stĺpce */
.hp-pillar-card{background:none !important;box-shadow:none !important;border-radius:0 !important;border-top:2px solid #432D1F;padding:18px 0 0 !important;}
.hp-pillar-num{display:block;font:600 14px/1 'Fraunces',Georgia,serif;color:#8F6245;letter-spacing:.04em;margin-bottom:12px;}
.hp-pillar-card h3{font-size:21px;}
.hp-pillar-card p{opacity:1;color:#4A3D35;line-height:1.65;}

@media(max-width:900px){
  .hp-timeline,.hp-steps-grid{grid-template-columns:1fr;gap:22px;}
  .hp-timeline li,.hp-step{padding:2px 0 0 48px;}
  .hp-timeline li:after,.hp-step:after{left:15px;right:auto;top:38px;bottom:-18px;width:2px;height:auto;}
  .hp-audience{grid-template-columns:1fr 1fr;}
  .hp-league-list{grid-template-columns:1fr;}
}
@media(max-width:560px){.hp-audience{grid-template-columns:1fr;gap:20px;}}
.hp-pillar-card{border-top:2px solid #432D1F !important;}
/* ---------- ZÁVEREČNÁ VÝZVA (tmavý panel na konci stránok) ----------
   Po zarovnaní doľava mal panel len 24 px odsadenie zboku a 64 px
   zhora, text sa tlačil k ľavému okraju. Teraz má vyvážené odsadenie,
   rovnaký vzor šachovnice ako úvodný pás a tlačidlo vpravo vedľa textu. */
.hp-final-cta{
  position:relative;overflow:hidden;
  display:grid !important;grid-template-columns:1fr auto;align-items:center;column-gap:48px;
  padding:56px 64px !important;
}
.hp-final-cta:before{
  content:"";position:absolute;inset:0;opacity:.05;pointer-events:none;
  background:conic-gradient(#fff 25%,transparent 0 50%,#fff 0 75%,transparent 0) 0 0/64px 64px;
}
.hp-final-cta > *{position:relative;grid-column:1;}
.hp-final-cta h2{margin:0 0 10px !important;}
.hp-final-cta p{margin:0 !important;color:#EADBD0;opacity:1;max-width:620px;}
.hp-final-cta .hp-btn{grid-column:2;grid-row:1 / span 2;white-space:nowrap;}
@media(max-width:820px){
  .hp-final-cta{grid-template-columns:1fr;padding:40px 28px !important;}
  .hp-final-cta .hp-btn{grid-column:1;grid-row:auto;justify-self:start;margin-top:24px;}
}
/* Odkaz na aktuality pod podujatiami: v línii s obsahom, nie mimo. */
.hp-home .hp-practical-news{max-width:1140px;margin:18px auto 0 !important;text-align:left !important;}
.hp-final-cta > div{grid-column:2;grid-row:1 / span 2;margin-top:0 !important;justify-content:flex-end !important;}
@media(max-width:820px){.hp-final-cta > div{grid-column:1;grid-row:auto;margin-top:24px !important;justify-content:flex-start !important;}}
/* ---------- HLAVIČKA: JEDEN RIADOK (10/2026) ----------
   Pri bežných šírkach notebooku (961 až 1240 px) sa logo zalomilo nad
   menu a hlavička mala skoro 250 px. Teraz je vždy v jednom riadku:
   menšie logo vľavo, menu vpravo, tlačidlo na konci. „Domov“ a
   telefón sa pri užších obrazovkách skryjú (logo vedie na úvod,
   telefón je v pätičke aj na Kontakte). Hlavička ostáva pri
   posúvaní hore, aby bolo menu stále po ruke. */
@media(min-width:961px){
  header.site-header{
    position:sticky;top:0;z-index:100;
    background:rgba(251,247,243,.96);
    -webkit-backdrop-filter:saturate(1.2) blur(8px);backdrop-filter:saturate(1.2) blur(8px);
    border-bottom:1px solid #E9DDD3;
  }
  body.admin-bar header.site-header{top:32px;}
  .site-header__inner{
    display:flex !important;flex-wrap:nowrap !important;align-items:center;justify-content:space-between;
    max-width:1140px;padding:10px 0 !important;gap:24px;
  }
  .site-header__logo{display:block !important;margin:0 !important;flex-shrink:0;}
  .site-header__logo img{height:64px !important;width:auto;}
  .site-nav__list{display:flex !important;flex-wrap:nowrap !important;justify-content:flex-end !important;align-items:center;gap:26px !important;}
  .site-nav__list > li > a:not(.hp-btn){font-size:15px !important;white-space:nowrap;}
  .site-nav__list > .site-nav__cta-item{margin-left:6px;}
  .site-nav__list > .site-nav__cta-item > a.hp-btn{font-size:14px !important;padding:11px 20px !important;white-space:nowrap;}
}
@media(min-width:961px) and (max-width:1188px){
  .site-header__inner{padding:10px 24px !important;}
}
@media(min-width:961px) and (max-width:1360px){
  .site-nav__phone-item{display:none !important;}
}
@media(min-width:961px) and (max-width:1180px){
  .site-nav__list > li:first-child{display:none !important;}
  .site-nav__list{gap:18px !important;}
  .site-nav__list > li > a:not(.hp-btn){font-size:14px !important;}
  .site-header__logo img{height:56px !important;}
}
/* Turnaje: rebríček v strede (aj s nadpisom, aby sedeli pod sebou). */
.hp-section--center .hp-section__head{text-align:center;max-width:760px;}
.hp-section--center .hp-section__head p{margin-left:auto;margin-right:auto;}
.hp-section--center .hp-rating-list{max-width:760px;margin:0 auto !important;list-style:none;}
.hp-section--center .hp-rating-updated{max-width:760px;margin:14px auto 0;text-align:center;font-size:14px;color:#6A584C;}
.hp-rating-updated a{color:#8F6245;font-weight:600;}
/* ---------- LOGO: značka + názov klubu (10/2026) ---------- */
.site-header__logo{display:flex !important;align-items:center;gap:12px;text-decoration:none;color:#432D1F;}
.site-header__logo:hover{text-decoration:none;color:#2E1F15;}
.site-header__emblem{height:52px;width:auto;display:block;color:#432D1F;--logo-bg:#FBF7F3;flex-shrink:0;}
.site-header__wordmark{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:17px;line-height:1.12;letter-spacing:-.005em;color:#2B2320;}
.site-header__logo img{display:none !important;}
@media(max-width:1180px){.site-header__emblem{height:46px;}.site-header__wordmark{font-size:15px;}}
@media(max-width:960px){.site-header__emblem{height:44px;}}
.site-footer__emblem{height:64px;width:auto;display:block;color:#EADBD0;--logo-bg:#2E1F15;margin-bottom:16px;}

/* ---------- TRÉNINGY: témy skupín, cena, časté otázky ---------- */
.hp-level__topics{list-style:none;margin:0;padding:0;display:grid;gap:6px;}
.hp-level__topics li{position:relative;padding-left:18px;font-size:14px;line-height:1.5;color:#2B2320;}
.hp-level__topics li:before{content:"";position:absolute;left:2px;top:.55em;width:7px;height:7px;background:#8F6245;transform:rotate(45deg);}
.hp-level__goal{margin:0;font-size:14px;color:#4A3D35;padding:10px 12px;background:#F5ECE6;border-radius:10px;}
.hp-level__goal b{color:#432D1F;}
.hp-price-note{margin-top:12px !important;font-size:16px !important;opacity:1 !important;}
.hp-price-note b{color:#432D1F;}
.hp-faq{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;align-items:start;}
.hp-faq__item{background:#fff;border-radius:14px;box-shadow:0 6px 18px rgba(67,45,31,.06);}
.hp-faq__item summary{cursor:pointer;list-style:none;padding:18px 52px 18px 20px;position:relative;font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:17px;color:#2B2320;}
.hp-faq__item summary::-webkit-details-marker{display:none;}
.hp-faq__item summary:after{content:"";position:absolute;right:22px;top:50%;width:9px;height:9px;border-right:2px solid #8F6245;border-bottom:2px solid #8F6245;transform:translateY(-70%) rotate(45deg);transition:transform .2s;}
.hp-faq__item[open] summary:after{transform:translateY(-30%) rotate(-135deg);}
.hp-faq__item p{margin:0;padding:0 20px 18px;font-size:15px;line-height:1.6;color:#4A3D35;}
@media(max-width:820px){.hp-faq{grid-template-columns:1fr;}}

/* ---------- KONTAKT: miesto namiesto mapy, čitateľné údaje ---------- */
.hp-place{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;}
.hp-place h2{font-size:30px;margin:0 0 12px;}
.hp-place p{font-size:16px;line-height:1.6;color:#4A3D35;margin:0 0 22px;max-width:520px;}
.hp-place__actions{display:flex;flex-wrap:wrap;gap:12px;}
.hp-place__photo img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:20px;display:block;box-shadow:0 14px 34px rgba(67,45,31,.14);}
.hp-contact-label{text-transform:none !important;letter-spacing:0 !important;font-size:13px !important;color:#6A584C !important;font-weight:600;}
.hp-contact-value{font-size:16px;color:#2B2320;}
@media(max-width:820px){.hp-place{grid-template-columns:1fr;gap:24px;}.hp-place h2{font-size:24px;}}

/* ---------- DOKUMENTY: typ súboru ako štítok ---------- */
.hp-doc-badge{flex-shrink:0;min-width:46px;padding:7px 8px;border-radius:8px;text-align:center;font:700 11px/1 'Inter',sans-serif;letter-spacing:.04em;background:#F3E2D7;color:#432D1F;}
.hp-doc-badge--pdf{background:#432D1F;color:#fff;}
.hp-doc-badge--zip{background:#C9A07F;color:#2E1F15;}
.hp-doc-item{gap:14px !important;align-items:center;}
/* Logo s názvom vedie na úvod, „Domov“ v menu je na počítači zbytočné. */
@media(min-width:961px){.site-nav__list > li:first-child{display:none !important;}}
@media(min-width:961px) and (max-width:1100px){.site-header__wordmark{display:none;}}
/* ---------- TRÉNINGY: riadky kariet zarovnané naprieč (10/2026) ----------
   Každá karta má šesť častí (hlavička, pre koho, témy, cieľ, termíny,
   lektori). Cez CSS subgrid zdieľajú všetky tri karty tie isté riadky,
   takže cieľ, termíny aj lektori začínajú v rovnakej výške. */
.hp-levels{row-gap:0 !important;}
.hp-level{display:grid;grid-row:span 6;grid-template-rows:subgrid;row-gap:0;}
.hp-level__body{display:contents;}
.hp-level__body > *{margin-left:22px;margin-right:22px;}
.hp-level__pre{padding-top:20px;}
.hp-level__topics{padding-top:14px !important;align-self:start;}
.hp-level__goal{margin-top:16px !important;align-self:start;}
.hp-level__times{margin-top:16px !important;align-self:start;}
.hp-level__coaches{margin-top:16px !important;margin-bottom:22px !important;align-self:start;}
@media(max-width:960px){.hp-levels{row-gap:20px !important;}.hp-level{grid-row:auto;grid-template-rows:auto;}}
/* ---------- O NÁS: tri cesty k šachu (karty s fotkou) ---------- */
.hp-paths{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.hp-path{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 28px rgba(67,45,31,.09);display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease;}
.hp-path:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(67,45,31,.14);}
.hp-path__media{position:relative;aspect-ratio:16/10;overflow:hidden;background:#432D1F;}
.hp-path__media img{width:100%;height:100%;object-fit:cover;display:block;}
.hp-path__media--brand{display:grid;place-items:center;}
.hp-path__media--brand:before{content:"";position:absolute;inset:0;opacity:.07;background:conic-gradient(#fff 25%,transparent 0 50%,#fff 0 75%,transparent 0) 0 0/40px 40px;}
.hp-path__emblem{position:relative;height:58%;width:auto;color:#C9A07F;--logo-bg:#432D1F;}
.hp-path__num{position:absolute;left:16px;bottom:14px;font:600 15px/1 'Fraunces',Georgia,serif;color:#fff;background:rgba(46,31,21,.82);padding:8px 11px;border-radius:10px;}
.hp-path__body{padding:22px 24px 24px;display:flex;flex-direction:column;flex:1;}
.hp-path__tag{align-self:flex-start;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#8F6245;background:#F5ECE6;padding:5px 10px;border-radius:999px;margin-bottom:12px;}
.hp-home .hp-path h3{font-size:21px;line-height:1.25;margin:0 0 10px;}
.hp-path p{font-size:15px;line-height:1.65;color:#4A3D35;margin:0 0 18px;}
.hp-path__link{margin-top:auto;font-weight:600;font-size:15px;color:#8F6245;text-decoration:none;}
.hp-path__link:hover{color:#432D1F;text-decoration:underline;text-underline-offset:4px;}
@media(max-width:960px){.hp-paths{grid-template-columns:1fr;max-width:620px;margin-left:0;}}
.hp-league-all{max-width:1140px;margin:22px auto 0;font-size:15px;}
.hp-league-all a{color:#8F6245;font-weight:600;text-decoration:none;}
.hp-league-all a:hover{color:#432D1F;text-decoration:underline;text-underline-offset:4px;}
a.hp-hero__badge{text-decoration:none;color:#2B2320;transition:transform .2s ease;}
a.hp-hero__badge:hover{text-decoration:none;color:#2B2320;transform:translateY(-2px);}
.hp-hero__badge{max-width:300px;}
/* Hlavička: tlačidlo „Kontakt“ ako jemný obrys, nie výrazná výzva. */
.site-nav__list > .site-nav__cta-item > a.hp-btn--outline,
.site-nav__list > .site-nav__cta-item > a.hp-btn--outline:hover{
  background:transparent;color:#432D1F !important;border:1.5px solid #432D1F;opacity:1;
}
.site-nav__list > .site-nav__cta-item > a.hp-btn--outline:hover{background:#432D1F;color:#fff !important;}
.hp-place__img--nc{object-position:50% 40%;}
.hp-practical-visit__action{gap:10px !important;}
.hp-place__photo img,.hp-path__media img{height:auto;}
.hp-path__media img{height:100%;}
/* Hlavička: späť plné hnedé tlačidlo, „Domov“ a „Kontakt“ opäť v menu. */
@media(min-width:961px){.site-nav__list > li:first-child{display:list-item !important;}}
@media(min-width:961px) and (max-width:1180px){.site-nav__list > li:first-child{display:none !important;}}
@media(min-width:961px) and (max-width:1320px){.site-header__wordmark{display:none;}}
@media(min-width:961px){.site-nav__list{gap:22px !important;}}
.hp-practical-visit__action .hp-btn{min-width:250px;text-align:center;justify-content:center;}
.hp-practical-visit__action .hp-btn--outline{border-color:#432D1F;color:#432D1F;background:transparent;}
.hp-practical-visit__action .hp-btn--outline:hover{background:#432D1F;color:#fff;}
@media(min-width:961px){.site-nav__phone-item{display:none !important;}}
/* Hlavička: „Domov“ na počítači skryté (vedie naň logo), logo s názvom klubu vždy celé. */
@media(min-width:961px){.site-nav__list > li:first-child{display:none !important;}.site-header__wordmark{display:inline !important;}}
@media(min-width:961px) and (max-width:1100px){.site-header__wordmark{display:none !important;}}