/*
Theme Name: Utazztobbet Repjegy Kereso
Version: 0.1.0
*/

:root{
  --bg:#F2F6F6; --surface:#FFFFFF; --ink:#122528; --ink-soft:#4E686C; --ink-faint:#7D9498;
  --line:#D7E4E3; --accent:#0E7C86; --accent-strong:#0A5D66;
  --shadow:0 1px 2px rgba(18,37,40,.04), 0 8px 24px -12px rgba(18,37,40,.18);
  --radius-lg:22px; --radius-sm:8px;
  --font-display:'Fraunces',Georgia,serif;
  --font-body:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --font-mono:'IBM Plex Mono',ui-monospace,"Cascadia Code",Consolas,monospace;
}
*{box-sizing:border-box;}
body{margin:0; background:var(--bg); color:var(--ink); font-family:var(--font-body); font-size:16px; line-height:1.55;}
.wrap{max-width:760px; margin:0 auto; padding:64px 24px;}
h1{font-family:var(--font-display); font-weight:600; font-size:34px; margin:0 0 8px;}
.eyebrow{display:block; font-family:var(--font-mono); font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:var(--accent-strong); font-weight:600; margin-bottom:12px;}
.lead{color:var(--ink-soft); margin:0 0 32px;}
.kereso-box{background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-lg); padding:28px; box-shadow:var(--shadow);}
.kereso-sor{display:flex; gap:12px; flex-wrap:wrap; align-items:flex-end; margin-bottom:20px;}
.mezo label{display:block; font-family:var(--font-mono); font-size:12px; text-transform:uppercase; letter-spacing:.06em; color:var(--ink-faint); margin-bottom:6px;}
.mezo select{font-family:var(--font-body); font-size:15px; padding:11px 14px; border-radius:var(--radius-sm); border:1px solid var(--line); background:var(--surface); color:var(--ink); min-width:180px;}
.ejszaka-pillek{display:flex; gap:6px; flex-wrap:wrap;}
.pill{font-family:var(--font-mono); font-size:14px; font-weight:600; padding:9px 0; width:48px; text-align:center; border-radius:99px; border:1px solid var(--line); background:var(--surface); color:var(--ink-soft); cursor:pointer;}
.pill.aktiv{background:var(--accent); border-color:var(--accent); color:#fff;}
.eredmenyek{margin-top:28px;}
.eredmeny-sor{display:flex; align-items:center; gap:14px; padding:14px 0; border-top:1px solid var(--line);}
.eredmeny-sor:first-child{border-top:none;}
.eredmeny-sor .num{font-family:var(--font-mono); font-size:12px; font-weight:700; color:var(--ink-faint); width:20px;}
.eredmeny-sor .datumok{flex:1; font-size:14px;}
.eredmeny-sor .ar{font-family:var(--font-mono); font-size:16px; font-weight:700; color:var(--accent-strong); white-space:nowrap;}
.allapot{color:var(--ink-faint); font-family:var(--font-mono); font-size:13.5px; padding:20px 0;}