/* ==========================================================
   Doplňkové styly nových obsahových stránek BTA WORK
   (stránky lektorů a měst, organizační pokyny, služby, fotogalerie).
   Načítá se až za styl.css, přebírá jeho proměnné a tvarosloví:
   ostré rohy, malinová jako akcent, krémové plochy.
   ========================================================== */

/* ---------- Společná textová plocha ---------- */
.seo-text{font-size:16.5px;line-height:1.72;color:var(--text);max-width:820px}
.seo-text h2{font-size:clamp(22px,2.2vw,27px);color:var(--grafit);margin:34px 0 12px}
.seo-text h3{font-size:18.5px;color:var(--grafit);margin:24px 0 8px}
.seo-text p{margin-bottom:14px}
.seo-text ul,.seo-text ol{margin:0 0 16px;padding-left:22px}
.seo-text li{margin-bottom:8px}
.seo-text a{color:var(--malina);font-weight:600}
.seo-uzky{max-width:860px}

/* ---------- Poradna: seznam otázek ---------- */
.por-sekce{margin-bottom:44px}
.por-sekce > h2{
  font-size:clamp(22px,2.2vw,27px);color:var(--grafit);
  padding-bottom:10px;border-bottom:2px solid var(--malina);margin-bottom:4px;
}
.por-sekce > .por-pod{color:var(--seda);font-size:15px;margin:8px 0 18px}
.por-seznam{list-style:none;display:grid;gap:10px}
.por-polozka{
  background:#fff;border:1px solid var(--linka);
  transition:border-color .16s,box-shadow .16s,transform .16s;
}
.por-polozka:hover{border-color:var(--malina);box-shadow:0 10px 24px rgba(26,26,26,.07);transform:translateY(-2px)}
.por-polozka a{
  display:flex;gap:14px;align-items:flex-start;
  padding:16px 18px;text-decoration:none;color:var(--grafit);
}
.por-polozka .por-ot{font-weight:700;font-size:16.5px;line-height:1.5;display:block}
.por-polozka .por-per{display:block;color:var(--seda);font-size:14.5px;margin-top:5px;font-weight:400}
.por-polozka .por-ik{
  flex-shrink:0;width:34px;height:34px;background:var(--malina-svetla);color:var(--malina);
  display:flex;align-items:center;justify-content:center;font-weight:700;font-size:17px;
}

/* ---------- Poradna: detail jedné otázky ---------- */
.por-detail{max-width:820px}
.por-detail .por-zpet{display:inline-flex;gap:7px;align-items:center;color:var(--malina);text-decoration:none;font-weight:700;font-size:15px;margin-bottom:20px}
.por-detail .por-zpet:hover{text-decoration:underline}
.por-odpoved{
  background:var(--krem);border-left:4px solid var(--malina);
  padding:22px 26px;margin:20px 0 26px;font-size:16.5px;line-height:1.72;
}
.por-odpoved p{margin-bottom:12px}
.por-odpoved p:last-child{margin-bottom:0}
.por-odpoved ul,.por-odpoved ol{margin:0 0 12px;padding-left:22px}
.por-odpoved li{margin-bottom:6px}
.por-odpoved a{color:var(--malina)}
.por-lektor{color:var(--seda);font-size:15px;margin-bottom:26px}
.por-lektor strong{color:var(--grafit)}

/* ---------- Pruh s pozvánkou na navazující školení ---------- */
.seo-pruh{
  display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap;
  background:var(--krem);border:1px solid var(--linka);padding:20px 24px;margin:26px 0;
}
.seo-pruh-text{display:flex;flex-direction:column;gap:3px;min-width:240px}
.seo-pruh-k{
  font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--malina);font-weight:700;
}
.seo-pruh-text strong{font-size:18px;color:var(--grafit);line-height:1.4}
.seo-pruh-text strong a{color:var(--grafit);text-decoration:none}
.seo-pruh-text strong a:hover{color:var(--malina)}
.seo-pruh-text span:last-child{color:var(--seda);font-size:14.5px}

/* ---------- Časté dotazy ----------
   Vzhled bloku s dotazy se přestěhoval do styl.css, protože blok se dnes
   vkládá i na stránky, které seo-obsah.css nenačítají (školení, studovna,
   přihláška, detail školení). Třídy zůstávají stejné: .faq-seznam,
   .faq-polozka, .faq-odpoved. */

/* ---------- Stránky měst a služeb ---------- */
.seo-mrizka{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin:26px 0}
.seo-karta{background:#fff;border:1px solid var(--linka);padding:24px}
.seo-karta h3{font-size:18px;color:var(--grafit);margin-bottom:8px}
.seo-karta p{color:var(--seda);font-size:15.5px;line-height:1.65}
.seo-karta ul{margin:8px 0 0;padding-left:20px;color:var(--seda);font-size:15.5px}
.seo-karta li{margin-bottom:6px}
.seo-adresa{
  display:flex;gap:14px;align-items:flex-start;background:var(--krem);
  border:1px solid var(--linka);padding:20px 24px;margin-bottom:26px;
}
.seo-adresa svg{width:22px;height:22px;stroke:var(--malina);fill:none;stroke-width:1.9;flex-shrink:0;margin-top:3px}
.seo-adresa strong{display:block;color:var(--grafit);margin-bottom:3px}
.seo-adresa span{color:var(--seda);font-size:15.5px}

/* ---------- Stránka lektora ---------- */
.lekt-hlavicka{display:flex;gap:28px;align-items:flex-start;flex-wrap:wrap}
.lekt-portret{
  width:170px;height:170px;flex-shrink:0;overflow:hidden;
  /* podklad je tmavší než krémová hlavička, ať je rámeček s iniciálami vidět
     i u lektora, který zatím nemá nahranou fotku */
  background:var(--krem-tmavsi);border:1px solid var(--linka);
  display:flex;align-items:center;justify-content:center;
  font-size:52px;font-weight:700;color:var(--malina);
}
.lekt-portret img{width:100%;height:100%;object-fit:cover}
.lekt-uvod{flex:1;min-width:280px}
.lekt-uvod h1{margin-bottom:8px}
.lekt-uvod .lekt-chip{display:inline-block;margin-bottom:14px}
.lekt-uvod p{color:var(--seda);font-size:16.5px;line-height:1.72}

/* ---------- Recenze v menším bloku ---------- */
.seo-recenze{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:20px}
.seo-recenze .r{background:#fff;border:1px solid var(--linka);padding:22px 24px}
.seo-recenze .r p{color:#3a3a3a;font-size:15.5px;line-height:1.7;margin-bottom:12px}
.seo-recenze .r .kdo{color:var(--seda);font-size:14px}
.seo-recenze .r .hv{color:var(--malina);letter-spacing:.08em;font-size:14px;display:block;margin-bottom:8px}

@media (max-width:700px){
  .seo-pruh{flex-direction:column;align-items:flex-start}
  .lekt-portret{width:130px;height:130px;font-size:40px}
}

/* špendlík v kartě místa je odkaz na mapu */
.seo-adresa > a{display:flex;flex-shrink:0;margin-top:3px}
.seo-adresa > a svg{margin-top:0}