
/* =========================================================
   O NÁS – Naše hodnoty / Vedení / Organizační struktura
   Zarovnání a hlavičky jako Kontakty
   ========================================================= */

:is(
    #page-about,
    #page-about-vedeni,
    #page-about-struktura
){
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 0 64px !important;
    background:#f4f6f9 !important;
}

/* Všechny tři horní lišty na stejné ose jako Kontakty */
#page-about .values-prague-hero,
#page-about-vedeni .leadership-prague-hero,
#page-about-struktura .structure-prague-hero{
    width:100% !important;
    margin:0 0 42px !important;
    padding:40px max(24px,calc((100% - 1260px)/2)) 38px !important;
    border:0 !important;
    border-bottom:3px solid #ffd400 !important;
    border-radius:0 !important;
    background:#071d3a !important;
    color:#fff !important;
    box-shadow:none !important;
}

/* Breadcrumby */
#page-about .values-prague-breadcrumb,
#page-about-vedeni .leadership-prague-breadcrumb,
#page-about-struktura .structure-prague-breadcrumb{
    display:flex !important;
    align-items:center !important;
    gap:7px !important;
    margin:0 0 16px !important;
    color:#b9c9d9 !important;
    font-size:.82rem !important;
}

#page-about .values-prague-breadcrumb a,
#page-about-vedeni .leadership-prague-breadcrumb a,
#page-about-struktura .structure-prague-breadcrumb a{
    color:inherit !important;
    text-decoration:none !important;
    cursor:pointer !important;
}

#page-about .values-prague-breadcrumb a:hover,
#page-about-vedeni .leadership-prague-breadcrumb a:hover,
#page-about-struktura .structure-prague-breadcrumb a:hover{
    color:#fff !important;
    text-decoration:underline !important;
}

#page-about .values-prague-breadcrumb span,
#page-about-vedeni .leadership-prague-breadcrumb span,
#page-about-struktura .structure-prague-breadcrumb span{
    color:#7f95a9 !important;
}

/* Nadpisy stejné jako Kontakty */
#page-about .values-prague-hero h2,
#page-about-vedeni .leadership-prague-hero h2,
#page-about-struktura .structure-prague-hero h2{
    margin:0 !important;
    color:#fff !important;
    font-family:'Plus Jakarta Sans',sans-serif !important;
    font-size:clamp(1.5rem,2.5vw,1.9rem) !important;
    font-weight:700 !important;
    line-height:1.2 !important;
    letter-spacing:-.5px !important;
    text-transform:none !important;
}

/* Obsah na přesně stejné šířce jako Kontakty */
#page-about .values-prague-content,
#page-about-vedeni .leadership-prague-content,
#page-about-struktura .org-admin-card{
    width:min(1260px,calc(100% - 48px)) !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

#page-about .values-prague-content,
#page-about-vedeni .leadership-prague-content{
    margin-top:0 !important;
}

/* Struktura už má kartu – jen sjednotit okraj a šířku */
#page-about-struktura .org-admin-card{
    margin-top:0 !important;
}

/* Mobile stejně jako Kontakty */
@media(max-width:650px){
    #page-about .values-prague-hero,
    #page-about-vedeni .leadership-prague-hero,
    #page-about-struktura .structure-prague-hero{
        margin-bottom:28px !important;
        padding:30px 20px !important;
    }

    #page-about .values-prague-content,
    #page-about-vedeni .leadership-prague-content,
    #page-about-struktura .org-admin-card{
        width:calc(100% - 32px) !important;
    }
}
