/* Kalkulačka orientační ceny (odhad.js) – úvodní stránka, /kalkulacka-ceny-nemovitosti a stránky měst. */
.odhad{margin:28px 0 34px;padding:26px 28px;border:1px solid var(--line);border-radius:18px;background:var(--soft);scroll-margin-top:16px}
.odhad>h2,.article-main .odhad>h2{margin:0 0 8px;font-size:26px}
.article-main .odhad p.odhad-uvod,.odhad p.odhad-uvod{margin:0 0 16px;font-size:15px;color:var(--muted)}
.odhad-hlava{display:flex;align-items:center;gap:14px;font-size:12px;color:var(--muted);margin-bottom:14px}
.odhad-pruh{flex:1;height:4px;border-radius:4px;background:#e4e2ea}
.odhad-pruh span{display:block;height:4px;border-radius:4px;background:var(--accent);transition:width .2s}
.odhad-form,.odhad-vysledek{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:22px 22px 20px}
.odhad .odhad-nadpis{font:600 19px/1.35 Poppins,Arial,sans-serif;margin:0 0 14px;color:var(--ink);letter-spacing:-.2px}
.odhad-vysledek .odhad-nadpis{margin-top:22px}
.odhad-typy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.odhad-typ{position:relative;cursor:pointer}
.odhad-typ input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.odhad-typ span{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:var(--paper);transition:border-color .15s,background .15s}
.odhad-typ strong{font:600 16px Poppins,Arial,sans-serif;color:var(--ink)}
.odhad-typ small{font-size:12px;color:var(--muted)}
.odhad-typ:hover span{border-color:var(--accent)}
.odhad-typ input:checked+span{border-color:var(--accent);background:var(--soft)}
.odhad-typ input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.odhad-pole{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
.odhad .field{margin:8px 0}
.odhad .field input,.odhad .field select{width:100%;min-width:0;padding:12px;border:1px solid #d9dbe4;border-radius:8px;background:#fff;color:var(--ink);font-size:16px}
.odhad .field input:focus,.odhad .field select:focus{outline:2px solid var(--accent);outline-offset:1px}
.odhad-naseptavac{list-style:none;margin:-4px 0 6px;padding:4px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 10px 24px #20233314;max-height:300px;overflow:auto}
.odhad-naseptavac li{padding:10px 12px;border-radius:7px;cursor:pointer;font-size:15px;color:var(--ink)}
.odhad-naseptavac li small{color:var(--muted);font-size:12px;margin-left:6px}
.odhad-naseptavac li[aria-selected=true],.odhad-naseptavac li:hover{background:var(--soft)}
.odhad .odhad-misto{min-height:1.6em;margin:4px 0 0;font-size:14px;color:var(--accent)}
.odhad .odhad-pozn,.article-main .odhad p.odhad-pozn{margin:10px 0 0;font-size:13px;line-height:1.7;color:var(--muted)}
.odhad .odhad-recap{margin:0 0 6px;padding:10px 12px;border-radius:8px;background:var(--soft);font-size:14px;color:var(--ink)}
.odhad .consent{margin-top:14px}
.odhad-med{position:absolute;left:-9999px}
.odhad .odhad-chyba{margin:12px 0 0;color:#a22e21;font-size:14px}
.odhad .odhad-chyba:empty{display:none}
.odhad-akce{display:flex;align-items:center;gap:18px;margin-top:18px}
.odhad-akce .primary{flex:1}
.odhad-zpet{border:0;background:none;color:var(--muted);font-size:14px;padding:10px 0}
.odhad .odhad-stitek{margin:0 0 4px;font-size:12px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--accent)}
.odhad .odhad-cena,.article-main .odhad p.odhad-cena{margin:0;font:700 30px/1.25 Poppins,Arial,sans-serif;color:var(--ink);letter-spacing:-.6px}
.odhad .odhad-cena-mala{font-size:22px}
.odhad-vysledek:focus{outline:none}
.odhad-doplneni .primary{margin-top:12px}
.odhad-noscript{font-size:14px}
.odhad-hero{max-width:860px;margin:0 auto}
@media(max-width:640px){
 .odhad{padding:18px 14px;border-radius:14px}
 .odhad-form,.odhad-vysledek{padding:18px 14px}
 .odhad-typy,.odhad-pole{grid-template-columns:1fr}
 .odhad .odhad-cena,.article-main .odhad p.odhad-cena{font-size:24px}
}
