/* ===========================================================

   GOOGLE FONTS – Oswald 100 (Very Light) + 500 (Medium)

   =========================================================== */

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@100;500&display=swap');



/* ===========================================================

   Sjednocení fontu nadpisů článků a alb s fontem sekčních H1

   =========================================================== */



/* ČLÁNKY – názvy (font přesně jako sekce) */

.news-item .txt h2,

.news-item .txt h2 a {

  font-family: inherit !important;

  font-weight: inherit !important;

  letter-spacing: inherit !important;

  text-transform: inherit !important;

  text-decoration: none !important;

  color: inherit !important;

}



/* FOTOGALERIE – názvy alb */

[data-page="gallery"] .album-row h3,

[data-page="gallery"] .album-row .title,

[data-page="gallery"] .album-row .name,

.page--gallery-list .album-row h3,

.page--gallery-list .album-row .title,

.page--gallery-list .album-row .name {

  font-family: inherit !important;

  font-weight: inherit !important;

  letter-spacing: inherit !important;

  text-transform: inherit !important;

  color: inherit !important;

}





/* DETAIL ALBA – hlavní nadpis */

.page--album h1 {

  font-family: inherit !important;

  font-weight: inherit !important;

  letter-spacing: inherit !important;

  text-transform: inherit !important;

}



/* ===========================================================

   Stabilita rozložení a footer vždy dole

   =========================================================== */

html, body { height: 100%; }

body {

  min-height: 100dvh;

  display: flex;

  flex-direction: column;

}

main { flex: 1 0 auto; }



/* Rezerva 1 cm nad ikonami ve footeru (globálně) */

main { padding-bottom: 10mm; }



/* Domovská stránka – menší mezera dole */

.page--home main { padding-bottom: 4mm !important; }



/* Plynulé chování scrollbaru mezi stránkami */

html { scrollbar-gutter: stable both-edges; }

@supports not (scrollbar-gutter: stable) { html { overflow-y: scroll; } }



/* ===========================================================

   Kontejner – globální pro hlavičku, menu i obsah

   =========================================================== */

.container {

  max-width: min(1400px, 100% - 32px);

  margin-left: auto;

  margin-right: auto;

  padding-left: 16px;

  padding-right: 16px;

}



/* ===========================================================

   KARTY / SEZNAM ČLÁNKŮ

   =========================================================== */

.page--news .cards,

.page--home .cards {

  display: grid;

  grid-template-columns: repeat(auto-fit, minmax(300px, 340px));

  gap: 24px;

  align-items: stretch;

  justify-content: center;

}



/* Běžná karta – VĚTŠÍ vnitřní odsazení */

.page--news .card,

.page--home .card {

  background: #fff;

  border-radius: 14px;

  box-shadow: 0 6px 18px rgba(0,0,0,.06);

  padding: 26px 28px 22px;

  display: flex;

  flex-direction: column;

  overflow: hidden;

}



/* Titul + perex – bez změny velikosti, jen původní styl */

.page--news .card h3,

.page--home .card h3 {

  margin: 0 0 10px 0;

  font-weight: 600;

}

.page--news .card .meta,

.page--home .card .meta {

  font-size: 13px;

  opacity: .7;

  margin-bottom: 8px;

}



/* Obrázek uvnitř karty – SPOLEČNÝ pro home i news */

.page--news .card img,

.page--home .card img {

  width: 100%;

  height: auto;

  display: block;

  border-radius: 10px;

  object-fit: cover;

}



/* Hlavní karta nahoře – text vlevo, ilustrační obrázek vpravo (desktop) */

.page--news .card--featured,

.page--home .card--featured {

  display: grid;

  grid-template-columns: 1fr 40%;

  gap: 20px;

  align-items: center;

}

@media (max-width: 860px) {

  .page--news .card--featured,

  .page--home .card--featured { grid-template-columns: 1fr; }

}



/* Menší rozestupy pod tlačítky/linky */

.page--news .card .actions,

.page--home .card .actions { margin-top: 10px; }



/* ===========================================================

   FOTOGALERIE (mřížka)

   =========================================================== */

.page--gallery .gallery-grid,

.page--news .gallery-grid,

.gallery-grid {

  display: grid;

  grid-template-columns: repeat(3, minmax(0, 1fr));

  gap: 16px;

}

@media (max-width: 860px) {

  .page--gallery .gallery-grid,

  .gallery-grid { grid-template-columns: 1fr; }

}



/* Miniatury */

.gallery-grid a,

.gallery-grid figure {

  display: block;

  background: #fff;

  border-radius: 12px;

  box-shadow: 0 6px 18px rgba(0,0,0,.06);

  overflow: hidden;

}

.gallery-grid img {

  width: 100%;

  height: 220px;

  display: block;

  object-fit: cover;

}



/* Breadcrumb „Fotogalerie / Název alba“ */

.page--gallery .breadcrumb {

  font-size: 14px;

  opacity: .8;

  margin: 6px 0 12px;

}

.page--gallery .breadcrumb a { text-decoration: none; }

.page--gallery .breadcrumb a:hover { text-decoration: underline; }



/* ===========================================================

   FOOTER (ikony + černá lišta)

   =========================================================== */

.site-footer { flex-shrink: 0; position: relative; z-index: 5; }



.site-footer .footer-icons{

  display:flex; justify-content:center; align-items:center;

  gap:18px; padding:12px 0 10px;

}

.site-footer .footer-icons .icon img{

  width:28px; height:28px; display:block; opacity:.9;

  transition:opacity .15s ease;

}

.site-footer .footer-icons .icon img:hover{ opacity:1; }



.site-footer .footer-bar{

  background:#000; color:#fff; text-align:center;

  font:14px/1.4 "Trebuchet MS", Tahoma, Verdana, sans-serif;

  padding:10px 12px;

  width:100%;

  margin:0 auto;

  box-sizing:border-box;

}



/* Sticky footer (finální) */

html, body { height: 100%; }

body { min-height: 100vh; display: flex; flex-direction: column; margin: 0; }

main { flex: 1 0 auto; padding-bottom: 0 !important; }

.site-footer { margin-top: auto; }



.page--home  .board,

.page--about .board { padding-bottom: 0 !important; }



body { overflow-x: hidden; }

html { overflow-x: hidden; }

.site-footer, .site-footer * { box-sizing: border-box; }



/* ===========================================================

   TYPOGRAFIE – Oswald pro nadpisy, Trebuchet pro ostatní

   =========================================================== */



/* Nadpisy (H1–H6) – Oswald 500 (polotučné) */

h1, h2, h3, h4, h5, h6 {

  font-family: 'Oswald', sans-serif !important;

  font-weight: 500 !important;

  letter-spacing: 0.5px;

}



/* VŠECHEN OSTATNÍ TEXT – Trebuchet normal */

html, body,

main, section, article, aside, nav, footer, header,

p, a, small, strong, em, span, div,

ul, ol, li, dl, dt, dd,

table, th, td, caption,

label, input, textarea, select, button,

.meta, .text, .subtitle, .perex, .article-perex,

.page--home .featured-card .txt p,

.page--home .card p,

.page--news .article-card p,

.page--home .card .meta,

.page--news .article-card .meta {

  font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif !important;

  font-weight: 400 !important;

  letter-spacing: normal;

  line-height: 1.45;

}



/* Bezpečný stacking – hlavička a obsah se nepřekrývají */

header {

  position: relative;

  z-index: 100;

}

main {

  position: relative;

  z-index: 1;

}



/* ===============================================

   Jemná mobilní úprava (sjednocení HOME a NEWS)

   =============================================== */

@media (max-width: 768px) {



  /* Zákaz horizontálního scrollování + pinch zoom stále funguje */

  html, body {

    overflow-x: hidden;

    max-width: 100%;

  }



  /* Karty HOME i NEWS → jeden sloupec, identické chování */

  .page--home .cards,

  .page--news .cards {

    grid-template-columns: 1fr;

    justify-content: center;

  }



  /* Zrušení speciálního layoutu featured karty na HOME – jako u NEWS */

  .page--home .card--featured,

  .page--news .card--featured {

    grid-template-columns: 1fr;

  }



  /* Obrázky v kartách HOME/NEWS – stejné jako ve výpisu článků */

  .page--home .card img,

  .page--news .card img {

    width: 100%;

    height: auto;

    display: block;

    border-radius: 10px;

    object-fit: cover;

  }



  /* Galerie → jedna fotka na řádek */

  .page--gallery .gallery-grid,

  .gallery-grid {

    grid-template-columns: 1fr;

  }



  /* Obrázky obecně responsivní – nevejdou se přes šířku displeje */

  img {

    max-width: 100%;

    height: auto;

    display: block;

  }

}



/* ===============================================

   Srovnání hlavičky na stránkách Články / Galerie / Partneři

   =============================================== */

body.page--news,

body.page--gallery,

body.page--partners {

  margin: 0 !important;

  padding-top: 0 !important;

}



/* ===============================================

   NATVRDO: rezervované místo pro vertikální scrollbar

   aby se hlavička při přepínání stránek NIKDY nehýbala

   =============================================== */

html, body {

  overflow-y: scroll !important;

}

/* ===============================================

   Fix: pevná pozice hlavičky na všech stránkách

   =============================================== */

.site-header .container {

  max-width: min(1400px, 100% - 32px) !important;

  margin-left: auto !important;

  margin-right: auto !important;

  padding-left: 16px !important;

  padding-right: 16px !important;

}