/*
 * KONDOR – child šablona Cassiopeia (Joomla 5)
 * Veškerý vzhled je zde; Cassiopeia zůstává beze změn.
 *
 * Obsah:
 *  1. Písmo, barvy, proměnné
 *  2. Základ, nadpisy, tlačítka
 *  3. Hlavička a menu
 *  4. Sekce úvodní stránky (styl modulu "kondor")
 *  5. Výpisy článků na úvodní stránce (mod_articles layout "kondor")
 *  6. Podstránky – blog kategorie
 *  7. Detail článku
 *  8. Ke stažení, kontakt
 *  9. Patička, sponzoři
 */

/* ---------- 1. Písmo, barvy, proměnné ---------- */

@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url("../fonts/nunito-sans-latin-ext-wght-normal.woff2") format("woff2-variations");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url("../fonts/nunito-sans-latin-wght-normal.woff2") format("woff2-variations");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Nunito Sans";
  font-style: italic;
  font-weight: 200 1000;
  font-display: swap;
  src: url("../fonts/nunito-sans-latin-ext-wght-italic.woff2") format("woff2-variations");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Nunito Sans";
  font-style: italic;
  font-weight: 200 1000;
  font-display: swap;
  src: url("../fonts/nunito-sans-latin-wght-italic.woff2") format("woff2-variations");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --k-sky: #c2e5f9;        /* pozadí webu */
  --k-band: #a4c9dc;       /* plný pruh pod siluetami */
  --k-navy: #2f3a6e;       /* nadpisy, tlačítka */
  --k-navy-dark: #222b55;
  --k-green: #2f6e4d;      /* první řádek názvu v úvodu */
  --k-text: #1d1d1b;
  --k-white: #fff;
  --k-radius: 2rem;        /* velké zaoblení karet */
  --k-radius-sm: .75rem;   /* tlačítka, menší obrázky */
  --k-gap: 1.5rem;
  --k-max: 76rem;          /* šířka obsahu sekcí */

  /* Typografie karet (Novinky, Akce, Skupiny, Akce Kondoru) */
  --k-card-title: 1.125rem;    /* název článku v kartě, váha 900 */
  --k-card-meta: 1rem;         /* datum / termín, váha 700 */
  --k-card-text: 1rem;         /* perex */
  --k-card-lh: 1.6;
  --k-card-gap: .75rem;        /* mezera mezi hlavičkou, letákem a perexem */

  --cassiopeia-font-family-body: "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --cassiopeia-font-family-headings: "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --cassiopeia-font-weight-headings: 800;
  --cassiopeia-color-primary: var(--k-navy);
  --cassiopeia-color-link: var(--k-navy);
  --cassiopeia-color-hover: var(--k-navy-dark);
  --link-color: var(--k-navy);
  --link-hover-color: var(--k-navy-dark);
  --body-color: var(--k-text);
  --body-bg: var(--k-sky);
}

/* ---------- 2. Základ, nadpisy, tlačítka ---------- */

html,
body {
  background-color: var(--k-sky);
}

body {
  overflow-x: clip;
  font-family: var(--cassiopeia-font-family-body);
  font-size: 1.0625rem;
  color: var(--k-text);
}

.site-grid {
  margin-bottom: 0;
}

/* Typografická škála: velikost klesá s úrovní nadpisu, aby vizuální pořadí odpovídalo struktuře
   h1 stránka 2rem > h2 sekce 1.6–2rem > h3 podsekce/rok 1.25rem > h4 karta 1.125rem; text 1.0625rem / 1.6 */
h1, h2, h3, h4, h5, h6 {
  color: var(--k-navy);
  text-wrap: balance;
}

p, li, dd {
  text-wrap: pretty;
}

body {
  line-height: 1.6;
  hyphens: manual;
}

/* Nadpisy v textu článků (redakční obsah) */
.com-content-article__body h2 { margin: 1.75rem 0 .75rem; font-size: 1.5rem; font-weight: 800; }
.com-content-article__body h3 { margin: 1.5rem 0 .5rem; font-size: 1.25rem; font-weight: 800; }
.com-content-article__body h4 { margin: 1.25rem 0 .5rem; font-size: 1.125rem; font-weight: 800; }

/* Data ve sloupcích se zarovnají (stejná šířka číslic) */
.kondor-date,
.kondor-termin {
  font-variant-numeric: tabular-nums;
}

/* Přístupnost: viditelný fokus na světle modrém i bílém pozadí */
a:focus-visible,
button:focus-visible,
[tabindex]:not([tabindex="-1"]):focus-visible {
  outline: 3px solid var(--k-navy);
  outline-offset: 3px;
  border-radius: 2px;
}

/* Tlačítko podle návrhu: tmavě modré, "ouška" = zaoblený pravý horní a levý dolní roh */
.kondor-btn,
.btn-primary,
.readmore .btn {
  display: inline-block;
  padding: .45rem 1.75rem;
  font-weight: 800;
  line-height: 1.4;
  color: var(--k-white);
  text-decoration: none;
  background: var(--k-navy);
  border: 0;
  border-radius: 0 var(--k-radius-sm) 0 var(--k-radius-sm);
  transition: background-color .15s ease, transform .15s ease;
}

.kondor-btn:hover,
.kondor-btn:focus-visible,
.btn-primary:hover,
.readmore .btn:hover {
  color: var(--k-white);
  background: var(--k-navy-dark);
}

.kondor-btn:focus-visible {
  outline: 3px solid var(--k-navy);
  outline-offset: 3px;
}

/* Nadpis stránky (např. SKUPINY) – vlevo, velkými písmeny */
.container-component > main > * > .page-header:first-child h1,
.container-component > main > .page-header h1,
.com-content-category-blog > .page-header h1,
.kondor-article > .page-header h1 {
  margin: 0 0 2rem;
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 900;
  text-align: left;
  text-transform: uppercase;
}

/* Hlavní obsah podstránek */
.container-component {
  padding-bottom: 3rem;
}

/* ---------- 3. Hlavička a menu ---------- */

.container-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: .5rem clamp(1rem, 2vw, 2rem);
  background: var(--k-white);
  background-image: none;
  box-shadow: none;
}

.container-header > .grid-child {
  width: auto;
  max-width: none;
  padding: 0;
  margin: 0;
}

.container-header .navbar-brand {
  padding: 0;
  margin: 0;
  font-size: 1.5rem;
  color: var(--k-navy);
}

.container-header .navbar-brand a {
  color: var(--k-navy);
}

.container-header .brand-logo img {
  display: block;
  width: auto;
  height: 3.5rem;
  aspect-ratio: 40.25 / 45.14; /* rozměr loga SVG – místo je vyhrazené ještě před načtením */
}

.container-header .container-nav {
  position: static;
  padding: 0;
}

/* Cassiopeia na mobilu odsazuje navigaci shora (.container-nav nav) – ikona menu by nebyla na středu */
.container-header nav,
.container-header .container-nav nav,
.container-header .navbar {
  padding: 0;
  margin-top: 0;
}

.container-header .mod-menu {
  font-size: 1.2rem;
  font-weight: 700;
  color: #000;
}

.container-header .mod-menu > li > a,
.container-header .mod-menu > li > span {
  color: #000;
}

.container-header .mod-menu > li.active > a,
.container-header .mod-menu > li > a:hover {
  color: var(--k-navy);
}

.container-header .metismenu > li > a::after,
.container-header .metismenu > li > button::before,
.container-header .mod-menu > li::after {
  bottom: -.25rem;
  background: transparent;
}

.container-header .metismenu > li > a:hover::after,
.container-header .metismenu > li.active > a::after,
.container-header .mod-menu > li.active::after,
.container-header .mod-menu > li:hover::after {
  background: var(--k-navy);
  opacity: 1;
}

.container-header .metismenu.mod-menu .metismenu-item {
  padding: .25rem .9rem;
}

.container-header .navbar-toggler {
  padding: .25rem .5rem;
  color: var(--k-navy);
  border: 0;
}

.container-header .navbar-toggler .icon-menu {
  font-size: 1.75rem;
}

@media (max-width: 991.98px) {
  .container-header .brand-logo img {
    height: 2.5rem;
  }

  /* Rozbalené menu jako panel vpravo pod hlavičkou */
  .container-header .navbar-collapse {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 20;
    min-width: 12rem;
    padding: .5rem 1.25rem .75rem;
    background: var(--k-white);
    border-radius: 0 0 0 var(--k-radius-sm);
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .1);
  }

  .container-header .navbar-collapse.show {
    display: block;
  }

  .container-header .mod-menu {
    font-size: 1rem;
    text-align: right;
  }

  .container-header .metismenu.mod-menu .metismenu-item {
    padding: .2rem 0;
  }
}

/* ---------- 4. Sekce úvodní stránky ---------- */

/* Pozice kolem obsahu roztažené přes celou šířku okna */
.site-grid > .container-top-a,
.site-grid > .container-top-b,
.site-grid > .container-bottom-a,
.site-grid > .container-bottom-b {
  grid-column: full-start / full-end;
  flex-direction: column;
  max-width: none;
}

.site-grid > .container-top-a > *,
.site-grid > .container-top-b > *,
.site-grid > .container-bottom-a > *,
.site-grid > .container-bottom-b > * {
  flex: 0 0 auto;
  margin: 0;
}

.container-banner {
  margin: 0;
}

.kondor-section {
  position: relative;
  padding: 2.5rem 0 3rem;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% auto;
}

.kondor-section__inner {
  max-width: var(--k-max);
  padding: 0 clamp(1rem, 3vw, 2rem);
  margin: 0 auto;
}

.kondor-section__title {
  margin: 0 0 2rem;
  font-size: clamp(1.6rem, 3vw, 2rem);
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
}

/* Ilustrace pod sekcí – volí se třídou modulu */
/* Siluety dětí začínají až pod nadpisem sekce (nadpis má stejné odsazení jako ostatní sekce).
   peoples-solid.svg je neprůhledná kopie (barva pruhu na pozadí webu), takže ji lze bez švu
   doplnit plnou barvou pod spodním okrajem. Sekce končí kousek pod trávou (66 % výšky ilustrace),
   zbytek plného pruhu se ořízne; při delším obsahu sekce naroste a pruh se doplní barvou. */
.kondor-bg-people {
  min-height: calc(5.5rem + 100vw * 627.52 / 1923.31 * .66);
  padding-bottom: 3rem;
  background:
    url("../images/peoples-solid.svg") center top 5.5rem / 100% auto no-repeat,
    /* výplň až od spodního okraje ilustrace dolů */
    linear-gradient(#a4c9db, #a4c9db) center top calc(5.5rem + 100vw * 627.52 / 1923.31 - 2px) / 100% 100% no-repeat;
}

@media (max-width: 767.98px) {
  /* Na mobilu je text delší než ilustrace: siluety dole pod textem */
  .kondor-bg-people {
    min-height: 0;
    padding-bottom: 32vw;
    background: url("../images/peoples-solid.svg") center bottom / 100% auto no-repeat;
  }
}

.kondor-bg-games {
  padding-bottom: clamp(6rem, 17vw, 17rem);
  background-image: url("../images/forest_games.svg");
  background-size: max(100%, 56rem) auto;
}

.kondor-bg-games2 {
  padding-bottom: clamp(6rem, 17vw, 17rem);
  background-image: url("../images/forest_games_2.svg");
  background-size: max(100%, 56rem) auto;
}

/* Úvod s lesem a stanem (vlastní modul v pozici banner, třída kondor-hero) */
.kondor-hero {
  position: relative;
  overflow: hidden;
  text-align: center;
}

.kondor-hero__title {
  position: relative;
  z-index: 2;
  padding: clamp(2rem, 6vw, 5.5rem) 1rem 0;
  margin: 0;
  font-size: clamp(1.75rem, 3.3vw, 3.1rem);
  font-weight: 900;
  line-height: 1.6;
  text-transform: uppercase;
}

.kondor-hero__title span {
  display: block;
}

.kondor-hero__title .kondor-hero__line1 {
  color: var(--k-green);
}

.kondor-hero__title .kondor-hero__line2 {
  color: var(--k-navy);
}

/* Les a stan v jednom plátně se stálým poměrem stran, aby stan seděl u cesty */
.kondor-hero__scene {
  position: relative;
  left: 50%;
  width: max(132%, 62rem);
  aspect-ratio: 3077.77 / 694.79;
  margin-top: clamp(-11rem, -9vw, -3rem);
  background: url("../images/les.svg") center bottom / 100% auto no-repeat;
  transform: translateX(-50%);
}

.kondor-hero__scene::after {
  position: absolute;
  bottom: 2%;
  left: 63.8%;
  width: 12%;
  aspect-ratio: 379.93 / 201.86;
  content: "";
  background: url("../images/stan_ptacek.svg") center / contain no-repeat;
}

/* Úvodní stránka skládaná jen z modulů – prázdná komponenta se skryje */
.kondor-home .container-component {
  display: none;
}

@media (max-width: 767.98px) {
  .kondor-hero__title {
    font-size: clamp(1.3rem, 6.4vw, 1.75rem);
    line-height: 1.45;
  }

  /* Les posunutý doleva, aby byl na úzkém displeji vidět celý stan */
  .kondor-hero__scene {
    transform: translateX(-63%);
  }
}

/* O nás – dva sloupce textu přes siluety */
.kondor-about {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: 2rem clamp(2rem, 8vw, 9rem);
  font-size: 1.125rem;
  line-height: 1.75;
}

.kondor-about__lead {
  font-weight: 800;
}

.kondor-about__more {
  display: none;
}

/* Kontakt */
.kondor-contact {
  font-weight: 600;
  line-height: 1.6;
  text-align: center;
}

.kondor-contact p {
  margin: 0 0 1.5rem;
}

.kondor-contact strong {
  font-weight: 800;
}

.kondor-contact a {
  color: inherit;
}

.kondor-social {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 2rem;
  align-items: center;
  justify-content: center;
}

.kondor-social a {
  display: inline-flex;
  gap: .9rem;
  align-items: center;
  font-weight: 700;
  color: var(--k-text);
  text-decoration: none;
}

.kondor-social__icon {
  display: inline-grid;
  place-items: center;
  width: 3.5rem;
  height: 3.5rem;
  font-size: 1.5rem;
  color: var(--k-navy);
  background: var(--k-white);
  border-radius: 50%;
}

@media (max-width: 767.98px) {
  .kondor-about {
    grid-template-columns: 1fr;
  }

  .kondor-about__side {
    display: none;
  }

  .kondor-about__lead {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
  }

  .kondor-about__more {
    display: block;
    margin: 0;
    text-align: right;
  }
}

/* ---------- 5. Výpisy na úvodní stránce (mod_articles, layout kondor) ---------- */

.kondor-list {
  display: grid;
  gap: var(--k-gap);
}

.kondor-list__item {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: var(--k-white);
}

/* Fotka vždy vyplní svůj rámeček (ořez), rozměr karty určuje rámeček, ne fotka */
.kondor-list__media {
  position: relative;
  min-height: 10rem;
  margin: 0;
}

.kondor-list__media img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.kondor-list__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 1.25rem 1.75rem 1.75rem;
}

/* Společná typografie karet: název + datum v hlavičce, leták, perex */
.kondor-item-head {
  display: flex;
  flex-wrap: wrap;
  gap: .25rem 1.5rem;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: var(--k-card-gap);
}

.kondor-list__title,
.kondor-item-head .kondor-item-title {
  margin: 0;
  font-size: var(--k-card-title);
  font-weight: 900;
  line-height: 1.3;
}

.kondor-intro {
  font-size: var(--k-card-text);
  line-height: var(--k-card-lh);
}

.kondor-intro p {
  margin: 0 0 var(--k-card-gap);
}

.kondor-list__title a,
.kondor-item-head .kondor-item-title a {
  color: var(--k-navy);
  text-decoration: none;
}

.kondor-list__title a::after {
  /* celá karta je klikací */
  position: absolute;
  inset: 0;
  z-index: 1;
  content: "";
}

.kondor-list__title a:hover,
.kondor-item-head .kondor-item-title a:hover {
  text-decoration: underline;
}

.kondor-date {
  font-size: var(--k-card-meta);
  font-weight: 700;
  line-height: 1.3;
  color: var(--k-navy);
  white-space: nowrap;
}

.kondor-intro > :last-child {
  margin-bottom: 0;
}

.kondor-more {
  position: relative;
  z-index: 2;
  margin: auto 0 0;
  padding-top: 1rem;
}

.kondor-list__more {
  margin: 2.5rem 0 0;
  text-align: center;
}

/* Novinky: tři karty, obrázek nahoře, zaoblené spodní rohy */
.kondor-news .kondor-list {
  grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
  max-width: 64rem;
  margin: 0 auto;
}

.kondor-news .kondor-list__item {
  border-radius: 0 0 var(--k-radius) var(--k-radius);
}

.kondor-news .kondor-list__media {
  aspect-ratio: 518 / 438;
}

.kondor-news .kondor-more {
  display: none;
}

/* Akce: vodorovné karty, text vlevo, fotka vpravo */
.kondor-events .kondor-list {
  gap: 2rem;
}

.kondor-events .kondor-list__item {
  flex-direction: row-reverse;
  min-height: 15rem;
  border-radius: var(--k-radius) 0 0 var(--k-radius);
}

.kondor-events .kondor-list__media {
  flex: 0 0 31%;
}

.kondor-events .kondor-list__body {
  justify-content: center;
  padding: 2rem clamp(1.5rem, 4vw, 3rem);
}

/* Název a datum konání vedle sebe, jako v návrhu */
.kondor-events .kondor-item-head {
  justify-content: flex-start;
  column-gap: 2.5rem;
}

.kondor-events .kondor-more {
  display: none;
}

/* Skupiny: dva sloupce, fotka vlevo, zaoblené pravé rohy */
.kondor-groups .kondor-list {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 26rem), 1fr));
  gap: 2.5rem 1.5rem;
}

.kondor-groups .kondor-list__item {
  flex-direction: row;
  min-height: 14rem;
  border-radius: 0 var(--k-radius) var(--k-radius) 0;
}

.kondor-groups .kondor-list__media {
  flex: 0 0 50%;
}

.kondor-groups .kondor-list__body {
  padding: 1.5rem 1.25rem 1.25rem;
}

.kondor-groups .kondor-list__title {
  font-size: clamp(1.5rem, 2.4vw, 2.25rem);
  font-weight: 700;
  line-height: 1.2;
}

.kondor-groups .kondor-date,
.kondor-groups .kondor-intro {
  display: none;
}

.kondor-groups .kondor-btn {
  min-width: 7.5rem;
  font-size: 1.25rem;
  text-align: center;
}

@media (max-width: 767.98px) {
  .kondor-events .kondor-list__item {
    flex-direction: column;
    border-radius: 0 0 var(--k-radius) var(--k-radius);
  }

  .kondor-events .kondor-list__media {
    flex: none;
    aspect-ratio: 4 / 3;
    order: -1;
  }

  .kondor-groups .kondor-list__item {
    min-height: 9rem;
  }

  .kondor-groups .kondor-list__media {
    flex-basis: 48%;
  }

  .kondor-groups .kondor-list__title {
    font-size: 1.25rem;
  }

  .kondor-groups .kondor-btn {
    min-width: 0;
    font-size: 1rem;
  }
}

/* ---------- 6. Podstránky – blog kategorie ---------- */

.com-content-category-blog .blog-items {
  gap: 2.5rem 1.25rem;
}

.com-content-category-blog .blog-item {
  display: flex;
  flex-direction: column;
}

.com-content-category-blog .item-image {
  margin: 0;
}

.com-content-category-blog .item-image img {
  display: block;
  width: 100%;
  object-fit: cover;
}

.com-content-category-blog .item-content {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.com-content-category-blog .kondor-item-head .page-header {
  margin: 0;
}

/* Mřížka (Novinky): obrázek, text, tlačítko Info vpravo */
.kondor-grid .item-image img {
  aspect-ratio: 1 / 1;
}

.kondor-grid .item-content {
  padding-top: 1rem;
}

.kondor-grid .kondor-more {
  text-align: right;
}

/* Skupiny: název jako bílý štítek přes fotku */
.kondor-groups .blog-item {
  position: relative;
}

.kondor-groups .item-image img {
  aspect-ratio: 1 / 1;
}

.kondor-groups .blog-item .kondor-item-head {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 85%;
  padding: .35rem 1.5rem .35rem 2rem;
  margin: 0;
  background: var(--k-white);
  border-radius: 0 0 var(--k-radius-sm) 0;
}

.kondor-groups .blog-item .kondor-item-head .kondor-item-title {
  font-size: 1rem;
  font-weight: 800;
}

.kondor-groups .blog-item .kondor-item-head .kondor-item-title a {
  color: var(--k-text);
}

.kondor-groups .blog-item .kondor-intro,
.kondor-groups .blog-item .kondor-date {
  display: none;
}

.kondor-groups .blog-item .kondor-more {
  padding-top: 1rem;
  text-align: right;
}

/* Akce: bílé karty, text vlevo, fotka vpravo se zaoblením */
.kondor-events .blog-items {
  grid-template-columns: 1fr;
  gap: 3rem;
}

.kondor-events .blog-item {
  flex-direction: row-reverse;
  gap: 2rem;
  align-items: flex-start;
  padding: 1.5rem;
  background: var(--k-white);
  border-radius: var(--k-radius);
}

.kondor-events .blog-item .item-image {
  flex: 0 0 min(28%, 15rem);
}

.kondor-events .blog-item .item-image img {
  aspect-ratio: 4 / 3;
  border-radius: var(--k-radius-sm);
}

/* Termín, název a leták jako jeden blok, perex odsazený stejně jako v ostatních kartách */
.kondor-events .blog-item .item-content {
  gap: .25rem;
  padding: .5rem 0 .5rem 1rem;
}

.kondor-events .blog-item .item-content > * {
  margin: 0;
}

.kondor-events .blog-item .kondor-intro {
  margin-top: calc(var(--k-card-gap) - .25rem);
}

.kondor-events .blog-item .kondor-date {
  display: none;
}

.kondor-events .blog-item .kondor-more {
  display: none;
}

@media (max-width: 767.98px) {
  .kondor-events .blog-item {
    flex-direction: column;
  }

  .kondor-events .blog-item .item-image {
    flex: none;
    width: 100%;
  }

  .kondor-events .blog-item .item-image img {
    aspect-ratio: 4 / 3;
  }

  .kondor-events .blog-item .item-content {
    padding: 0;
  }
}

/* Akce: bloky Připravujeme / Proběhlo (blog_akce.php) */
.kondor-events-block + .kondor-events-block {
  margin-top: 4rem;
}

.kondor-events-block__title {
  margin: 0 0 1.5rem;
  font-size: clamp(1.3rem, 2.2vw, 1.6rem);
  font-weight: 900;
  text-transform: uppercase;
}

.kondor-events-block__empty {
  padding: 1.5rem 2rem;
  margin: 0;
  font-weight: 600;
  background: var(--k-white);
  border-radius: var(--k-radius);
}

/* Navigace roků nad výpisem: plánované roky tmavé, proběhlé bílé */
.kondor-years {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin: -1rem 0 2.5rem;
}

.kondor-years__link {
  padding: .25rem 1rem;
  font-weight: 800;
  color: var(--k-navy);
  text-decoration: none;
  background: var(--k-white);
  border-radius: 0 var(--k-radius-sm) 0 var(--k-radius-sm);
}

.kondor-years__link.is-upcoming {
  color: var(--k-white);
  background: var(--k-navy);
}

.kondor-years__link:hover,
.kondor-years__link:focus-visible {
  color: var(--k-white);
  background: var(--k-navy-dark);
}

/* Nadpis roku: velké číslo s linkou přes celou šířku */
.kondor-events-year {
  display: flex;
  gap: 1rem;
  align-items: center;
  margin: 2rem 0 1rem;
  font-size: 1.25rem;
  font-weight: 900;
  line-height: 1;
  color: var(--k-navy);
  scroll-margin-top: 1rem;
}

.kondor-events-year::after {
  flex: 1;
  height: 2px;
  content: "";
  background: var(--k-navy);
  opacity: .25;
}

.kondor-events-block__title + .kondor-events-year {
  margin-top: 0;
}

.kondor-past__list {
  padding: .5rem 2rem;
  margin: 0;
  list-style: none;
  background: var(--k-white);
  border-radius: var(--k-radius);
}

.kondor-past__item {
  display: grid;
  grid-template-columns: 10rem minmax(0, 1fr) auto;
  gap: .25rem 1.5rem;
  align-items: baseline;
  padding: .75rem 0;
  line-height: 1.4;
}

.kondor-past__item + .kondor-past__item {
  border-top: 1px solid var(--k-sky);
}

.kondor-past__item .kondor-date {
  grid-column: 1;
  white-space: normal;
}

.kondor-past__main {
  grid-column: 2;
  min-width: 0;
}

.kondor-past__title {
  font-weight: 700;
  color: var(--k-text);
  text-decoration: none;
}

/* Pravidelně: širší sloupec pro "každé první pondělí v měsíci", pod názvem krátký popis */
.kondor-recurring__list .kondor-past__item {
  grid-template-columns: 15rem minmax(0, 1fr) auto;
}

.kondor-recurring__text {
  margin-top: .15rem;
  font-size: .9375rem;
}

.kondor-recurring__text p {
  margin: 0;
}

.kondor-past__main .kondor-poradatel {
  margin-top: .15rem;
  font-size: .9375rem;
}

.kondor-past__title:hover,
.kondor-past__title:focus-visible {
  color: var(--k-navy);
  text-decoration: underline;
}

.kondor-past__item .kondor-letak {
  grid-column: 3;
  white-space: nowrap;
}

@media (max-width: 767.98px) {
  .kondor-past__list {
    padding: .25rem 1.25rem;
  }

  .kondor-past__item {
    grid-template-columns: 1fr;
  }

  .kondor-past__item > * {
    grid-column: 1 !important;
  }
}

/* Ilustrace místo chybějící fotky (stan, batoh, oheň se střídají) */
.kondor-illustration {
  min-height: 10rem;
  margin: 0;
  background: var(--k-band) url("../images/stan_green.svg") center / 55% auto no-repeat;
}

.com-content-category-blog .kondor-illustration {
  aspect-ratio: 1 / 1;
}

.kondor-events .blog-item .kondor-illustration {
  aspect-ratio: 4 / 3;
  border-radius: var(--k-radius-sm);
}

.blog-item:nth-child(3n + 2) > .kondor-illustration,
.kondor-list__item:nth-child(3n + 2) > .kondor-illustration {
  background-image: url("../images/batoh.svg");
  background-size: auto 60%;
}

.blog-item:nth-child(3n + 3) > .kondor-illustration,
.kondor-list__item:nth-child(3n + 3) > .kondor-illustration {
  background-image: url("../images/ohen.svg");
  background-size: auto 45%;
}

/* Termín a leták (vlastní pole) */
.kondor-termin,
.kondor-letak {
  margin: 0;
  font-size: var(--k-card-meta);
  font-weight: 800;
  line-height: 1.3;
  color: var(--k-navy);
}

.kondor-termin__time {
  margin-left: 1rem;
}

.kondor-letak a {
  color: var(--k-navy);
  text-decoration: none;
}

.kondor-letak a::before {
  content: "– ";
}

/* Pořádá: skupina (s odkazem na akci / web skupiny) */
.kondor-poradatel {
  margin: 0;
  font-size: var(--k-card-meta);
  line-height: 1.4;
  color: var(--k-text);
}

.kondor-poradatel__label {
  font-weight: 700;
}

.kondor-poradatel a {
  font-weight: 700;
  color: var(--k-navy);
}

.kondor-poradatel a::after {
  content: " ↗";
}

.kondor-list .kondor-poradatel {
  position: relative;
  z-index: 2;
  margin-bottom: var(--k-card-gap);
}

.kondor-letak a:hover {
  text-decoration: underline;
}


/* Stránkování */
.pagination .page-link {
  color: var(--k-navy);
}

.pagination .active > .page-link,
.pagination .page-link.active {
  color: var(--k-white);
  background-color: var(--k-navy);
  border-color: var(--k-navy);
}

/* ---------- 7. Detail článku ---------- */

.kondor-article {
  position: relative;
  max-width: 62rem;
  padding-top: 3.5rem;
  margin: 0 auto;
}

.kondor-close {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 3.5rem;
  font-weight: 900;
  line-height: 1;
  color: var(--k-navy);
  text-decoration: none;
}

.kondor-close:hover {
  color: var(--k-navy-dark);
}

.kondor-article__card {
  display: flex;
  overflow: hidden;
  background: var(--k-white);
  border-radius: 0 var(--k-radius) var(--k-radius) 0;
}

.kondor-article__media {
  flex: 0 0 34%;
  margin: 0;
}

.kondor-article__media img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 16rem;
  object-fit: cover;
}

.kondor-article__body {
  flex: 1;
  min-width: 0;
  padding: 2rem clamp(1.25rem, 4vw, 3rem) 2.5rem;
}

.kondor-article__body .page-header h1,
.kondor-article__body .page-header h2 {
  margin: 0 0 1rem;
  font-size: clamp(1.4rem, 2.5vw, 1.75rem);
  font-weight: 900;
}

.kondor-article:not(.has-image) .kondor-article__card {
  border-radius: var(--k-radius);
}

/* Samostatné stránky (Ke stažení, Kontakt, Foto): bez bílé karty, obsah přímo na pozadí */
.kondor-page .kondor-article {
  max-width: none;
  padding-top: 0;
}

.kondor-page .kondor-article__card {
  overflow: visible;
  background: transparent;
  border-radius: 0;
}

.kondor-page .kondor-article__body {
  padding: 0;
}

.kondor-page .kondor-contact {
  padding-top: 1rem;
}

@media (max-width: 767.98px) {
  .kondor-article__card {
    flex-direction: column;
    border-radius: 0 0 var(--k-radius) var(--k-radius);
  }

  .kondor-article__media img {
    min-height: 0;
    max-height: 22rem;
  }
}

/* ---------- 8. Ke stažení, kontakt ---------- */

.kondor-docs__title {
  margin: 0 0 2.5rem;
  font-size: 1.5rem;
  font-weight: 900;
  color: #000;
  text-align: center;
}

/* Výroční zprávy vlevo přes celou výšku, další karty vpravo pod sebou */
.kondor-docs {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr);
  gap: 2rem 4rem;
  align-items: start;
  max-width: 56rem;
  margin: 0 auto;
}

.kondor-docs__card:first-child {
  grid-row: span 3;
}

@media (max-width: 767.98px) {
  .kondor-docs {
    grid-template-columns: 1fr;
  }

  .kondor-docs__card:first-child {
    grid-row: auto;
  }
}

.kondor-docs__card {
  padding: 1.25rem 1.75rem 1.5rem;
  background: var(--k-white);
  border-radius: var(--k-radius);
}

.kondor-docs__card h3 {
  margin: 0 0 1.5rem;
  font-size: 1rem;
  font-weight: 800;
}

.kondor-docs__card ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.kondor-docs__card li + li {
  margin-top: .35rem;
}

.kondor-docs__card a {
  color: var(--k-text);
  text-decoration: none;
}

.kondor-docs__card a:hover {
  color: var(--k-navy);
  text-decoration: underline;
}

/* ---------- 9. Patička, sponzoři ---------- */

.container-footer {
  margin-top: 0;
  color: var(--k-text);
  background: var(--k-sky);
  background-image: none;
}

.container-footer .grid-child {
  flex-direction: column;
  align-items: stretch;
  max-width: var(--k-max);
  padding: 2rem clamp(1rem, 3vw, 2rem) 3rem;
}

.container-footer a {
  color: inherit;
}

.kondor-sponsors__title {
  margin: 0 0 3rem;
  font-size: 1rem;
  font-weight: 700;
  color: var(--k-text);
  text-align: center;
}

.kondor-sponsors {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem clamp(2rem, 9vw, 9rem);
  justify-content: center;
  padding: 0;
  margin: 0 0 4rem;
  list-style: none;
}

.kondor-sponsors li {
  display: grid;
  place-items: center;
  width: 7rem;
  height: 7rem;
  padding: 1.1rem;
  background: var(--k-white);
  border-radius: 50%;
}

.kondor-sponsors img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.kondor-copyright {
  margin: 0;
  font-weight: 700;
  text-align: center;
}

@media (max-width: 767.98px) {
  .kondor-sponsors {
    gap: 1.25rem;
  }

  .kondor-sponsors li {
    width: 4.5rem;
    height: 4.5rem;
    padding: .6rem;
  }

  .kondor-copyright {
    font-size: .875rem;
  }
}

/* ---------- 10. Fotogalerie (Phoca Gallery) ---------- */

/* Záložky galerií: tlačítka s oušky, aktivní bílá */
.kondor-gallery-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin: -1rem 0 2.5rem;
}

.kondor-gallery-tabs__link {
  padding: .45rem 1.5rem;
  font-weight: 800;
  line-height: 1.4;
  color: var(--k-white);
  text-decoration: none;
  background: var(--k-navy);
  border-radius: 0 var(--k-radius-sm) 0 var(--k-radius-sm);
}

.kondor-gallery-tabs__link:hover,
.kondor-gallery-tabs__link:focus-visible {
  color: var(--k-white);
  background: var(--k-navy-dark);
}

.kondor-gallery-tabs__link.is-active {
  color: var(--k-navy);
  background: var(--k-white);
}

.kondor-gallery__desc,
.kondor-gallery .pg-category-desc {
  max-width: 48rem;
  margin-bottom: 1.5rem;
}

/* Přehled: každá galerie s nadpisem, řadou náhledů a tlačítkem */
.kondor-gallery-cat + .kondor-gallery-cat {
  margin-top: 3rem;
}

.kondor-gallery-cat__title {
  margin: 0 0 1rem;
  font-size: var(--k-card-title);
  font-weight: 800;
}

.kondor-gallery-cat__title a {
  color: var(--k-text);
  text-decoration: none;
}

.kondor-gallery-cat__title a:hover {
  color: var(--k-navy);
  text-decoration: underline;
}

.kondor-gallery-cat__more {
  margin: 1rem 0 0;
  text-align: right;
}

/* Čtvercová mřížka – přehled i stránka galerie (markup Phoca) */
.kondor-gallery-grid,
.kondor-gallery .pg-category-items-box {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.kondor-gallery-grid__item,
.kondor-gallery .pg-item-box {
  position: static;
  display: block;
  width: auto;
  padding: 0;
  margin: 0;
  overflow: hidden;
  background: none;
  border: 0;
  box-shadow: none;
}

.kondor-gallery-grid__item img,
.kondor-gallery .pg-item-box-image img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  transition: transform .25s ease;
}

.kondor-gallery-grid__item:hover img,
.kondor-gallery .pg-item-box a:hover img {
  transform: scale(1.03);
}

.kondor-gallery .pg-item-box figure,
.kondor-gallery .pg-item-box-image {
  max-width: none;
  margin: 0;
}

/* Z Phoca nepotřebujeme: RSS, popisky a ikony pod fotkami, prázdné odstavce */
.kondor-gallery .pg-top-icons,
.kondor-gallery .pg-item-box-info,
.kondor-gallery .pg-item-box figcaption,
.kondor-gallery .pg-csv-paginaton {
  display: none;
}

/* "Powered by Phoca Gallery" necháváme, jen s odstupem a menším písmem */
.kondor-gallery > div:last-child {
  margin-top: 2rem;
  font-size: .8125rem;
  color: var(--k-text) !important; /* Phoca píše inline #ccc – nedostatečný kontrast */
}

@media (max-width: 767.98px) {
  .kondor-gallery-grid,
  .kondor-gallery .pg-category-items-box {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .5rem;
  }

  /* Přehled na mobilu: dva náhledy na galerii, ať nezůstane díra v řadě */
  .kondor-gallery-grid__item:nth-child(n + 3) {
    display: none;
  }
}

/* Prohlížeč fotek (PhotoSwipe v Phoca Gallery) podle návrhu: světle modré pozadí,
   tmavě modrý křížek a šipky; bez sdílení, celé obrazovky, zoomu a prezentace */
.pswp__bg {
  background: var(--k-sky);
}

.pswp__top-bar,
.pswp__caption,
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background: transparent;
}

.pswp__counter,
.pswp__caption__center {
  font-family: var(--cassiopeia-font-family-body);
  font-weight: 700;
  color: var(--k-navy);
  opacity: 1;
}

.pswp__caption__center {
  text-align: center;
}

.pswp__button--share,
.pswp__button--fs,
.pswp__button--zoom,
.pswp__button--playpause {
  display: none !important;
}

.pswp__button--close {
  width: 56px;
  height: 56px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4l16 16M20 4L4 20' stroke='%232f3a6e' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") center / 28px no-repeat !important;
  opacity: 1;
}

.pswp__button--arrow--left,
.pswp__button--arrow--right {
  width: 90px;
  background: none !important;
  opacity: 1;
}

.pswp__button--arrow--left::before,
.pswp__button--arrow--right::before {
  top: 50%;
  width: 48px;
  height: 36px;
  margin-top: -18px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 36'%3E%3Cpath d='M0 18L18 2v10h26a4 4 0 0 1 4 4v4a4 4 0 0 1-4 4H18v10z' fill='%232f3a6e'/%3E%3C/svg%3E") center / contain no-repeat !important;
  background-color: transparent !important;
}

.pswp__button--arrow--left::before {
  left: 20px;
}

.pswp__button--arrow--right::before {
  right: 20px;
  transform: scaleX(-1);
}

.pswp__button:hover,
.pswp__button:focus-visible {
  opacity: .8;
}

/* Tlačítko nahoru */
/* Cassiopeia má tmavou ikonu na bílé; na tmavě modrém pozadí musí být ikona bílá */
.back-to-top-link {
  color: var(--k-white);
  background-color: var(--k-navy);
  border-color: var(--k-navy);
  border-radius: 0 var(--k-radius-sm) 0 var(--k-radius-sm);
}
