/* A Solara Látogatás stíluslapja – TELEFONRA.
   A színek a SOLARA-éi (a fejléc kékje, a zöld és a piros lezárás); minden
   koppintható elem legalább 44 képpont magas. */
:root{
  --kek:#2A5C9A; --kek-sotet:#1F4878; --tinta:#1F2429; --halk:#5A626B;
  --vonal:#C9D1DA; --hatter:#EEF1F5; --lap:#fff;
  --zold:#27724A; --piros:#B23A2F; --szurke:#5A626B; --borostyan:#9A6300;
}
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{margin:0; background:var(--hatter); color:var(--tinta);
  font:16px/1.4 "Segoe UI",system-ui,-apple-system,Roboto,sans-serif;}
.fej{position:sticky; top:0; z-index:5; display:flex; align-items:center;
  justify-content:space-between; gap:10px; padding:8px 14px;
  background:var(--kek); color:#fff;}
.fej-cim{font-size:18px; font-weight:600;}
.fej-ki{display:flex; align-items:center; gap:10px; margin:0; min-width:0;}
.fej-nev{font-size:14px; opacity:.9; overflow:hidden; text-overflow:ellipsis;
  white-space:nowrap;}
.lap{max-width:640px; margin:0 auto; padding:12px 12px 32px;}
.kartya{display:block; background:var(--lap); border:1px solid var(--vonal);
  border-radius:8px; padding:12px 14px; margin:0 0 12px; color:inherit;
  text-decoration:none;}
.ures{color:var(--halk); text-align:center;}
.uzenet{margin:0 0 12px; padding:10px 12px; border-radius:8px;
  background:#E3F1E8; border:1px solid var(--zold); color:#17482E;}
.uzenet-hiba{background:#FBE9E7; border-color:var(--piros); color:#7A241C;}

/* gombok */
.gomb{display:inline-flex; align-items:center; justify-content:center;
  min-height:44px; padding:8px 16px; border-radius:8px; font:inherit;
  font-weight:600; text-decoration:none; cursor:pointer;
  border:1px solid var(--vonal); background:var(--lap); color:var(--tinta);}
.gomb-fo{background:var(--kek); border-color:var(--kek); color:#fff;}
.gomb-fej{min-height:44px; padding:4px 12px; background:transparent;
  border-color:rgba(255,255,255,.6); color:#fff; font-weight:500;}
.gomb-vissza{margin:0 0 12px;}
.felso-gombok{display:flex; gap:10px; margin:0 0 12px;}
.felso-gombok .gomb{margin:0;}
.felso-gombok .gomb-fo{flex:1 1 auto;}
.gomb-meglatogatva{background:var(--zold); border-color:var(--zold); color:#fff;}
.gomb-nem_erdekli{background:var(--piros); border-color:var(--piros); color:#fff;}
.gomb-nincs_ilyen{background:var(--szurke); border-color:var(--szurke); color:#fff;}
.gomb-most_nem_jo{background:var(--borostyan); border-color:var(--borostyan); color:#fff;}

/* a túrák listája */
.tura-sor{display:flex; flex-direction:column; gap:2px; min-height:44px;}
.tura-azon{font-size:18px; font-weight:600; color:var(--kek-sotet);}
.tura-adat{color:var(--halk); font-size:14px;}

/* LEZÁRT TÚRÁK (megrendelői kérés, 2026.10.02): a nyitottak alatt, saját
   címmel; a soruk halványabb, mert ott már csak olvasni lehet. */
.szakasz-cim{margin:20px 2px 8px; font-size:15px; font-weight:600;
  color:var(--halk);}
.tura-lezart{background:#F6F8FA;}
.tura-lezart .tura-azon{color:var(--halk);}

/* A KÉSZ ÉTTERMEK KAPCSOLÓJA: a gomb teljes szélességű, a felső gombok
   alatt; bekapcsolva a kész kártyák eltűnnek. A felvételre váró új étterem
   („+" kártya, `megallo-uj`) marad. */
.kesz-kapcsolo{display:flex; width:100%; margin:0 0 12px;}
.kesz-rejtve .megallo-kesz:not(.megallo-uj){display:none;}

/* egy étterem */
.megallo h2{display:flex; align-items:center; gap:10px; margin:0 0 4px;
  font-size:17px; line-height:1.25;}
/* A KONYHATÍPUS A NÉV MELLETT (megrendelői kérés, 2026.10.01) – ponttal
   elválasztva, ahogy a SOLARA túra-előnézetén és a PDF-ben: zárójelben a
   „Levantei (szír, libanoni, izraeli)" kettős zárójelet adna. A név és a
   konyhatípus EGY szövegként törik, a sorszám korongja mellett. */
.megallo h2 .nev{min-width:0; overflow-wrap:anywhere;}
.megallo h2 .konyha{font-size:15px; font-weight:400;}
.megallo h2 .konyha::before{content:"·"; margin:0 6px; color:var(--halk);}
.szam{flex:0 0 auto; display:inline-flex; align-items:center;
  justify-content:center; width:28px; height:28px; border-radius:50%;
  background:var(--kek); color:#fff; font-size:14px; font-weight:600;}
.cim{display:inline-flex; align-items:center; min-height:44px;
  color:var(--kek); font-weight:500;}
.fuszerek{margin:2px 0 10px; padding:0 0 0 20px; color:var(--tinta);
  font-size:15px;}
.valaszok{display:flex; flex-direction:column; gap:8px;}
.megallo-kesz{background:#F6F8FA;}
.megallo-kesz .szam{background:var(--halk);}
.eredmeny{margin:6px 0 2px; font-weight:600;}
.eredmeny-meglatogatva{color:var(--zold);}
.eredmeny-nem_erdekli,.eredmeny-nincs_ilyen{color:var(--piros);}
.eredmeny-most_nem_jo{color:var(--borostyan);}
.korabbi{margin:0 0 8px; color:var(--halk); font-size:14px;
  white-space:pre-line; overflow-wrap:anywhere;}
.leiras{margin:0; color:var(--halk); white-space:pre-line;
  overflow-wrap:anywhere;}

/* űrlap */
.urlap{display:flex; flex-direction:column; gap:6px;}
.urlap label{font-weight:600; margin-top:6px;}
.urlap input[type=text],.urlap input[type=password],.urlap textarea{
  width:100%; min-height:44px; padding:10px 12px; font:inherit;
  border:1px solid var(--vonal); border-radius:8px; background:#fff;
  color:var(--tinta);}
.urlap textarea{resize:vertical;}
.urlap select,.urlap input[type=tel],.urlap input[type=email]{
  width:100%; min-height:44px; padding:10px 12px; font:inherit;
  border:1px solid var(--vonal); border-radius:8px; background:#fff;
  color:var(--tinta);}
.urlap-cim{margin:0 0 4px; font-size:17px;}
.cim-sor{display:flex; gap:6px;}
.cim-sor .rovid{flex:0 0 84px; width:84px;}
.cim-sor input{min-width:0;}
.urlap .gomb-fo{margin-top:12px;}
.gombsor{display:flex; gap:10px; margin-top:12px;}
.gombsor .gomb{flex:1 1 0; margin:0;}
