/* * Refaktoryzacja sekcji #shorts 
 * Cel: Eliminacja asymetrii wywołanej przez natywne klasy WP (Gutenberg)
 * Architektura: Blokowe centrowanie + Defensive CSS przeciwko theme.json
 */

.wp-block-group.shorts-section {
background: #ff85c5; 
background: linear-gradient(180deg, #ff9cd3 0%, #ff85c5 100%);
    /* Aplikujemy wyłącznie padding pionowy na główny kontener */
    /*padding-top: 100px !important;
    padding-bottom: 100px !important;
    /* Reset bocznych paddingów narzucanych przez .has-global-padding */
    /*padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100%;
    /* Neutralizacja klasy .is-layout-constrained */
    /*max-width: 100% !important; */
    overflow: hidden;
    display: block; 
    padding-top: var(--shorts-section-padding-top);
    padding-bottom: var(--shorts-section-padding-bottom);
}

/* Bezpieczne wyśrodkowanie wewnątrz głównego kontenera */
.shorts-section .vimeo-swiper-container {
    max-width: 1240px;
    width: 100%;
    /* Rygorystyczne wymuszenie symetrycznych marginesów (wyśrodkowanie) */
    margin-left: auto !important;
    margin-right: auto !important;
    /* Padding boczny zabezpieczający przed przyleganiem wideo do krawędzi na mniejszych ekranach */
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}

.shorts-section-h{
    color: var(--inv-section-text-color) !important; 
    font-family: var(--font-primary);
    font-size: var(--h1-font-size);
    font-weight: var(--h1-font-weight);
    letter-spacing: var(--h1-letter-spacing);
    text-transform: var(--h1-text-transform);
    padding-bottom: 60px !important;;
}



@media (max-width: 1190px) {
    #shorts{
        padding-top: 40px !important;
    }
    .shorts-section-h{
        font-size: var(--mobile-scaled-h1-font-size) !important;
        padding-bottom: 30px !important;
    }
}