/* ============================================================
   Corso — produkční statická verze: korekce oproti React prototypu.
   Načítá se POSLEDNÍ, takže bezpečně přebíjí potřebná pravidla.
   ============================================================ */

/* Inline SVG ikony nahrazují původní <i data-lucide>. Konzistentní zarovnání. */
svg[data-lucide] { display: inline-block; vertical-align: middle; }

/* Mobilní menu:
   Původní React vkládal .corso-nav-mobile do DOM až po kliknutí, takže
   `display:flex` v media query stačil. Ve statické verzi je element vždy
   v DOM → viditelnost řídíme třídou .is-open. */
.corso-nav-mobile { display: none; }
@media (max-width: 960px) {
  .corso-nav-mobile { display: none; }
  .corso-nav-mobile.is-open { display: flex; }
}

/* Neaktivní panely jídelního lístku */
.corso-menu-list[hidden] { display: none; }

/* Drobnost: aby se neaktivní (hidden) panel nezalomil pod chips */
.corso-menu-tabs { flex-wrap: wrap; }

/* Rezervační iframe — užší (šířka formuláře ~480px), vycentrovaný,
   výška řízená z formuláře přes postMessage (žádný vnitřní scroll). */
.corso-reserve-frame { max-width: 500px; }
.corso-reserve-iframe {
  min-height: 700px;   /* fallback, než dorazí výška z formuláře */
  transition: height .25s var(--ease);
}
@media (max-width: 560px) {
  .corso-reserve-frame { max-width: 100%; }
}

/* Patička — kredit BeeAI Agency (branding + decentní backlink) */
.corso-footer-powered { color: var(--warm-500); }
.corso-footer-powered a {
  color: var(--brass-300);
  border-bottom: 1px solid transparent;
  transition: border-color .2s var(--ease);
}
.corso-footer-powered a:hover { border-color: var(--brass-400); }