/* ══════════════════════════════════════════════════════════════════
   SMĚR 1 — „Vložit nemovitost" (majitelský tok proti API `/reality/*`)
   Žádná nová barva, žádný nový font: všechno ze `_spolecne/zaklad.css`.
   ══════════════════════════════════════════════════════════════════ */

.vlozit{padding:calc(var(--nav-v) + clamp(2.5rem,6vw,4.5rem)) 0 clamp(4rem,8vw,6rem)}
.vlozit h1{max-width:18ch}
.vlozit > .obal > .podtext{margin-bottom:clamp(2rem,4vw,3rem)}
.kdo{font-size:.82rem;color:var(--tlumene);white-space:nowrap}

/* ── ukazatel kroků ─────────────────────────────────────────────── */
.kroky-pas{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;
  margin:0 0 clamp(2rem,4vw,3rem)}
.kroky-pas li{border-top:2px solid var(--linka);padding-top:.9rem;
  display:flex;align-items:baseline;gap:.7rem;color:var(--slabe);
  transition:color .4s var(--tah),border-color .4s var(--tah)}
.kroky-pas li b{font-family:Outfit,Inter,sans-serif;font-weight:400;font-size:1.4rem}
.kroky-pas li span{font-size:.9rem}
.kroky-pas li.ted{color:var(--inkoust);border-top-color:var(--zlato)}
.kroky-pas li.hotovo{color:var(--tlumene);border-top-color:rgba(197,160,89,.5)}
.kroky-pas li.hotovo b::after{content:" ✓";color:var(--zlato)}

/* ── panely ─────────────────────────────────────────────────────── */
.panel{background:var(--list);border:1px solid var(--linka);border-radius:1.1rem;
  padding:clamp(1.4rem,3vw,2.4rem);margin-bottom:1.4rem}
.panel h2{font-size:clamp(1.25rem,2.4vw,1.6rem)}
.panel .podtext{margin-bottom:1.8rem}
.panel-pata{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;
  border-top:1px solid var(--linka);padding-top:1.4rem;margin-top:1.8rem}

/* ── formulářová pole ───────────────────────────────────────────── */
.mriz-poli{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}
.pole{display:block}
.pole.siroke{grid-column:span 2}
.pole.uzke{max-width:22rem;margin-bottom:1.4rem}
.pole > span{display:block;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--tlumene);margin-bottom:.45rem}
.pole > span em{font-style:normal;letter-spacing:.04em;text-transform:none;
  color:var(--slabe);margin-left:.4rem}
.pole input,.pole select{width:100%;background:var(--krem);color:var(--inkoust);
  border:1px solid var(--linka);border-radius:.7rem;padding:.72rem .95rem;
  font:inherit;transition:border-color .3s var(--tah)}
.pole input:focus,.pole select:focus{border-color:var(--zlato);outline:none}
.pole-radek{display:flex;gap:.8rem;align-items:flex-end;flex-wrap:wrap;
  margin-bottom:1rem}
.pole-radek .pole{flex:1 1 18rem}

.hlaska{margin:0;font-size:.9rem;color:var(--tlumene)}
.hlaska.chyba{color:#8C3A2E}
.hlaska.ok{color:#4C6B54}

/* ── dropzóna ───────────────────────────────────────────────────── */
.dropzona{border:1px dashed rgba(197,160,89,.55);border-radius:1rem;
  background:var(--krem);padding:clamp(1.8rem,4vw,2.8rem);text-align:center;
  display:grid;gap:.6rem;justify-items:center;
  transition:border-color .3s var(--tah),background .3s var(--tah)}
.dropzona.nad{border-color:var(--zlato);background:rgba(197,160,89,.08)}
.dropzona b{font-family:Outfit,Inter,sans-serif;font-weight:400;font-size:1.1rem}
.dropzona span{font-size:.9rem;color:var(--tlumene)}
.dropzona .tlac{margin-top:.5rem}

/* ── seznam fotek s verdiktem ───────────────────────────────────── */
.fotky{display:grid;gap:.9rem;margin-top:1.4rem}
.fotky li{display:grid;grid-template-columns:6.5rem 1fr auto;gap:1rem;align-items:center;
  border:1px solid var(--linka);border-radius:.9rem;padding:.7rem;background:var(--krem)}
.fotky img{width:6.5rem;height:4.6rem;object-fit:cover;border-radius:.55rem;
  border:1px solid var(--linka)}
.fotky .mist{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--zlato)}
.fotky .verdikt{margin-top:.2rem;font-size:.94rem}
.fotky .detaily{margin-top:.25rem;font-size:.8rem;color:var(--slabe)}
.fotky li.ok{border-color:rgba(76,107,84,.45)}
.fotky li.ne{border-color:rgba(140,58,46,.45)}
.fotky li.ceka{opacity:.65}
.fotky li.ok .verdikt{color:#4C6B54}
.fotky li.ne .verdikt{color:#8C3A2E}
.fotky .znak{font-family:Outfit,Inter,sans-serif;font-size:1.5rem;padding:0 .6rem}
.fotky li.ok .znak{color:#4C6B54}
.fotky li.ne .znak{color:#8C3A2E}
.fotky .hlavni-stitek{display:inline-block;margin-left:.5rem;font-size:.66rem;
  letter-spacing:.14em;text-transform:uppercase;color:#fff;background:var(--zlato);
  border-radius:2rem;padding:.14rem .55rem;vertical-align:.1em}
.fotky .smazat{background:none;border:0;color:var(--slabe);font-size:.8rem;
  letter-spacing:.1em;text-transform:uppercase;cursor:pointer;padding:.4rem .6rem}
.fotky .smazat:hover{color:#8C3A2E}

/* ── krok 3 ─────────────────────────────────────────────────────── */
.panel.hotovo{border-color:rgba(197,160,89,.5)}
.stav-seznam{display:grid;gap:1.1rem;margin:0 0 1.6rem}
.stav-seznam li{border-top:1px solid var(--linka);padding-top:.9rem}
.stav-seznam b{display:block;font-family:Outfit,Inter,sans-serif;font-weight:400;
  color:var(--zlato);margin-bottom:.25rem}
.stav-seznam span{color:var(--tlumene);font-size:.96rem}
.stav-seznam li.bezi b::after{content:" ●";color:var(--zlato);
  animation:tep 1.8s ease-in-out infinite}

/* ── mobil ──────────────────────────────────────────────────────── */
@media (max-width:900px){
  .mriz-poli{grid-template-columns:1fr 1fr}
  .pole.siroke{grid-column:span 2}
}
@media (max-width:760px){
  /* Na 390 px vytlačil dlouhý e-mail tlačítko „Zpět na nabídku" z lišty úplně
     (změřeno snímkem, ne odhadem). Kdo je přihlášený, je vidět v kroku 3 i tak;
     cesta zpátky je důležitější. */
  .kdo{display:none}
}
@media (max-width:620px){
  .mriz-poli{grid-template-columns:1fr}
  .pole.siroke{grid-column:span 1}
  .kroky-pas{grid-template-columns:1fr;gap:.4rem}
  .kroky-pas li{border-top:1px solid var(--linka);padding-top:.6rem}
  .fotky li{grid-template-columns:4.6rem 1fr;grid-template-areas:"o t" "a a"}
  .fotky img{width:4.6rem;height:3.6rem}
  .fotky .znak{display:none}
}