/**
 * TSI – Większe odstępy sekcji PF
 * CSS działa wyłącznie dlatego, że plik jest ładowany przez PHP na stronie głównej.
 */

:root {
    --tsi-pf-space-desktop: 140px;
    --tsi-pf-space-tablet: 110px;
    --tsi-pf-space-mobile: 80px;
}

/* Profile klientów – padding jest na zewnętrznej sekcji. */
main#content.pf-nowa-strona-glowna > .section-type-profile_klientow {
    padding-top: var(--tsi-pf-space-desktop) !important;
    padding-bottom: var(--tsi-pf-space-desktop) !important;
}

/* Proces autorski, referencje i FAQ – padding jest na kontenerze modułu. */
main#content.pf-nowa-strona-glowna .tsi-pa-container,
main#content.pf-nowa-strona-glowna .tsi-ref-container,
main#content.pf-nowa-strona-glowna .tsi-faq-container {
    padding-top: var(--tsi-pf-space-desktop) !important;
    padding-bottom: var(--tsi-pf-space-desktop) !important;
}

/* Analiza wizerunku i przegląd Case Studies. */
main#content.pf-nowa-strona-glowna > .tsi-aw-section,
main#content.pf-nowa-strona-glowna > .tsi-csh-section {
    padding-top: var(--tsi-pf-space-desktop) !important;
    padding-bottom: var(--tsi-pf-space-desktop) !important;
}

/* Cennik nie ma osobnego znacznika section, dlatego zmieniamy jego główny kontener. */
main#content.pf-nowa-strona-glowna .cennik {
    padding-top: var(--tsi-pf-space-desktop) !important;
    padding-bottom: var(--tsi-pf-space-desktop) !important;
}

/* Dodatkowe standardowe moduły motywu, gdy zostaną użyte na stronie głównej. */
main#content.pf-nowa-strona-glowna > .section-type-kolumny > div,
main#content.pf-nowa-strona-glowna > .section-type-rozwijane_zakladki > div,
main#content.pf-nowa-strona-glowna > .section-type-galeria,
main#content.pf-nowa-strona-glowna > .section-type-slider_zdjec {
    padding-top: var(--tsi-pf-space-desktop) !important;
    padding-bottom: var(--tsi-pf-space-desktop) !important;
}

/* Tablet. */
@media (max-width: 1100px) {
    main#content.pf-nowa-strona-glowna > .section-type-profile_klientow,
    main#content.pf-nowa-strona-glowna > .tsi-aw-section,
    main#content.pf-nowa-strona-glowna > .tsi-csh-section,
    main#content.pf-nowa-strona-glowna .tsi-pa-container,
    main#content.pf-nowa-strona-glowna .tsi-ref-container,
    main#content.pf-nowa-strona-glowna .tsi-faq-container,
    main#content.pf-nowa-strona-glowna .cennik,
    main#content.pf-nowa-strona-glowna > .section-type-kolumny > div,
    main#content.pf-nowa-strona-glowna > .section-type-rozwijane_zakladki > div,
    main#content.pf-nowa-strona-glowna > .section-type-galeria,
    main#content.pf-nowa-strona-glowna > .section-type-slider_zdjec {
        padding-top: var(--tsi-pf-space-tablet) !important;
        padding-bottom: var(--tsi-pf-space-tablet) !important;
    }
}

/* Telefon. */
@media (max-width: 767px) {
    main#content.pf-nowa-strona-glowna > .section-type-profile_klientow,
    main#content.pf-nowa-strona-glowna > .tsi-aw-section,
    main#content.pf-nowa-strona-glowna > .tsi-csh-section,
    main#content.pf-nowa-strona-glowna .tsi-pa-container,
    main#content.pf-nowa-strona-glowna .tsi-ref-container,
    main#content.pf-nowa-strona-glowna .tsi-faq-container,
    main#content.pf-nowa-strona-glowna .cennik,
    main#content.pf-nowa-strona-glowna > .section-type-kolumny > div,
    main#content.pf-nowa-strona-glowna > .section-type-rozwijane_zakladki > div,
    main#content.pf-nowa-strona-glowna > .section-type-galeria,
    main#content.pf-nowa-strona-glowna > .section-type-slider_zdjec {
        padding-top: var(--tsi-pf-space-mobile) !important;
        padding-bottom: var(--tsi-pf-space-mobile) !important;
    }
}