.logo-wrapper {
    min-height: 100px;  /* zmenšeno z 200px */
    display: flex;
    flex-direction: column;
    transition: background-color 0.3s ease-in-out;
    padding: 1rem;  /* Přidání paddingu zpět */
}

img[title^="logo"] {
    object-fit: contain;
    filter: grayscale(100%);
    transition: filter 0.3s ease-in-out;
    max-height: 150px;  /* Zvětšeno z 120px */
    max-width: 250px;  /* Zvětšeno z 220px */
}

img[title^="logo"]:hover {
    filter: grayscale(0%);
}

img[title^="certifikace"] {
    object-fit: contain;
    filter: grayscale(100%);
    transition: filter 0.3s ease-in-out;
    max-height: 150px;  /* Zvětšeno z 120px */
    max-width: 250px;  /* Zvětšeno z 220px */
    border-bottom: 3px solid rgb(168, 168, 159);
    padding-bottom: 10px;
}

img[title^="certifikace"]:hover {
    filter: grayscale(0%);
}

figure.left:has(img[title^="logo"]) {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

figure.left:has(img[title^="certifikace"]) {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

figure.center:has(img[title^="logo"]) figcaption,
figure.center:has(img[title^="logo"]) figcaption em {
    font-size: 1em;
    font-style: normal !important;
    margin-top: 1rem;
    font-weight: 500;
}

figure.center:has(img[title^="certifikace"]) figcaption,
figure.center:has(img[title^="certifikace"]) figcaption em {
    font-size: 1em;
    font-style: normal !important;
    margin-top: 1rem;
    font-weight: 500;
}

@media (max-width: 768px) {
    .logo-wrapper {
        padding: 0.5rem;  /* Menší padding na mobilu */
    }

    img[title^="logo"],
    img[title^="certifikace"] {
        max-height: 120px;  /* Zmenšeno na mobilu */
        max-width: 200px;  /* Zmenšeno na mobilu */
    }
}