/* --- Grant Direct Partners Block --- */

/* Poznámka: Hlavní padding a šířku nyní řeší třída .work-container z vaší šablony.
   Třída .gd-partners-block slouží jen pro dodatečné odsazení obsahu uvnitř.
*/
.gd-partners-block {
    padding-top: 60px;   /* Odstup od předchozí sekce */
    padding-bottom: 60px; /* Odstup od patičky/další sekce */
    background: transparent; /* Pozadí necháme průhledné/bílé jako zbytek webu */
}

/* Hlavička sekce - sjednocení s H2 na webu */
.gd-section-header {
    text-align: center;
    margin-bottom: 50px;
}

/* Cílíme přímo na H2 uvnitř bloku, abychom přepsali/sjednotili styl */
.gd-section-header h2 {
    font-family: 'Open Sans', sans-serif; /* Písmo webu */
    font-size: 30px;      /* Velikost odpovídající nadpisům sekcí */
    font-weight: 700;     /* Tučné */
    text-transform: uppercase; /* Velká písmena jako u "O NÁS" */
    color: #222;          /* Tmavě šedá/černá */
    margin-bottom: 15px;
    letter-spacing: 1px;
}

.gd-subtitle {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #666;
    margin-top: 0;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

/* --- Mřížka log (5 sloupců + SVG fix) --- */
.gd-logos-grid {
    display: grid;
    gap: 30px; /* Větší mezery pro vzdušnost */
    /* Desktop: 5 sloupců */
    grid-template-columns: repeat(5, 1fr);
    align-items: center;
    justify-items: center;
    margin-bottom: 50px;
}

/* Karty loga - zjednodušené (bez rámečku), aby to vypadalo čistěji jako "About" */
.gd-logo-item {
    width: 100%;
    height: 100px; /* Fixní výška prostoru pro logo */
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
    
    /* Odstranil jsem rámeček (border) a bílé pozadí, 
       aby loga působila, že "leží" přímo na stránce, což je modernější.
       Pokud chcete rámečky zpět, odkomentujte níže: */
    /* background: #fff; */
    /* border: 1px solid #eee; */
    /* padding: 10px; */
    /* border-radius: 4px; */
}

.gd-logo-item img {
    /* Maximální rozměry */
    max-width: 100%; 
    max-height: 70px; 
    
    /* SVG & Rozměry */
    width: auto; 
    height: auto; 
    object-fit: contain; 
    
    /* Vizuální efekty */
    filter: grayscale(100%);
    opacity: 0.6; /* Jemnější v základu */
    transition: all 0.3s ease;
    display: block; 
}

/* Hover efekty - při najetí se logo vybarví a ztmavne */
.gd-logo-item:hover img {
    filter: grayscale(0%);
    opacity: 1;
    transform: scale(1.05); /* Jemné zvětšení samotného loga */
}

/* Tlačítko - stylizace do černé linky (outline) */
.gd-cta-wrapper {
    text-align: center;
}

.gd-btn-outline {
    display: inline-block;
    padding: 12px 30px;
    border: 2px solid #333;
    color: #333;
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    background: transparent;
}

.gd-btn-outline:hover {
    background: #333;
    color: #fff;
    text-decoration: none;
}

/* --- RESPONSIVITA --- */

/* Tablet (pod 1024px) -> 3 sloupce */
@media (max-width: 1024px) {
    .gd-logos-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }
}

/* Mobil (pod 600px) -> 2 sloupce */
@media (max-width: 600px) {
    .gd-logos-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
    
    .gd-section-header h2 {
        font-size: 24px;
    }
    
    .gd-partners-block {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}