/* =========================================================
   ÚTVARY – stejné vodorovné zarovnání jako stránka Kontakty
   Platí pro Třebotín, Týnec, PJ, DD, OD a Instruktorský tým.
   ========================================================= */

/* Hlavičky: text začíná přesně na stejné ose jako Kontakty. */
:is(
    #page-stanice-trebotin,
    #page-op-tynec,
    #page-dept-poradkova,
    #page-dept-dopravni,
    #page-dept-operacni,
    #page-dept-instruktori
) .station-hero{
    padding-left:max(24px,calc((100% - 1260px)/2)) !important;
    padding-right:max(24px,calc((100% - 1260px)/2)) !important;
}

/* Třebotín + Týnec: celý obsah má stejnou šířku jako .contact-page-content. */
:is(#page-stanice-trebotin,#page-op-tynec) .station-content{
    width:min(1260px,calc(100% - 48px)) !important;
    margin:42px auto 0 !important;
}

/* PJ / DD / OD / Instruktoři: obsah pod dynamickou hlavičkou na stejné ose jako Kontakty. */
:is(
    #page-dept-poradkova,
    #page-dept-dopravni,
    #page-dept-operacni,
    #page-dept-instruktori
).has-unit-dept-hero > div:not(.unit-dept-hero),
:is(
    #page-dept-poradkova,
    #page-dept-dopravni,
    #page-dept-operacni,
    #page-dept-instruktori
).has-unit-dept-hero > .card{
    width:min(1260px,calc(100% - 48px)) !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

/* Pokud se detail útvaru zobrazí ještě před vytvořením dynamické hlavičky,
   i jeho hlavní karta drží stejnou šířku. */
:is(
    #page-dept-poradkova,
    #page-dept-dopravni,
    #page-dept-operacni,
    #page-dept-instruktori
) > .card{
    width:min(1260px,calc(100% - 48px)) !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

/* Stejný odstup po hlavičce jako na Kontaktech. */
:is(
    #page-dept-poradkova,
    #page-dept-dopravni,
    #page-dept-operacni,
    #page-dept-instruktori
) .unit-dept-hero{
    margin-bottom:42px !important;
}

/* Zachovat mřížky uvnitř, jen je nenechat přetékat. */
:is(
    #page-stanice-trebotin,
    #page-op-tynec,
    #page-dept-poradkova,
    #page-dept-dopravni,
    #page-dept-operacni,
    #page-dept-instruktori
) .tynec-location-grid,
:is(
    #page-stanice-trebotin,
    #page-op-tynec,
    #page-dept-poradkova,
    #page-dept-dopravni,
    #page-dept-operacni,
    #page-dept-instruktori
) .station-leaders,
:is(
    #page-dept-poradkova,
    #page-dept-dopravni,
    #page-dept-operacni,
    #page-dept-instruktori
) .unit-leadership-showcase{
    width:100% !important;
    max-width:none !important;
}

/* Mobil stejně jako Kontakty. */
@media(max-width:650px){
    :is(#page-stanice-trebotin,#page-op-tynec) .station-content,
    :is(
        #page-dept-poradkova,
        #page-dept-dopravni,
        #page-dept-operacni,
        #page-dept-instruktori
    ).has-unit-dept-hero > div:not(.unit-dept-hero),
    :is(
        #page-dept-poradkova,
        #page-dept-dopravni,
        #page-dept-operacni,
        #page-dept-instruktori
    ).has-unit-dept-hero > .card,
    :is(
        #page-dept-poradkova,
        #page-dept-dopravni,
        #page-dept-operacni,
        #page-dept-instruktori
    ) > .card{
        width:calc(100% - 32px) !important;
    }

    :is(
        #page-stanice-trebotin,
        #page-op-tynec,
        #page-dept-poradkova,
        #page-dept-dopravni,
        #page-dept-operacni,
        #page-dept-instruktori
    ) .station-hero{
        padding-left:20px !important;
        padding-right:20px !important;
    }
}