/* idoszakos-ajanlat.css – Ilia Étterem */
:root { --brand:#339999; --text:#222; --muted:#f2f5f7; }

.ia-wrapper { max-width:1000px; margin:1.5rem auto 0; padding:0 1rem; }
.ia-card { border:1px solid var(--brand); border-radius:16px; background:#fff; overflow:hidden; }
/* Felülírjuk a globális .card paddinget ennél a komponensnél */
.ia-card { padding: 0 !important; }

/* FEJLÉC */
.ia-header {
  padding: 1rem 1.25rem .75rem;
  display: grid; gap: .5rem;
  background:#fff;
}
.ia-title {
  margin:0;
  color:var(--brand);
  font-size:1.4rem; font-weight:800; text-align:center;
  text-transform: uppercase;
  padding-bottom:.5rem;
  border-bottom:2px solid var(--brand);   /* zöld alsó keret */
}
.ia-date {
  text-align:center; color:#555; font-weight:600; font-size:.95rem;
}

/* Hero a fejlécben (MOBIL) */
.ia-hero img { width:100%; height:auto; display:block; border-radius:12px; }

/* Toggle gomb (csak mobil) */
.ia-toggle {
  justify-self:center; padding:.55rem 1rem;
  border:1px solid var(--brand); background:#fff; color:var(--brand);
  border-radius:999px; font-weight:700; cursor:pointer;
}
.ia-toggle:hover { background:var(--muted); }
.ia-toggle.active { background:var(--muted); }
.ia-toggle.is-hidden { display:none !important; }

/* Tartalom */
.ia-content { padding:1rem 1.25rem 1.25rem; background:#fff; }

/* Layout */
.ia-layout { display:block; }

/* DESKTOP hero a tartalomban (mobilon rejtve) */
.ia-col-media { display:none; }
.ia-col-media img { width:100%; height:auto; display:block; border-radius:12px; }

/* Lista + ár + halvány elválasztó */
.ia-list { margin:0 0 1rem 1.2rem; padding:0; }
.ia-row {
  display:flex; align-items:flex-start;
  gap: 1rem;                         /* több vízszintes tér a név és ár között */
  margin:.35rem 0; padding:.2rem 0 .35rem;
  border-bottom:1px solid rgba(51,153,153,0.12);   /* nagyon halvány */
}
.ia-row:last-child { border-bottom:none; }
.ia-row-name { flex:1 1 auto; color:var(--text); line-height:1.45; }
.ia-row-price {
  flex:0 0 auto;
  margin-left: auto;                 /* ár a sor jobb oldalán */
  padding:.1rem .5rem;
  border:1px solid rgba(51,153,153,.35);
  border-radius:10px;
  font-weight:700;
  color:var(--brand);
  white-space:nowrap;
}

/* Bezárás gomb sor – desktopon rejtve */
.ia-actions { display:flex; justify-content:center; }
.ia-close{
  padding:.5rem 1rem; border:1px solid var(--brand);
  background:#fff; color:var(--brand); border-radius:10px; font-weight:700; cursor:pointer;
}
.ia-close:hover{ background:var(--muted); }

/* Tablet finomítás */
@media (min-width: 768px){
  .ia-title{ font-size:1.6rem; }
  .ia-row{ margin:.4rem 0; }
}

/* Desktop: két hasáb, header-hero ELREJTVE, content-hero MEGJELENÍTVE, close gomb ELREJTVE */
@media (min-width: 1024px){
  .ia-header .ia-hero{ display:none; }    /* fejlécben lévő hero OFF */
  .ia-content { padding:1.25rem; }
  .ia-layout {
    display:grid;
    grid-template-columns: 1fr 1fr;       /* bal: kép, jobb: lista */
    gap: 1.25rem;
    align-items:start;
  }
  .ia-col-media { display:block; }
  .ia-actions { display:none; }           /* desktopon nincs bezárás gomb */
}

/* === Mobil finomhangolás: nagyobb betű, minimál padding === */
@media (max-width: 1023px) {
  .ia-content { padding: 0.75rem 0.9rem 0.9rem; }

  .ia-list { margin: 0 0 0.75rem 1.1rem; }

  .ia-row {
    gap: 0.9rem;           /* mobilon is legyen picit több vízszintes tér */
    margin: 0.25rem 0;     /* kevesebb függőleges tér */
    padding: 0.15rem 0;    /* minimál padding a sorban */
  }

  .ia-row-name {
    font-size: 1.05rem;    /* picit nagyobb betű a tételeknél */
    line-height: 1.35;     /* tömörebb sorköz */
  }

  .ia-row-price {
    font-size: 0.95rem;    /* ár picit kisebb, hogy ne zsúfoljon */
    padding: 0.05rem 0.4rem;/* nagyon finom kapszula */
    border-radius: 8px;    /* kompaktabb forma */
  }
}