/* ----------------------- HEADER ---------------------
   Od 13. 10. 2026 ma stranka standardni hero (.post-header, styly
   v kritickem CSS v header.php), .header-nas-tym uz se nepouziva. */

/* Hero: fotka je svetla, tmavsi prekryv kvuli citelnosti textu */
.lektori-stranka .style-background-header::before {
    background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.25));
}

/* ----------------- OBSAH STRANKY ------------------*/

.stranky-content {
    padding-top: 4%;
    padding-bottom: 6%;
    margin-bottom: 0;
    padding-bottom: 3.8%
}
/* Pod hero: mezera k drobeckum jako na ostatnich strankach (.part-1 = 22 px),
   ne 4 % jako u stare hlavicky */
.stranky-content.lektori-obsah { padding-top: 0; }
.stranky-content h1 {
    padding-bottom: 4%;
}
@media (max-width: 700px) {
    .stranky-content{
        padding-top: 8%;
    }
    .stranky-content.lektori-obsah { padding-top: 0; }
    .stranky-content{
        padding-bottom:10%;
    }
    .stranky-content-NM{
        padding-top: 8%;
    }
}


.nas-tym .container{
    width: 800px;
	padding: 0 5px 0 5px;
}

.nas-tym img{
    border: 6px solid white;
    border-radius: 50%;
    max-width: 100%;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.06);
}

.nas-tym h3{
    text-align: center;
    font-weight: 500;
    font-size: 1.5em;
}
.nas-tym p{
    text-align: center;
}
.nas-tym picture { display: block; }
.nas-tym picture img { display: block; margin: 0 auto; width: 100%; max-width: 400px; height: auto; aspect-ratio: 1 / 1; object-fit: cover; }

/* Role pod jmenem */
.nas-tym .lektor-role {
    display: block;
    text-align: center;
    font-size: .95em;
    color: var(--color1);
    margin: -.6em 0 .8em;
}

/* .line section uz nema float ani sirku - rozvrzeni resi grid
   v sekci LEKTORSKA MRIZKA na konci souboru. */

.line2 section{
    float: left;
    width: 42%;
    margin: 0 4% 2.5em 4%;  
}

.nas-tym-text{
    height: auto;
    padding: 3em;
    text-align: center;
}

.nas-tym-text p{
    margin-top: 2em;
    margin-bottom: 2em;
    line-height: 1.6em;
}

.fotogalerie{
    height: auto;
    width: 100%;
    font-size: 0;
}

.fotogalerie img{
    max-width: 100%;
    height: auto;
    width: 33.333%;
}

.nas-tym-text p:last-child {
    margin-bottom: 0;
}

@media (max-width: 1200px) {
    .fotogalerie img{
        width: 50%;
    }
    .nas-tym .fotky1{
        padding-left: 15%;
    }
}

@media (max-width: 800px) {
    .fotogalerie img{
        width: 100%;
    }

    .nas-tym .container{
        width: 400px;
    }
}
@media (max-width: 400px) {
    .nas-tym img{
        max-width: 100%;
        height: auto;
    }
    .nas-tym .container{
        width: 360px;
    }
}
@media (max-width: 360px) {
    .nas-tym .container{
        width: 320px;
    }
}
@media (max-width: 320px) {
    .nas-tym .container{
        width: 280px;
    }
}
@media (max-width: 280px) {
    .nas-tym .container{
        width: 260px;
    }
}
@media (max-width: 260px) {
    .nas-tym .container{
        width: 220px;
    }
}

/* ---------------- LEKTORSKA MRIZKA ----------------
   Mobile first. Pod 760 px jsou lektori pod sebou, nad 760 px ve
   dvou sloupcich. Posledni lektor se pri lichem poctu roztahne pres
   oba sloupce a vycentruje na sirku jednoho sloupce - stoji tedy
   uprostred posledni radky.

   Pri sudem poctu (4 lektori) se nic nedeje a mrizka je 2x2. */

.nas-tym .line {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2.5rem;
}
.nas-tym .line section {
    margin: 0;
}

@media (min-width: 760px) {
    .nas-tym .line {
        grid-template-columns: 1fr 1fr;
        gap: 2.5rem 3rem;
    }
    .nas-tym .line section:last-child:nth-child(odd) {
        grid-column: 1 / -1;
        width: calc(50% - 1.5rem);
        margin-left: auto;
        margin-right: auto;
    }
}


/* Odkaz „Objednat masaz od Jana“ pod medailonkem (includes/lektor-masaze.php) */
.nas-tym .lektor-objednat {
    display: block;
    text-align: center;
    margin-top: .5em;
    color: var(--color1);
    font-size: .92em;
    font-weight: 500;
}
.nas-tym .lektor-objednat:hover { text-decoration: underline; }

/* ---------------- KDO UCI KTERY KURZ ----------------
   Jeden radek na kurz: miniatura, nazev + kategorie, vpravo kolecka lektoru.
   Sirka 836 px jako karty jinde na webu. */
.kdo-uci { padding: 0 15px; }
.kdo-uci .container { max-width: 836px; padding: 0; }
.kdo-uci .nadpis-h1.nadpis-h1 { margin-top: 2.4em; }
.kdo-uci-seznam { display: grid; grid-template-columns: 1fr; gap: .6em; }
.kdo-uci-radek {
    display: grid;
    grid-template-columns: 64px 1fr auto;
    gap: 1em;
    align-items: center;
    padding: .7em .9em;
    background: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .05);
    color: var(--color5);
    transition: box-shadow .2s;
}
.kdo-uci-radek:hover { box-shadow: 0 6px 14px rgba(0, 0, 0, .09); }
.kdo-uci-foto { width: 64px; height: 48px; object-fit: cover; border-radius: 4px; display: block; }
.kdo-uci-nazev { font-weight: 500; line-height: 1.3; }
.kdo-uci-nazev small { display: block; font-weight: 300; font-size: .85em; color: var(--color6); }
.kdo-uci-radek:hover .kdo-uci-nazev { color: var(--color1); }
.kdo-uci-lektori { display: flex; }
.kdo-uci-lektori img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: 0 0 0 2px #fff;
    margin-left: -10px;
    border: 0;
}
.kdo-uci-lektori img:first-child { margin-left: 0; }
.kdo-uci-legenda {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.2em;
    margin: 1.2em 0 0;
    font-size: .85em;
    color: var(--color6);
}
.kdo-uci-legenda span { display: inline-flex; align-items: center; gap: .4em; }
.kdo-uci-legenda img { width: 24px; height: 24px; border-radius: 50%; object-fit: cover; border: 0; }
@media (max-width: 480px) {
    .kdo-uci-radek { grid-template-columns: 48px 1fr auto; gap: .7em; padding: .6em .7em; }
    .kdo-uci-foto { width: 48px; height: 36px; }
    .kdo-uci-nazev { font-size: .92em; }
    .kdo-uci-lektori img { width: 30px; height: 30px; margin-left: -8px; }
}

/* ---------------- JAK UCIME: tri karty, veta, duvera ----------------
   Sirka 836 px jako sekce nad tim. */
.jak-ucime { padding: 0 15px 3.4em; }
.jak-ucime .container { max-width: 836px; padding: 0; }
.jak-ucime .nadpis-h1.nadpis-h1 { margin-top: 2.4em; }
.jak-ucime-text { max-width: 760px; margin: 0 auto; }
.jak-ucime-text p { text-align: center; line-height: 1.65em; margin: 0 0 1.1em; }
.jak-ucime-text p:last-child { margin-bottom: 0; }
.jak-ucime-zaver {
    max-width: 760px;
    margin: 1.1em auto 0;
    text-align: center;
    line-height: 1.6em;
}
.jak-ucime .oddelovac { margin: 2.4em auto; }   /* symbol mezi textem a kartami, uprostred mezery */
.duvera-karty { display: grid; grid-template-columns: 1fr; gap: 1.2em; margin-top: 0; }
.duvera-karta {
    display: grid;
    grid-template-columns: 72px 1fr;
    gap: .9em;
    align-items: center;
    padding: 1em 1.1em;
    background: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .05);
    color: var(--color5);
    text-align: left;
}
.duvera-karta img { width: 72px; height: 72px; object-fit: cover; border-radius: 6px; display: block; border: 0; }
.duvera-hvezdy {
    display: grid;
    place-items: center;
    width: 72px;
    height: 72px;
    border-radius: 6px;
    background: #fcf4ef;
    color: var(--color1);
    font-size: .85em;
    line-height: 1;
    letter-spacing: 0;
    white-space: nowrap;
    overflow: hidden;
}
.duvera-karta > span:last-child { font-size: .88em; line-height: 1.4; color: var(--color6); }
.duvera-karta b { display: block; margin-bottom: .15em; font-size: 1.1em; font-weight: 500; color: var(--color5); }
.duvera-karta:hover b { color: var(--color1); }
@media (min-width: 700px) {
    .duvera-karty { grid-template-columns: 1fr 1fr; }
}