/* MiniFarm – látogatói oldal: meszelt deszka, sötét fa, piros kézírás (a játék palettája) */
:root{
  --papir:#fbf3e2; --papir2:#f3e6c9; --fa:#6b3f1f; --fa2:#8a5a33; --sotetfa:#2b1d12;
  --piros:#b8432f; --piros2:#992f1f; --szena:#e8b53a; --zold:#4f7a3a; --zold2:#6f9f56;
  --eg:#bfe0ee; --tinta:#2b1d12; --halvany:#7a6552; --feher:#fffaf0; --hiba:#b8432f;
  --arny:0 6px 0 rgba(43,29,18,.16), 0 12px 24px rgba(43,29,18,.12);
  --r:18px; --disp:'Lobster','Brush Script MT',cursive; --szoveg:'Nunito','Avenir Next Rounded','Arial Rounded MT Bold',system-ui,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--szoveg);color:var(--tinta);font-size:17px;line-height:1.5;
  background:linear-gradient(90deg,rgba(107,63,31,.06) 0 1px,transparent 1px 100%) 0 0/72px 100%,var(--papir);
  min-height:100dvh;display:flex;flex-direction:column}
a{color:var(--piros)}
.fejlec{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px 8px;
  background:linear-gradient(180deg,var(--fa2),var(--fa));color:var(--feher);
  box-shadow:0 4px 0 var(--sotetfa),0 8px 20px rgba(0,0,0,.2);position:sticky;top:0;z-index:5}
.logo{text-decoration:none;color:var(--feher);display:flex;flex-direction:column;line-height:1}
.logo-nev{font-family:var(--disp);font-size:30px;color:#ffd9a0;text-shadow:0 2px 0 var(--sotetfa)}
.logo-al{font-family:var(--disp);font-size:14px;color:var(--szena);margin-top:2px}
.fejlec nav{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.fejlec nav a{color:var(--feher);text-decoration:none;font-weight:800;font-size:14px;background:rgba(0,0,0,.18);padding:6px 10px;border-radius:999px}
.fejlec nav a.aktiv{background:var(--piros)}
main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:22px 20px 40px}
main.szeles{max-width:1100px}
.lablec{text-align:center;padding:16px;font-size:13px;color:var(--halvany);display:flex;flex-direction:column;gap:6px}
.lablec a{color:var(--halvany)}
h1{font-family:var(--disp);font-weight:400;color:var(--piros);font-size:34px;margin:0 0 6px;line-height:1.1}
h2{font-size:22px;margin:0 0 10px;color:var(--fa);font-weight:900}
h3{font-size:18px;margin:0 0 8px;color:var(--fa);font-weight:900}
p{margin:0 0 10px}
.kis{font-size:14px;color:var(--halvany)}
.kartya{background:var(--feher);border-radius:var(--r);padding:18px;box-shadow:var(--arny);margin:0 0 18px}
.kartya.szena{background:#fff4d6;border-left:6px solid var(--szena)}
.kartya.zold{background:#e9f5e1;border-left:6px solid var(--zold)}
.kartya.piros{background:#fde9e5;border-left:6px solid var(--piros)}
.gomb{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:10px 18px;margin:8px 0 0;
  border:0;border-radius:14px;background:linear-gradient(180deg,#d35a45,var(--piros));color:#fff;font:900 17px var(--szoveg);
  text-decoration:none;cursor:pointer;box-shadow:0 5px 0 var(--piros2);width:100%}
.gomb:active{transform:translateY(3px);box-shadow:0 2px 0 var(--piros2)}
.gomb.zold{background:linear-gradient(180deg,var(--zold2),var(--zold));box-shadow:0 5px 0 #37562a}
.gomb.fa{background:linear-gradient(180deg,var(--fa2),var(--fa));box-shadow:0 5px 0 var(--sotetfa)}
.gomb.halk{background:var(--papir2);color:var(--fa);box-shadow:0 4px 0 rgba(107,63,31,.35)}
.gomb.kicsi{min-height:38px;font-size:14px;padding:6px 12px;width:auto;margin:0}
.gomb[disabled]{opacity:.5;pointer-events:none}
.sor{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sor3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
label.cimke{display:block;font-weight:800;margin:14px 0 4px;color:var(--fa)}
input[type=text],input[type=email],input[type=number],input[type=date],input[type=time],input[type=url],textarea,select{
  width:100%;font:600 16px var(--szoveg);padding:10px 12px;border:2px solid rgba(107,63,31,.3);border-radius:12px;background:#fff;color:var(--tinta)}
textarea{min-height:90px;resize:vertical}
.hiba-lista{background:#fde9e5;border-left:5px solid var(--hiba);padding:10px 14px;border-radius:0 12px 12px 0;margin:0 0 14px}
.hiba-lista li{font-weight:700}
.uzenet{padding:10px 14px;border-radius:0 12px 12px 0;font-weight:800;margin:0 0 14px}
.uzenet.ok{background:#e9f5e1;border-left:5px solid var(--zold)}
.uzenet.hiba{background:#fde9e5;border-left:5px solid var(--hiba)}
.rend-lista{display:grid;gap:14px}
.rend{display:block;text-decoration:none;color:inherit;background:var(--feher);border-radius:var(--r);padding:16px 18px;box-shadow:var(--arny);
  border-left:8px solid var(--szena)}
.rend .datum{font-weight:900;color:var(--piros);font-size:15px}
.rend h3{font-size:22px;margin:2px 0 6px}
.rend .szabad{font-size:14px;color:var(--zold);font-weight:800}
.rend .betelt{font-size:14px;color:var(--hiba);font-weight:800}
.idopontok{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:6px 0 4px}
.idopont{position:relative}
.idopont input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.idopont span{display:block;border:2px solid rgba(107,63,31,.3);border-radius:12px;padding:8px 10px;background:#fff;text-align:center;font-weight:800}
.idopont small{display:block;font-weight:600;color:var(--halvany);font-size:12px}
.idopont input:checked + span{border-color:var(--zold);background:#e9f5e1;box-shadow:0 0 0 3px rgba(79,122,58,.25)}
.idopont.betelt span{opacity:.45;text-decoration:line-through}
.idopont.betelt input{pointer-events:none}
/* összecsukva: csak a kiválasztott sáv látszik, rákattintva újra lenyílik az összes */
.idopontok.osszecsukva .idopont:not(.valasztott){display:none}
.idopontok.osszecsukva .idopont.valasztott span::after{content:" ▾";color:var(--halvany)}
.idopont-masik{margin:0 0 6px}
.gyerek-sor{display:grid;grid-template-columns:1fr 90px 42px;gap:8px;align-items:end;margin-top:8px}
.gyerek-sor .torol{min-height:44px;border:0;background:var(--papir2);border-radius:12px;font-size:20px;cursor:pointer}
.pipa{display:flex;gap:10px;align-items:flex-start;margin:14px 0 0;font-size:15px}
.pipa input{width:22px;height:22px;flex:none;margin-top:2px;accent-color:var(--zold)}
.osszeg{font-size:26px;font-weight:900;color:var(--piros)}
.qr{display:block;margin:10px auto;max-width:260px;width:100%;border-radius:12px;background:#fff;padding:6px;box-shadow:var(--arny)}
.utalas dt{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--halvany);margin-top:8px}
.utalas dd{margin:0;font-weight:800;font-size:17px;word-break:break-all}
.kod{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--papir2);padding:2px 8px;border-radius:8px;font-weight:900;letter-spacing:1px}
.allapot{display:inline-block;padding:3px 10px;border-radius:999px;font-weight:900;font-size:13px}
.allapot.varjuk{background:#fff4d6;color:#8a5a00}
.allapot.fizetve{background:#e9f5e1;color:var(--zold)}
.allapot.lemondva{background:#eee;color:#777;text-decoration:line-through}
table{width:100%;border-collapse:collapse;font-size:14px;background:var(--feher);border-radius:12px;overflow:hidden}
th,td{text-align:left;padding:8px 8px;border-bottom:1px solid rgba(107,63,31,.12);vertical-align:top}
th{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--halvany);background:var(--papir2)}
tr.ki{opacity:.5}
.tabla-gorgo{overflow-x:auto;-webkit-overflow-scrolling:touch}
.iroda-fej{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}
.iroda-fej a{background:var(--feher);border-radius:12px;padding:8px 12px;text-decoration:none;font-weight:800;color:var(--fa);box-shadow:0 3px 0 rgba(107,63,31,.25)}
.iroda-fej a.aktiv{background:var(--fa);color:#fff}
.kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:0 0 18px}
.kpi div{background:var(--feher);border-radius:14px;padding:12px;box-shadow:var(--arny)}
.kpi b{display:block;font-size:26px;color:var(--piros)}
.kpi span{font-size:13px;color:var(--halvany)}
.inline-form{display:inline}
.muveletek{display:flex;gap:6px;flex-wrap:wrap}
.muveletek .gomb.kicsi{min-height:32px;font-size:13px;padding:4px 10px}
details{margin-top:10px}summary{cursor:pointer;font-weight:800;color:var(--fa)}
.csempek{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.csempe{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:var(--fa);background:var(--feher);border-radius:var(--r);
  padding:20px 12px;box-shadow:var(--arny);font-weight:900;text-align:center;font-size:16px}
.csempe .e{font-size:44px}
.csempe small{font-weight:600;color:var(--halvany);font-size:13px}
@media (max-width:600px){.sor,.sor3{grid-template-columns:1fr}.csempek{grid-template-columns:1fr 1fr}h1{font-size:28px}}
[hidden]{display:none !important}

/* Nagy képernyőn két hasáb (telefonon egy oszlop) — 2026-09-30, Tibor: „középen egy csík” */
.racs{display:grid;gap:20px;align-items:start}
@media (min-width:900px){
  .racs{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}
  .racs.egyenlo{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .racs > .ragad{position:sticky;top:84px}
  body{font-size:18px}
  h1{font-size:40px}
}
.terkep iframe{width:100%;height:280px;border:0;border-radius:12px;display:block}
.racs.also h2{margin-top:0}
.rend.kepes{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:start}
.rend-kep{width:110px;height:140px;object-fit:cover;border-radius:12px;box-shadow:var(--arny)}
.plakat{display:block;width:100%;max-height:560px;object-fit:contain;border-radius:14px;margin:0 0 14px;background:var(--papir2)}
@media (max-width:600px){.rend.kepes{grid-template-columns:80px 1fr}.rend-kep{width:80px;height:104px}}
.galeria{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin:10px 0 6px}
.galeria img{width:100%;height:150px;object-fit:cover;border-radius:12px;box-shadow:var(--arny);display:block}
.elerhetosegek{list-style:none;padding:0;margin:6px 0 0;display:grid;gap:8px}
.elerhetosegek li{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.elerhetosegek svg{width:24px;height:24px;flex:none}
.elerhetosegek a{word-break:break-all}
.nyelvek{display:inline-flex;gap:4px;margin-left:6px}
.nyelvek a{padding:6px 8px;font-size:12px;letter-spacing:.5px;opacity:.8}
.nyelvek a.aktiv{opacity:1;background:var(--szena);color:var(--sotetfa)}