/* Scroll-reveal + interaktívne karty (mestá, články) */
@media (prefers-reduced-motion:no-preference){
  .reveal{
    opacity:0;
    transform:translateY(22px);
    transition:opacity .55s ease,transform .55s ease;
  }
  .reveal.is-visible{
    opacity:1;
    transform:none;
  }
  .reveal-delay-1{transition-delay:.08s}
  .reveal-delay-2{transition-delay:.16s}
  .reveal-delay-3{transition-delay:.24s}
}

/* Accordion — Prečo / FAQ */
.accordion-stack{
  display:grid;
  gap:10px;
}
.accordion-item,
.faq-accordion details{
  background:#fff;
  border:1px solid rgba(30,42,67,.1);
  border-radius:18px;
  box-shadow:0 10px 28px rgba(26,32,44,.06);
  overflow:hidden;
  transition:border-color .2s ease,box-shadow .2s ease;
}
.accordion-item[open],
.faq-accordion details[open]{
  border-color:rgba(201,164,92,.35);
  box-shadow:0 14px 36px rgba(26,32,44,.1);
}
.accordion-item summary,
.faq-accordion summary{
  list-style:none;
  cursor:pointer;
  padding:18px 20px;
  font-weight:800;
  font-size:1.02rem;
  color:var(--navy,#1e2a43);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.accordion-item summary::-webkit-details-marker,
.faq-accordion summary::-webkit-details-marker{display:none}
.accordion-item summary::after,
.faq-accordion summary::after{
  content:"+";
  flex:0 0 auto;
  width:28px;
  height:28px;
  border-radius:999px;
  background:rgba(201,164,92,.16);
  color:#8a6b2e;
  display:grid;
  place-items:center;
  font-size:1.2rem;
  font-weight:900;
  transition:transform .2s ease;
}
.accordion-item[open] summary::after,
.faq-accordion details[open] summary::after{
  content:"−";
  transform:rotate(180deg);
}
.accordion-item p,
.faq-accordion details p{
  margin:0;
  padding:0 20px 18px;
  color:var(--muted,#666a73);
  line-height:1.65;
  font-size:.98rem;
}

/* Klikateľné udalosti s obrázkom */
.event-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.event-card{
  display:flex;
  flex-direction:column;
  text-decoration:none;
  color:inherit;
  background:#fff;
  border:1px solid rgba(30,42,67,.1);
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 12px 32px rgba(26,32,44,.08);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.event-card:hover{
  transform:translateY(-4px);
  border-color:rgba(201,164,92,.35);
  box-shadow:0 18px 44px rgba(26,32,44,.14);
}
.event-card img{
  width:100%;
  aspect-ratio:4/5;
  object-fit:cover;
  object-position:center top;
}
.event-card-body{
  padding:16px 16px 18px;
  display:flex;
  flex-direction:column;
  gap:8px;
  flex:1;
}
.event-card h3{
  margin:0;
  font-size:1.05rem;
  color:var(--navy,#1e2a43);
}
.event-card p{
  margin:0;
  font-size:.92rem;
  line-height:1.55;
  color:var(--muted,#666a73);
  flex:1;
}
.event-card-link{
  font-size:.88rem;
  font-weight:800;
  color:#a98337;
}

/* Spotlight — variácie s odkazom */
.spotlight-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.spotlight-card{
  position:relative;
  display:block;
  border-radius:20px;
  overflow:hidden;
  text-decoration:none;
  min-height:280px;
  box-shadow:0 14px 36px rgba(26,32,44,.1);
  transition:transform .22s ease;
}
.spotlight-card:hover{transform:translateY(-3px) scale(1.01)}
.spotlight-card img{
  width:100%;
  height:100%;
  min-height:280px;
  object-fit:cover;
  object-position:center top;
}
.spotlight-card-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(15,22,36,0.05) 0%,rgba(15,22,36,0.88) 72%);
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:18px;
  gap:6px;
}
.spotlight-card span{
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#f3dfb0;
}
.spotlight-card strong{
  font-size:1.15rem;
  line-height:1.25;
  color:#fff;
}

/* Články — sekcie jemne animované */
.article-section.reveal,
.article-figure.reveal,
.intro-card.reveal{
  will-change:opacity,transform;
}

@media(max-width:900px){
  .event-grid,.spotlight-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .event-grid,.spotlight-grid{grid-template-columns:1fr}
}

/* Dezentný lokálny SEO — skrytý v <details>, nie viditeľný keyword-blok */
.local-seo-details{
  margin-top:20px;
  padding:14px 18px;
  border-radius:16px;
  border:1px solid rgba(30,42,67,.08);
  background:rgba(248,246,241,.6);
}
.local-seo-details summary{
  cursor:pointer;
  font-size:.92rem;
  font-weight:700;
  color:var(--muted,#666a73);
  list-style:none;
}
.local-seo-details summary::-webkit-details-marker{display:none}
.local-seo-details summary::after{
  content:" ↓";
  font-size:.8rem;
  opacity:.6;
}
.local-seo-details[open] summary::after{content:" ↑"}
.local-seo-details p{
  margin:10px 0 0;
  font-size:.88rem;
  line-height:1.6;
  color:var(--muted,#666a73);
}
.local-seo-details .local-seo-keywords{
  font-size:.82rem;
  opacity:.85;
  margin-top:8px;
}

/* Ukážky kombinácií — tag filter */
.combo-filter-bar{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 16px;
}
.combo-filter-btn{
  padding:9px 16px;
  border-radius:999px;
  border:1px solid rgba(30,42,67,.12);
  background:#fff;
  color:var(--navy,#1e2a43);
  font:inherit;
  font-size:.84rem;
  font-weight:800;
  cursor:pointer;
  transition:background .2s ease,border-color .2s ease,color .2s ease;
}
.combo-filter-btn:hover{
  border-color:rgba(201,164,92,.45);
  background:rgba(201,164,92,.08);
}
.combo-filter-btn.is-active{
  background:linear-gradient(135deg,rgba(201,164,92,.22),rgba(226,198,132,.28));
  border-color:rgba(201,164,92,.55);
  color:var(--navy,#1e2a43);
}
.combo-filter-count{
  margin:-8px 0 14px;
  font-size:.88rem;
  color:var(--muted,#666a73);
  min-height:1.2em;
}
.combo-card[hidden]{display:none!important}
