/* fa.css — FarmAtlas-specifikus kiegészítések a közös site.css-hez */
:root{--teal:#1F6B3A;--teal-med:#2E8B57;--green:#0E3517;--fa-amber:#D59511}
.fa-logo{display:inline-flex;align-items:center;gap:.5em;font-family:var(--serif);font-size:1.25rem;letter-spacing:.04em;color:#fff;text-decoration:none}
.fa-logo svg{width:32px;height:32px;flex:none}
.fa-logo b{font-weight:700;color:#CFE3D2}
#hdr.scrolled .fa-logo,#hdr:not(.dark) .fa-logo{color:var(--green)}
#hdr.scrolled .fa-logo b{color:var(--teal)}
.fa-hero{min-height:82vh}
.fa-hero-art{position:absolute;inset:0;background:
  radial-gradient(1200px 600px at 80% 20%,rgba(46,139,87,.35),transparent 60%),
  radial-gradient(800px 500px at 15% 90%,rgba(213,149,17,.22),transparent 60%),
  repeating-linear-gradient(115deg,rgba(255,255,255,.035) 0 2px,transparent 2px 46px),
  linear-gradient(180deg,#06230B,#0E3517 70%,#12401F);pointer-events:none}
.fa-hero .hero-inner{position:relative;z-index:2}
.fa-stats{padding:44px 0}
.fa-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.fa-stats .stat .n{font-family:var(--serif);font-size:2.4rem;color:#fff;line-height:1.1}
.fa-stats .stat .l{color:#CFE3D2;margin-top:.3em;font-size:.95rem}
.fa-note{color:rgba(255,255,255,.62);font-size:.85rem;margin:18px 0 0;max-width:70ch}
.fa-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 14px}
.fa-filters input,.fa-filters select{font:inherit;font-size:.95rem;padding:10px 12px;border:1px solid var(--gray-2);border-radius:10px;background:#fff;color:var(--dark-1);min-width:180px}
.fa-filters input{flex:1 1 240px}
.fa-count{margin-left:auto;font-size:.9rem;color:var(--gray-1)}
.fa-map{height:560px;border-radius:16px;overflow:hidden;border:1px solid var(--cream-2);background:var(--cream)}
.fa-source{font-size:.8rem;color:var(--gray-1);margin-top:10px}
.leaflet-popup-content{font-family:var(--sans);font-size:.92rem;line-height:1.45}
.leaflet-popup-content h4{margin:0 0 4px;font-size:1rem;font-family:var(--sans);font-weight:700;color:var(--green)}
.leaflet-popup-content .fa-badge{display:inline-block;font-size:.72rem;background:var(--warm);color:#6b5417;border-radius:6px;padding:2px 7px;margin:6px 0 2px}
.leaflet-popup-content a{color:var(--teal)}
.fa-pin{width:12px;height:12px;border-radius:50%;background:var(--teal-med);border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.35)}
.fa-pin.t-wine{background:#8B2E3B}.fa-pin.t-bee{background:var(--fa-amber)}.fa-pin.t-farm{background:#5C7C3A}
.marker-cluster-small,.marker-cluster-medium,.marker-cluster-large{background:rgba(46,139,87,.35)}
.marker-cluster-small div,.marker-cluster-medium div,.marker-cluster-large div{background:rgba(31,107,58,.9);color:#fff;font-family:var(--sans);font-weight:700}
.fa-five{grid-template-columns:repeat(5,1fr)}
.fa-three{grid-template-columns:repeat(3,1fr)}
.fa-join{display:grid;grid-template-columns:minmax(0,1fr);max-width:820px}
.fa-join h2{color:#fff}.fa-join p{color:rgba(255,255,255,.85)}
.fa-bullets{margin:18px 0;padding-left:1.2em;color:#fff;line-height:1.7}
.fa-sizes{font-size:.9rem;opacity:.8;margin-bottom:22px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.cform .chk{display:flex;gap:.6em;align-items:flex-start;font-size:.88rem;margin:14px 0 18px;color:var(--gray-1)}
.cform .chk input{margin-top:.25em}
.cform select,.cform textarea{font:inherit}
.form-status{margin-top:12px;font-size:.92rem;min-height:1.4em}
.form-status.ok{color:var(--teal)}.form-status.bad{color:#a4262c}
.fa-legal h1{font-family:var(--serif);color:var(--green);font-size:2rem;margin:0 0 .6em}
.fa-prose{max-width:72ch;line-height:1.75}.fa-prose p{margin:0 0 1em}
@media(max-width:1000px){.fa-five{grid-template-columns:repeat(2,1fr)}.fa-three{grid-template-columns:1fr}}
@media(max-width:640px){.fa-stat-grid{grid-template-columns:1fr}.fa-five{grid-template-columns:1fr}.fa-map{height:420px}.fa-count{margin-left:0}.fa-filters input,.fa-filters select{min-width:0;width:100%}}

.fa-pin.t-gvb{background:#8B5A2B}.fa-pin.t-market{background:#fff;border:3px solid #8B5A2B;width:14px;height:14px}
.fa-mcluster div{background:rgba(139,90,43,.9)!important}
.fa-chk{display:inline-flex;align-items:center;gap:.4em;font-size:.9rem;color:var(--dark-1);white-space:nowrap}
.fa-bio{display:inline-block;font-size:.7rem;font-weight:700;background:#2E8B57;color:#fff;border-radius:5px;padding:1px 6px;margin-left:4px;vertical-align:middle}
.fa-tags{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0}.fa-tags span{font-size:.72rem;background:var(--cream-2);color:var(--green);border-radius:6px;padding:2px 7px}
.fa-pos,.fa-hours,.fa-prod,.fa-aw{font-size:.82rem;color:#444;margin-top:4px}.fa-prod{max-height:5.4em;overflow:hidden}
.fa-links{margin-top:6px}.fa-badge-zip{background:#eee;color:#666}
.fa-near{display:inline-flex;gap:6px;align-items:center}.fa-nearbtn{padding:9px 14px;font-size:.9rem;border-radius:10px}.fa-nearbtn.on{background:var(--fa-amber);color:#222}
.fa-here{width:16px;height:16px;border-radius:50%;background:#1a73e8;border:3px solid #fff;box-shadow:0 0 0 3px rgba(26,115,232,.35)}
.fa-dist{font-weight:700;color:var(--teal)}
.fa-pinicon{background:none;border:0;filter:drop-shadow(0 2px 2px rgba(0,0,0,.35))}
.fa-adopt{font-size:.84rem;background:#FFF4D6;border-left:3px solid var(--fa-amber);padding:6px 8px;margin:6px 0;border-radius:4px}
.fa-legend{margin-top:14px;padding:14px 16px;background:var(--cream-2);border-radius:12px;font-size:.85rem;line-height:1.5}
.fa-legend h4{margin:0 0 6px;font-family:var(--sans);font-size:.95rem;color:var(--green)}
.fa-lg-row{margin:4px 0}.fa-lg-item{display:inline-flex;align-items:center;gap:4px;margin:2px 14px 2px 0;white-space:nowrap}
.fa-prod-orig{color:#777;font-size:.78rem;font-style:italic}
.fa-form .form-h3{margin-top:2.2em}.fa-fs{border:1px solid var(--cream-2);border-radius:10px;padding:8px 12px;margin:8px 0}.fa-fs legend{font-weight:700;font-size:.9rem;color:var(--green);padding:0 6px}
.fa-cbgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4px 14px;margin:6px 0 12px}
.fa-cb{display:flex;gap:.5em;align-items:flex-start;font-size:.9rem;line-height:1.35;cursor:pointer}.fa-cb input{margin-top:.2em}
.fa-cb.fa-inline{margin-top:6px;font-size:.82rem;color:var(--gray-1)}
.fa-hint{font-size:.85rem;color:var(--gray-1)}.fa-note2{background:#FFF4D6;border-left:3px solid var(--fa-amber);padding:6px 10px;border-radius:4px;font-size:.9rem}
.fa-rows{width:100%;border-collapse:collapse;margin:6px 0}.fa-rows th{text-align:left;font-size:.8rem;color:var(--gray-1);font-weight:600;padding:2px 4px}.fa-rows td{padding:2px 4px}.fa-rows input{width:100%;font:inherit;padding:7px 9px;border:1px solid var(--gray-2);border-radius:8px}
.fa-x{border:0;background:#eee;border-radius:50%;width:26px;height:26px;cursor:pointer;color:#a4262c;font-size:1rem}
.fa-small{padding:8px 14px;font-size:.85rem}.fa-map-sm{height:320px;margin-top:10px}
.fa-profile .cform{max-width:900px}
.fa-badge-self{background:#DDF0E3;color:#1F6B3A}.fa-edit{font-size:.75rem;margin-left:6px}.fa-desc{font-size:.85rem;margin:6px 0;color:#333}

/* buborék: korlátozott magasság, belső görgetés (asztali) */
.leaflet-popup-content{max-height:min(380px,60vh);overflow-y:auto;margin:12px 16px 12px 12px}
/* adatlap-panel a térkép alatt (mobil) */
.fa-detail{position:relative;margin-top:12px;padding:16px 18px;background:#fff;border:1px solid var(--cream-2);border-left:4px solid var(--teal);border-radius:12px;font-size:.95rem;line-height:1.5;scroll-margin-top:72px}
.fa-detail h4{margin:0 30px 6px 0;font-family:var(--sans);font-size:1.1rem;font-weight:700;color:var(--green)}
.fa-detail .fa-prod{max-height:none}.fa-detail a{color:var(--teal)}
.fa-detail-x{position:absolute;top:10px;right:10px}
.fa-detail-link{font-weight:700}
.fa-fld-btn{display:flex;align-items:flex-end}.fa-fld-btn .btn{width:100%}
.fa-similar{list-style:none;margin:8px 0 12px;padding:0}.fa-similar li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--cream-2);border-radius:10px;margin-bottom:6px;background:#fff}
.fa-similar .fa-sim-n{font-weight:700;color:var(--green)}.fa-similar .fa-sim-y{color:var(--gray-1);font-size:.9rem}.fa-similar a{white-space:nowrap;font-weight:700;color:var(--teal)}
.fa-claim .form-h3{margin-top:0}