/* App-specific additions on top of the design system (salute.css stays a copy of design/). */

/* „Hamarosan!” (templates/content/coming_soon.html.twig): a főoldal hero-ja (.hero2) egy teljes képernyőn, a címmel. */
.soon { min-height: 100svh; }
.soon .hero-actions { width: 100%; }
.soon-title { font-family: var(--f-display); font-weight: 400; font-size: clamp(2.8rem, 7vw, 4.4rem); line-height: 1; margin: 10px 0 0; color: var(--ink-on-dark); }
.soon-address { margin: 0; font-size: var(--t-sm); }
.soon-address a { color: var(--ink-on-dark-soft); text-underline-offset: .25em; }
.soon-langs { display: flex; gap: 1.25rem; font-size: var(--t-sm); }
.soon-langs a { color: var(--ink-on-dark-soft); text-underline-offset: .25em; }
.soon-langs a[aria-current="page"] { color: var(--kraft); text-decoration: none; }
/* csak a belépett admin látja, amíg a vendégek a Hamarosan oldalt kapják */
.soon-preview { display: flex; flex-wrap: wrap; gap: 6px 14px; padding: 10px 14px; border: 1px dashed var(--kraft); border-radius: 10px; font-size: var(--t-xs); color: var(--ink-on-dark-soft); }
.soon-preview a { color: var(--kraft); font-weight: 600; }
.preview-note { margin: 0; padding: 8px var(--gutter); background: var(--kraft); color: var(--kraft-ink); font-size: var(--t-xs); font-weight: 600; text-align: center; }

/* A nyitvatartás a vendégnek (Content:OpeningHours), sötét alapon: az étterem és a kiszállítás külön blokkban (a főoldal terve: .info),
   asztalon egymás mellett, telefonon egymás alatt; a hero-panel szélességénél (480 px) nem szélesebb */
.opening-hours { width: 100%; display: grid; gap: 10px; padding: 18px 20px; background: color-mix(in srgb, var(--carbone) 78%, transparent); border: 1px solid var(--carbone-3); border-radius: 14px; text-align: left; }
.opening-hours h2 { margin: 0; font-family: var(--f-display); font-weight: 400; font-size: var(--t-lg); color: var(--ink-on-dark); }
.opening-blocks { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 22px 24px; }
.opening-block { display: grid; gap: 10px; align-content: start; min-width: 0; }
.opening-block h3 { margin: 0; font-family: var(--f-display); font-weight: 400; font-size: var(--t-md); color: var(--kraft); }
.opening-status { margin: 0; font-size: var(--t-sm); font-weight: 600; color: var(--ink-on-dark); }
.opening-status::before { content: ""; display: inline-block; width: 8px; height: 8px; margin-right: 8px; border-radius: 50%; background: var(--ink-on-dark-soft); vertical-align: middle; }
.opening-status[data-state="open"]::before { background: #7FBF7F; }
.opening-days { display: grid; gap: 4px; margin: 0; font-size: var(--t-sm); }
.opening-days > div { display: grid; grid-template-columns: 6.5em 1fr; gap: 10px; color: var(--ink-on-dark-soft); }
.opening-days > div.is-today { color: var(--ink-on-dark); font-weight: 600; }
.opening-days dt, .opening-days dd { margin: 0; }
.opening-days small { font-size: var(--t-xs); font-weight: 400; opacity: .9; }
/* telefonon a hero-panel középre igazít (salute.css, max-width: 860px): a nyitvatartás sem teljes széles, hanem a tartalmához méretezett
   doboz középen (a felhasználó kérése, 2026-10-25: „ne legyen teljes széles inkább legyen középen”); az időpontok egy oszlopban */
@media (max-width: 860px) {
  .soon .opening-hours { width: auto; max-width: 100%; justify-self: center; padding-inline: 28px; text-align: center; }
  .soon .opening-blocks { grid-template-columns: auto; justify-content: center; }
  .soon .opening-block { justify-items: center; }
  .soon .opening-days > div { grid-template-columns: 6.5em auto; text-align: left; }
  .soon .opening-days dd { text-align: right; font-feature-settings: "tnum" 1; }
}