/**
 * Header logo boyutu — theme_header_logo_size (tüm düzenlerde aynı).
 * Yükseklik :root’taki --header-logo-height değişkenlerinden gelir.
 */

.header .logo,
.header-layout__logo {
    flex-shrink: 0;
    min-width: min-content;
    max-width: 100%;
    overflow: visible;
}

.header .logo a,
.header-layout__logo a {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    min-width: min-content;
    max-width: 100%;
    text-decoration: none;
}

.logo-img,
.header-layout__logo .logo-img,
.header-layout__logo img.logo-img,
.logo .logo-img {
    display: block;
    flex-shrink: 0;
    width: auto;
    height: var(--header-logo-height, 70px);
    max-height: var(--header-logo-height, 70px);
    max-width: min(320px, 100%);
    object-fit: contain;
    object-position: left center;
}

body.ui-header-center .header-layout__logo a,
body.ui-header-utility .header-layout__logo a {
    justify-content: center;
}

body.ui-header-center .header-layout__logo .logo-img,
body.ui-header-utility .header-layout__logo .logo-img {
    object-position: center center;
}

@media (min-width: 969px) {
    body.ui-header-compact .header-layout__logo,
    body.ui-header-dual .header-layout__logo,
    body.ui-header-inline .header-layout__logo,
    body.ui-header-utility .header-layout__logo {
        position: relative;
        z-index: 2;
        min-width: min-content;
    }

    body.ui-header-utility .header-layout__logo a {
        width: auto;
        min-width: min-content;
    }
}

@media (max-width: 968px) {
    .logo-img,
    .header-layout__logo .logo-img,
    .header-layout__logo img.logo-img,
    .logo .logo-img,
    .mobile-menu-logo .mobile-logo-img {
        height: var(--header-logo-height-mobile, 50px);
        max-height: var(--header-logo-height-mobile, 50px);
    }
}
