/*The "Partnerzy" title, description (on the right) and image with logos below."*/


/*Background of the whole section*/
.congress-partners-bg{
    background:var(--site-bg-color);
    padding-top: var(--partners-padding-top);
    margin-top: var(--partners-margin-top);
    padding-bottom: var(--partners-padding-bottom);
    margin-bottom: var(--partners-margin-bottom) !important;
}



/* Container with heading and description */
.congress-partners {
    background-color: var(--site-bg-color);
    
    /* * Top & Bottom padding increased to 80px.
     * Left & Right padding uses calc() to simulate a centered 1100px inner container.
     * This pushes the texts closer together on large screens while keeping the background full width.
     */
    
    align-items: center !important;
    display: flex !important;
    justify-content: space-between !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Large PARTNERS heading */
.congress-partners h2.wp-block-heading {
    color: var(--h1-text-color); 
    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);
}
.congress-partners-bg h3.wp-block-heading {
    color: var(--h1-text-color); 
    font-family: var(--font-primary);
    font-size: var(--h2-font-size);
    font-weight: var(--h3-font-weight);
    letter-spacing: var(--h3-letter-spacing);
    text-transform: var(--h3-text-transform);
    padding-bottom: var(--partners-title-carusel-gap);
    text-transform: none !important;
}

/* Smaller description text on the right */
.congress-partners p {
    line-height: var(--p-line-heght);
    font-weight: var(--p-font-weight);
    color: var(--p-text-color);
    font-family: var(--font-primary);
    font-size: var(--p-font-size);

    margin: 0 !important;
    text-align: left;
}

/************************************888
IMAGE BELOW - PARTNERS LOGOS
**********************************************/

.partners-logos {
    /*background: linear-gradient(
    180deg, 
    #ff1891 0%, 
    #FFFFFF 10%, 
    #FFFFFF 90%, 
    #ff1891 100%
  );*/

  background: var(--high-contrast-bg-color);
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding-top:60px;
    padding-bottom:60px;
}

.partners-logos .wp-block-image {
    margin: 0;
    max-width: 100%;
    display: flex;
    justify-content: center;
}

.partners-logos img {
    max-width: 100% !important;
    height: auto !important; 
    display: block;
    margin: 0 auto; 
    align-self: center;
}

/****************************************
MOBILE
***************************************/

@media (max-width: 1191px) {
    
    .congress-partners-bg {
        padding-top: var(--partners-mobile-padding-top) !important;
        padding-bottom: var(--partners-mobile-padding-bottom) !important;
    }

    .congress-partners {
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        gap: var(--partners-mobile-gap) !important;
        /* Zapewnia, że kontener nie wypchnie layoutu */
        width: 100% !important;
        overflow: hidden; 
    }

    .congress-partners p {
        text-align: center !important;
        max-width: 600px; 
        margin: 0 auto !important;
        font-size: var(--p-mobile-font-size);
        /* Dodatkowe zabezpieczenie dla tekstu */
        overflow-wrap: break-word;
        word-wrap: break-word;
    }

    .congress-partners h2.wp-block-heading {
        /* 1. Kluczowe dla nie-wychodzenia poza ekran */
        width: 100%;
        max-width: 100vw;
        box-sizing: border-box;
        padding: 0 20px; /* Margines wewnętrzny, żeby litery nie dotykały krawędzi tel. */
        
        /* 2. Wymuszanie łamania bardzo długich słów */
        overflow-wrap: break-word;
        word-wrap: break-word;
        word-break: break-word;
        hyphens: auto; /* Automatyczne dzielenie słów (opcjonalne) */

        /* 3. Elastyczny rozmiar czcionki */
        /* Jeśli --mobile-h1-font-size jest za duży, clamp() go ograniczy */
        font-size: var(--mobile-h1-font-size) !important;
        line-height: 1.2; /* Lepsza czytelność przy łamaniu na kilka linii */
    }

}
@media(max-width:600px){

    .congress-partners h2.wp-block-heading {

        font-size: var(--mobile-scaled-h1-font-size) !important;
    }
}