/* ----------------------------------------------------------------------
   PARTNERS LOGOS GRID
   ---------------------------------------------------------------------- */
.bg-partneri {
    background-color: var(--bg-white, #fff);
    padding-top: 30px;
}

#anchor_partneri {
    position: relative;
    top: -100px;
    display: block;
    visibility: hidden;
}

#orgs-logo-container .orgs-logos-flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

#orgs-logo-container .orgs-logos-flex a {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s ease;
}

#orgs-logo-container .orgs-logos-flex a:hover {
    transform: scale(1.05);
    /* Jemný efekt při najetí */
}

#orgs-logo-container a img {
    max-width: 170px;
    max-height: 110px;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
    /* Odstraněn margin, řeší to flex gap */
}

/* ----------------------------------------------------------------------
   PARTNERS TEXT CONTENT (Modernized Layout)
   ---------------------------------------------------------------------- */
.content-partners {
    margin: 0 0 40px 0;
}

.content-partners h3 {
    margin-bottom: 25px;
    color: var(--color-primary, #5dbc00);
}

/* Nahrazeno staré řešení (float: left, width: 240px) 
   za CSS Grid kontejner, který musíš přidat do HTML rodiče těchto divů,
   nebo (pokud nemůžeš měnit HTML) zde používáme Flexbox fallback.
*/

/* Pokud jsou .partners-div v nějakém kontejneru (např. .row), 
   zde je resetujeme pro responzivitu */
.partners-div {
    width: 100%;
    max-width: 100%;
    text-align: left;
    font-size: 1.125rem;
    line-height: 1.8;
    color: var(--color-text-main, #333);
    margin: 0;
}

.partners-div h3 {
    color: var(--color-text-main, #000);
    /* Původně black, sjednoceno s textem */
    font-size: 1.5rem;
    /* 24px */
    font-weight: 700;
    margin-bottom: 1rem;
}

/* Desktop layout pro partnery - pokud jsou v řadě */
@media (min-width: 768px) {

    /* Zde předpokládám, že rodič .partners-div má třídu .row nebo d-flex.
       Pokud ne, a jen tak tam plavaly, toto je bezpečnější náhrada floatů: */
    .container-partners-grid {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 2rem;
    }
}