/* =========================================================
   ŠABLONA: single Trenér (bio)
   Hlavička (fotka, jméno, role, kontakty) + obsah (taby).
   Fonty a barvy dle brandu. WYSIWYG obsah plně stylovaný.
   ========================================================= */

.mts-trener {
    background-color: var(--color-bg);
}
.mts-trener,
.mts-trener * {
    font-family: var(--font-body);
}

/* =========================================================
   SEKCE 1: HLAVIČKA
   ========================================================= */
.mts-trener-hlavicka {
    position: relative;
    margin-top: 5.5rem;
    padding: 4rem 0;
    background-color: var(--color-body);
    text-align: center;
    overflow: hidden;
    isolation: isolate;
    min-height: 50vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Triskelion vodoznak v pozadí (jako Kariéra) */
.mts-trener-hlavicka::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 45rem;
    height: 45rem;
    background-color: var(--color-ground, #F4EBE7);
    opacity: 0.1;
    z-index: 1;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 146.3 143'%3E%3Cpath d='M71.4,86.8c2,6.2,5.4,12.6,5.4,12.6c33.2-26.8,44-75.6-4-99.4C42.8,12.2,34.4,47.8,46,70l-0.1-0.1 c11.1-1.1,18.6,0.9,18.6,0.9C46.2,52.6,57,25.4,72.8,16.6h0.4C101.4,36,90.8,67.6,71.4,86.8z M104.4,75.8c21.8,1.6,44.2,20.6,41.8,51.8c-15.6,21.4-64.6,28.8-85.6-35.4c4-1.2,7.8-3,10.8-5.4 c3.2,11,26.8,60.2,61,35.8c-0.6-19.2-13.2-36-36.2-32.4C99.6,82.2,102.4,78.4,104.4,75.8z M70,80.6C30,66.6-2.8,87,0.2,128.8c10,14,45.6,25.4,66.4-5.2c-3.2-6.2-5-10-8.6-18.2 c-3.8,25.2-29.6,29-45.2,17.8C13.6,99.4,33,82.6,60.6,91.6C65.2,86,67.2,83.8,70,80.6z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 146.3 143'%3E%3Cpath d='M71.4,86.8c2,6.2,5.4,12.6,5.4,12.6c33.2-26.8,44-75.6-4-99.4C42.8,12.2,34.4,47.8,46,70l-0.1-0.1 c11.1-1.1,18.6,0.9,18.6,0.9C46.2,52.6,57,25.4,72.8,16.6h0.4C101.4,36,90.8,67.6,71.4,86.8z M104.4,75.8c21.8,1.6,44.2,20.6,41.8,51.8c-15.6,21.4-64.6,28.8-85.6-35.4c4-1.2,7.8-3,10.8-5.4 c3.2,11,26.8,60.2,61,35.8c-0.6-19.2-13.2-36-36.2-32.4C99.6,82.2,102.4,78.4,104.4,75.8z M70,80.6C30,66.6-2.8,87,0.2,128.8c10,14,45.6,25.4,66.4-5.2c-3.2-6.2-5-10-8.6-18.2 c-3.8,25.2-29.6,29-45.2,17.8C13.6,99.4,33,82.6,60.6,91.6C65.2,86,67.2,83.8,70,80.6z'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}

/* Obsah hlavičky nad vodoznakem */
.mts-trener-hlavicka > .container {
    position: relative;
    z-index: 2;
}

/* Fotka v kolečku */
.mts-trener-foto {
    width: 15rem;
    height: 15rem;
    margin: 0 auto 1.5rem;
    border-radius: 50%;
    overflow: hidden;
    border: 4px solid rgba(255, 255, 255, 0.9);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.mts-trener-foto img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.mts-trener-jmeno {
    font-family: var(--font-heading);
    font-size: var(--text-h1);
    font-weight: 900;
    line-height: 1.15;
    color: white;
    margin: 0 0 0.5rem;
}
.mts-trener-role {
    color: rgba(255, 255, 255, 0.8);
    font-weight: 500;
    font-size: 1.15rem;
    margin: 0 0 1.75rem;
}

/* Kontaktní ikony */
.mts-trener-kontakty {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.75rem;
}
.mts-trener-kontakt {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 50%;
    background-color: white;
    color: var(--color-body);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.25s ease, color 0.25s ease, transform 0.25s ease;
}
.mts-trener-kontakt:hover {
    background-color: var(--color-sport);
    color: white;
    transform: translateY(-2px);
}
.mts-trener-kontakt svg {
    width: 1.2rem;
    height: 1.2rem;
    display: block;
}

/* =========================================================
   SEKCE 2: OBSAH (taby)
   ========================================================= */
.mts-trener-obsah {
    position: relative;   /* kotva pro dekorativní tečky */
    overflow: hidden;     /* tečky přetékající přes okraj se ořízne */
    padding: 6rem 0;
}
/* Obsah nad tečkami (tečky mají z-index 0). */
.mts-trener-obsah > .container {
    position: relative;
    z-index: 1;
}
.mts-trener-taby {
    max-width: 850px;
    margin: 0 auto;
}

/* Přepínače tabů */
.mts-trener-taby-nav {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    border-bottom: 1px solid #E5E0D8;
    margin-bottom: 2.5rem;
}
.mts-trener-tab-btn {
    padding: 0.9rem 2rem;
    border: none;
    background: none;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    color: var(--color-slate);
    font-family: var(--font-body);
    font-weight: 500;
    font-size: 1rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    cursor: pointer;
    transition: color 0.25s ease, border-color 0.25s ease;
}
.mts-trener-tab-btn:hover {
    color: var(--color-sport);
}
.mts-trener-tab-btn.active {
    color: var(--color-sport);
    border-bottom-color: var(--color-sport);
}

/* Panely */
.mts-trener-tab-panel[hidden] {
    display: none;
}
.mts-trener-tab-panel.is-animating {
    animation: mts-trener-fade 0.4s ease;
}
@keyframes mts-trener-fade {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Bílá karta obsahu */
.mts-trener-tab-obsah {
    background-color: rgba(255, 255, 255, 0.1);
    padding: 3rem;
    border-radius: 1.5rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
    color: var(--color-text, #4A5568);
    line-height: 1.7;
    font-size: 1.125rem;
}

/* =========================================================
   WYSIWYG OBSAH (cokoli, co trenér vloží)
   ========================================================= */
.mts-trener-tab-obsah > *:first-child {
    margin-top: 0;
}
.mts-trener-tab-obsah > *:last-child {
    margin-bottom: 0;
}
.mts-trener-tab-obsah p {
    margin: 0 0 1.25rem;
	font-size: 1.25rem;
}
.mts-trener-tab-obsah h2,
.mts-trener-tab-obsah h3,
.mts-trener-tab-obsah h4 {
    font-family: var(--font-heading);
    font-weight: 700;
    color: var(--color-sport);
    line-height: 1.2;
    margin: 2rem 0 1rem;
}
.mts-trener-tab-obsah h2 { font-size: 2.5rem; }
/* Ikona uvozovek vlevo od H2 nadpisu (dědí barvu textu přes currentColor). */
.mts-trener-tab-obsah h2 {
    display: flex;
    align-items: center;
    gap: 0.6em;
}
.mts-trener-tab-obsah h2::before {
    content: "";
    flex-shrink: 0;
    width: 3em;
    height: 3em;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='black' d='M467.712,112.032c-3.11-4.565-9.33-5.744-13.895-2.634c-4.565,3.11-5.744,9.331-2.634,13.895C477.886,162.488,492,208.377,492,256c0,130.131-105.869,236-236,236S20,386.131,20,256S125.869,20,256,20c48.663,0,95.382,14.688,135.106,42.473c4.526,3.166,10.76,2.064,13.926-2.462c3.166-4.526,2.063-10.76-2.462-13.926C359.468,15.936,308.785,0,256,0C187.62,0,123.333,26.628,74.981,74.981C26.628,123.333,0,187.62,0,256s26.628,132.667,74.981,181.02C123.333,485.371,187.62,512,256,512s132.667-26.629,181.019-74.98C485.372,388.667,512,324.38,512,256C512,204.344,496.685,154.561,467.712,112.032z M437.363,75.323l-0.342-0.343c-3.906-3.905-10.238-3.905-14.143,0c-3.905,3.906-3.905,10.238,0,14.143l0.342,0.343c1.952,1.953,4.512,2.929,7.071,2.929s5.118-0.977,7.072-2.929C441.268,85.56,441.268,79.228,437.363,75.323z M199.965,257.022h-30.349c2.826-48.435,26.462-56.432,44.515-58.075c5.151-0.469,9.094-4.787,9.094-9.959v-55.989c0-2.749-1.132-5.378-3.13-7.267c-1.998-1.889-4.689-2.868-7.431-2.717c-40.081,2.255-70.76,16.15-91.185,41.299c-20.06,24.7-30.231,60.551-30.231,106.558v84.091c0,18.768,15.269,34.037,34.037,34.037h74.681c18.768,0,34.037-15.269,34.036-34.038v-63.903C234.002,272.291,218.733,257.022,199.965,257.022z M214.003,354.963c0,7.74-6.297,14.037-14.037,14.037h-74.681c-7.74,0-14.037-6.297-14.037-14.037v-84.091c0-41.297,8.666-72.906,25.756-93.949c15.191-18.704,36.921-29.561,66.222-33.027v36.469c-26.389,5.441-53.889,25.735-53.889,86.658c0,5.522,4.477,10,10,10h40.629c7.74,0,14.037,6.297,14.037,14.037V354.963z M386.714,257.023h-30.349c2.826-48.434,26.462-56.432,44.515-58.075c5.151-0.469,9.094-4.787,9.094-9.959V133c0-2.749-1.132-5.378-3.13-7.267c-1.998-1.889-4.689-2.868-7.431-2.717c-40.082,2.255-70.761,16.15-91.186,41.299c-20.059,24.7-30.23,60.551-30.23,106.558v3.461c0,5.522,4.477,10,10,10s10-4.478,10-10v-3.461c0-41.297,8.665-72.906,25.755-93.949c15.191-18.704,36.92-29.561,66.222-33.027v36.468c-26.389,5.442-53.889,25.735-53.889,86.658c0,5.522,4.477,10,10,10h40.629c7.74,0,14.037,6.297,14.037,14.037v63.903c0,7.74-6.297,14.037-14.037,14.037h-74.681c-7.74,0-14.037-6.297-14.037-14.037V349.5c0-5.522-4.477-10-10-10s-10,4.478-10,10v5.463c0,18.768,15.269,34.037,34.037,34.037h74.681c18.768,0,34.037-15.269,34.037-34.037V291.06C420.751,272.292,405.482,257.023,386.714,257.023z M287.997,299.583c-5.523,0-10,4.478-10,10V310c0,5.522,4.477,10,10,10s10-4.478,10-10v-0.417C297.997,304.061,293.52,299.583,287.997,299.583z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='black' d='M467.712,112.032c-3.11-4.565-9.33-5.744-13.895-2.634c-4.565,3.11-5.744,9.331-2.634,13.895C477.886,162.488,492,208.377,492,256c0,130.131-105.869,236-236,236S20,386.131,20,256S125.869,20,256,20c48.663,0,95.382,14.688,135.106,42.473c4.526,3.166,10.76,2.064,13.926-2.462c3.166-4.526,2.063-10.76-2.462-13.926C359.468,15.936,308.785,0,256,0C187.62,0,123.333,26.628,74.981,74.981C26.628,123.333,0,187.62,0,256s26.628,132.667,74.981,181.02C123.333,485.371,187.62,512,256,512s132.667-26.629,181.019-74.98C485.372,388.667,512,324.38,512,256C512,204.344,496.685,154.561,467.712,112.032z M437.363,75.323l-0.342-0.343c-3.906-3.905-10.238-3.905-14.143,0c-3.905,3.906-3.905,10.238,0,14.143l0.342,0.343c1.952,1.953,4.512,2.929,7.071,2.929s5.118-0.977,7.072-2.929C441.268,85.56,441.268,79.228,437.363,75.323z M199.965,257.022h-30.349c2.826-48.435,26.462-56.432,44.515-58.075c5.151-0.469,9.094-4.787,9.094-9.959v-55.989c0-2.749-1.132-5.378-3.13-7.267c-1.998-1.889-4.689-2.868-7.431-2.717c-40.081,2.255-70.76,16.15-91.185,41.299c-20.06,24.7-30.231,60.551-30.231,106.558v84.091c0,18.768,15.269,34.037,34.037,34.037h74.681c18.768,0,34.037-15.269,34.036-34.038v-63.903C234.002,272.291,218.733,257.022,199.965,257.022z M214.003,354.963c0,7.74-6.297,14.037-14.037,14.037h-74.681c-7.74,0-14.037-6.297-14.037-14.037v-84.091c0-41.297,8.666-72.906,25.756-93.949c15.191-18.704,36.921-29.561,66.222-33.027v36.469c-26.389,5.441-53.889,25.735-53.889,86.658c0,5.522,4.477,10,10,10h40.629c7.74,0,14.037,6.297,14.037,14.037V354.963z M386.714,257.023h-30.349c2.826-48.434,26.462-56.432,44.515-58.075c5.151-0.469,9.094-4.787,9.094-9.959V133c0-2.749-1.132-5.378-3.13-7.267c-1.998-1.889-4.689-2.868-7.431-2.717c-40.082,2.255-70.761,16.15-91.186,41.299c-20.059,24.7-30.23,60.551-30.23,106.558v3.461c0,5.522,4.477,10,10,10s10-4.478,10-10v-3.461c0-41.297,8.665-72.906,25.755-93.949c15.191-18.704,36.92-29.561,66.222-33.027v36.468c-26.389,5.442-53.889,25.735-53.889,86.658c0,5.522,4.477,10,10,10h40.629c7.74,0,14.037,6.297,14.037,14.037v63.903c0,7.74-6.297,14.037-14.037,14.037h-74.681c-7.74,0-14.037-6.297-14.037-14.037V349.5c0-5.522-4.477-10-10-10s-10,4.478-10,10v5.463c0,18.768,15.269,34.037,34.037,34.037h74.681c18.768,0,34.037-15.269,34.037-34.037V291.06C420.751,272.292,405.482,257.023,386.714,257.023z M287.997,299.583c-5.523,0-10,4.478-10,10V310c0,5.522,4.477,10,10,10s10-4.478,10-10v-0.417C297.997,304.061,293.52,299.583,287.997,299.583z'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.mts-trener-tab-obsah h3 { font-size: 2rem; }
.mts-trener-tab-obsah h4 { font-size: 1.5rem; }

.mts-trener-tab-obsah a {
    color: var(--color-mind);
    text-decoration: underline;
    text-underline-offset: 2px;
    transition: color 0.2s ease;
}
.mts-trener-tab-obsah a:hover {
    color: var(--color-sport);
}

.mts-trener-tab-obsah ul,
.mts-trener-tab-obsah ol {
    margin: 0 0 1.25rem;
    padding-left: 1.5rem;
}
.mts-trener-tab-obsah li {
    margin-bottom: 0.5rem;
}

.mts-trener-tab-obsah strong {
    color: var(--color-sport);
    font-weight: 700;
}

/* Blockquote (modrý proužek, Fraunces italic) */
.mts-trener-tab-obsah blockquote {
    border-left: 4px solid var(--color-body);
    padding-left: 1.5rem;
    margin: 1.75rem 0;
    font-family: var(--font-heading);
    font-style: italic;
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 1.5;
    color: var(--color-sport);
}
.mts-trener-tab-obsah blockquote p {
    margin: 0;
	font-size: 1.375rem;
}

/* Obrázky a média */
.mts-trener-tab-obsah img {
    max-width: 100%;
    height: auto;
    border-radius: 0.75rem;
    margin: 1.5rem 0;
}
.mts-trener-tab-obsah iframe {
    max-width: 100%;
    border-radius: 0.75rem;
    margin: 1.5rem 0;
}

/* =========================================================
   RESPONZIVITA
   ========================================================= */
@media (max-width: 767px) {
    .mts-trener-hlavicka {
        padding: 3.5rem 0 3rem;
    }
    .mts-trener-foto {
        width: 13rem;
        height: 13rem;
    }
    .mts-trener-obsah {
        padding: 4rem 0;
    }
    .mts-trener-tab-obsah {
        padding: 2rem 1.5rem;
    }
    .mts-trener-tab-btn {
        padding: 0.75rem 1.25rem;
        font-size: 0.9rem;
    }
}

/* Mobil (do 479px): ikona uvozovek NAD nadpisem (zarovnaná vlevo). */
@media (max-width: 479px) {
    .mts-trener-tab-obsah h2 {
        flex-direction: column;
        align-items: flex-start;
    }
	.mts-trener-tab-obsah h2::before {
    width: 2em;
    height: 2em;
}
}