/* Panel levého menu "Zažili jsme" */
.zazili {
  background: #f8f9fa;
  border-radius: 12px;
  padding: 14px 16px;
  box-shadow: 0 2px 10px rgba(0,0,0,.08);
  margin-bottom: 24px;
}

/* Nadpis modulu (pokud se zobrazuje) */
.zazili h3 {
  text-align: center;
  font-size: 1.1rem;
  color: #004b91;
  border-bottom: 2px solid #004b91;
  padding-bottom: 6px;
  margin-bottom: 12px;
}

/* Odkazy v menu – Cassiopeia používá nav-link / mod-menu */
.zazili .nav-link,
.zazili .mod-menu a {
  display: block;
  color: #004b91;
  padding: 6px 8px;
  text-decoration: none;
  transition: .2s;
}

.zazili .nav-link:hover,
.zazili .mod-menu a:hover {
  color: #0099cc;
  transform: translateX(3px);
}
/* Panel "Zažili jsme" – bez rámečku/podkladu */
.zazili{
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
}

/* Nadpis modulu (volitelně uprostřed, bez čáry) */
.zazili h3{
  margin: 0 0 12px;
  text-align: center;
  color: #2c3568;
  border: 0;
}/* Panel "Zažili jsme" – bez rámečku/podkladu */
.zazili {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
}

/* Nadpis modulu */
.zazili h3 {
  margin: 0 0 16px;
  text-align: center;
  font-size: 1.5rem;      /* větší text nadpisu */
  font-weight: 800;
  color: #838581;
  background: none;       /* bez pozadí */
  border: 0;              /* bez čáry */
}

/* Reset seznamu */
.zazili .mod-menu, .zazili .mod-list, .zazili ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.zazili li { margin: 10px 0; }

/* Odkazy jako tlačítka */
.zazili .mod-menu li > a,
.zazili .mod-list li > a,
.zazili ul li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #689f39;
  color: #fff;
  border: 1px solid #689f39;
  border-radius: 12px;
  padding: 14px 18px;
  font-size: 1.2rem;      /* větší text tlačítek */
  font-weight: 700;
  text-decoration: none;
}

/* Hover */
.zazili .mod-menu li > a:hover,
.zazili .mod-list li > a:hover,
.zazili ul li > a:hover {
  background: #838581;
  border-color: #838581;
  color: #fff;
}

/* Aktivní položka */
.zazili .mod-menu__item--active > a,
.zazili .mod-menu .active > a,
.zazili .mod-list .current > a {
  background: #838581;
  border-color: #838581;
  color: #fff;
}



/* Horní hlavní lišta */
.container-header {
  background-color: #689f39 !important; /* zelená barva lišty */
  padding: 16px 0;
  display: flex;
  justify-content: center;
}

/* Zarovnání obsahu do středu */
.container-header .grid-child {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

/* Menu */
.container-header .mod-menu {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 50px; /* mezery mezi položkami */
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Odkazy v menu */
.container-header .mod-menu a {
  color: #fff !important;
  font-size: 1.2rem;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.2s ease;
}

/* Hover – pouze zesílení textu, bez pozadí */
.container-header .mod-menu a:hover {
  color: #fff !important;
  font-weight: 700;
}

/* Aktivní stránka – tučné bílé písmo */
.container-header .mod-menu .current a,
.container-header .mod-menu a.active {
  color: #fff !important;
  font-weight: 800;
}

:root {
  --cassiopeia-color-primary: #689f39 !important;
  
  
  /* Odstranění rámečku kolem loga v hlavičce */
.container-header .site-logo img,
.container-header .site-logo {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}
  
  .page-header {
  display: none !important;
}
  
  
  /* Karta + logo */
.events-card{
  background:#fff;
  border-radius:12px;
  box-shadow:0 6px 18px rgba(0,0,0,.08);
  padding:16px 20px;
}
.events-logo{
  display:block;
  margin:0 auto 12px;
  max-width:700px;
  width:100%;
  height:auto;
}
/* Karta s tabulkou */
.events-card {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(0,0,0,.08);
  padding: 12px 20px;
  max-width: 850px;        /* zúžíme celý blok */
  margin: 0 auto 20px;     /* zarovná doprostřed */
}
/* Karta s tabulkou */
.events-card {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(0,0,0,.08);
  padding: 12px 20px;
  max-width: 850px;
  margin: 0 auto 20px;
}

/* Tabulka událostí */
.events-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  font-size: 17px;
}
.events-table td {
  padding: 10px 14px;
  border-bottom: 1px solid #e8eef5;
  vertical-align: middle;
  background: #fff;
  transition: background-color .2s;
}

/* střídání řádků */
.events-table tr:nth-child(odd) td {
  background: #fafbfd;
}

/* efekt při najetí myší */
.events-table tr:hover td {
  background: #eef6e6; /* jemná zelená */
}

/* sloupec s datem */
.events-table td:first-child {
  width: 180px;
  font-weight: 600;
  color: #2c3568;
  white-space: nowrap;
}

/* zaoblení rohů tabulky */
.events-table tr:first-child td:first-child {border-top-left-radius:10px;}
.events-table tr:first-child td:last-child {border-top-right-radius:10px;}
.events-table tr:last-child td:first-child {border-bottom-left-radius:10px;}
.events-table tr:last-child td:last-child {border-bottom-right-radius:10px;}
  
  
  
  
  
  /* Přihlášení – užší, vystředěné, karta */
.com-users-login,        /* komponenta com_users */
.mod-login               /* případný modul přihlášení */
{
  max-width: 520px;      /* šířka formuláře */
  margin: 24px auto;     /* vystředění na stránce */
}

.com-users-login form,
.mod-login form {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
  padding: 22px;
  border: 1px solid #eef1f4;
}

/* Nadpis "Přihlášení" trochu výrazněji */
.com-users-login h1, .com-users-login h2, .com-users-login h3,
.mod-login h1, .mod-login h2, .mod-login h3 {
  font-weight: 700;
  font-size: 1.35rem;
  margin: 0 0 12px;
}

/* Pole formuláře */
.com-users-login .form-control,
.mod-login .form-control,
.com-users-login input[type="text"],
.com-users-login input[type="password"],
.mod-login input[type="text"],
.mod-login input[type="password"] {
  padding: 12px 14px;
  border-radius: 10px;
  border: 1px solid #dfe5eb;
  box-shadow: none;
}

/* Skupiny s ikonami (input-group) */
.com-users-login .input-group .form-control,
.mod-login .input-group .form-control {
  border-right: 0;
}
.com-users-login .input-group-text,
.mod-login .input-group-text {
  background: #f6f8fa;
  border: 1px solid #dfe5eb;
  border-left: 0;
  border-radius: 0 10px 10px 0;
}

/* Checkbox 'Remember me' – drobná úprava rozestupů */
.com-users-login .form-check,
.mod-login .form-check {
  margin: 8px 0 14px;
}

/* Primární tlačítko */
.com-users-login .btn-primary,
.mod-login .btn-primary {
  background: #689f39;
  border-color: #689f39;
  padding: 12px 16px;
  border-radius: 10px;
  font-weight: 700;
}
.com-users-login .btn-primary:hover,
.mod-login .btn-primary:hover {
  background: #5a8a31;
  border-color: #5a8a31;
}

/* Volitelné: odstranit šedé rámečky kolem sekcí Bootstrap karty, pokud se použijí */
.com-users-login .card,
.mod-login .card {
  border: 0;
  box-shadow: none;
}

/* Volitelné: skrýt WebAuthn řádek, pokud ho nepoužíváte */
#webauthn-container { display: none; }

/* Kontejner článku */
.post {max-width: 1100px; margin: 0 auto 28px; padding: 0 12px;}
.post + .post {border-top: 1px solid #e8edf3; padding-top: 24px;}

/* Nadpisy */
.post h3 {font-size: clamp(1.6rem, 2vw, 2rem); font-weight: 800; margin: 8px 0 10px;}
.post .lead {font-size: clamp(1.1rem, 1.5vw, 1.25rem); font-weight: 600; margin: 8px 0 12px;}
.post p {font-size: clamp(1rem, 1.2vw, 1.125rem); line-height: 1.6; text-align: justify; margin: 0 0 12px;}

/* EU logo nahoře (volitelné) */
.hero-logo {text-align:center; margin: 6px 0 10px;}
.hero-logo img{max-width: 720px; width:100%; height:auto;}

/* Galerie – jednotné dlaždice 4:3, ořez dovnitř */
.gallery {display: grid; gap: 12px; margin: 10px 0;}
.gallery-3 {grid-template-columns: repeat(3, 1fr);}
.gallery-2 {grid-template-columns: repeat(2, 1fr);}
@media (max-width: 900px){ .gallery-3{grid-template-columns: repeat(2,1fr);} }
@media (max-width: 560px){ .gallery-3,.gallery-2{grid-template-columns: 1fr;} }

.gallery figure {margin:0; background:#fff; border:1px solid #e9eef4; border-radius:10px; overflow:hidden;
                box-shadow: 0 6px 20px rgba(0,0,0,.06);}
.gallery img {width:100%; height:100%; aspect-ratio: 4/3; object-fit: cover; display:block;
              transition: transform .25s ease;}
.gallery figure:hover img {transform: scale(1.02);}
.gallery figcaption {padding:8px 10px; font-size:.95rem; color:#445;}

/* Tlačítko/odkaz „Více fotek“ */
.more-photos {display:inline-block; margin:6px 0 12px; padding:10px 14px; border-radius:10px;
              background:#f5f7fa; border:1px solid #e6ecf2; font-weight:700; color:#2c3568;}
.more-photos:hover {background:#eef3f8; text-decoration:none;}
  
  
  .register-form {
  max-width: 520px;
  margin: 0 auto;
  background: #ffffff;
  padding: 32px 36px;
  border-radius: 14px;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08);
  font-family: "Segoe UI", sans-serif;
}

.register-form h2 {
  text-align: center;
  font-size: 1.8rem;
  margin-bottom: 24px;
  color: #2f3b28;
}

.register-form form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.form-row {
  display: flex;
  gap: 12px;
}

.form-row input,
.register-form textarea {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #cbd5c0;
  border-radius: 8px;
  font-size: 1rem;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.register-form input:focus,
.register-form textarea:focus {
  border-color: #7ca45b;
  box-shadow: 0 0 4px #cde4ba;
  outline: none;
}

.register-form textarea {
  min-height: 90px;
  resize: vertical;
}

.form-checks {
  font-size: 0.95rem;
  color: #444;
  line-height: 1.6;
}

.register-form button {
  background-color: #7ca45b;
  color: white;
  padding: 12px;
  border: none;
  border-radius: 8px;
  font-size: 1.05rem;
  cursor: pointer;
  transition: background-color 0.25s;
}

.register-form button:hover {
  background-color: #6a9449;
}