/* ===================================================================
   SIRYAP GLOBAL — LOGO ÖLÇÜLERİ (TEK KAYNAK)
   Logo boyutunu değiştirmek isterseniz SADECE bu dosyayı düzenleyin.
   Bu dosya tüm sayfalarda style.css'ten SONRA yüklenir.
   Logo tek parça (küre + "SIRYAP GLOBAL" yazısı bir arada).
   Oran: 1015 / 560 = 1.8125  ->  genişlik = yükseklik x 1.8125
   =================================================================== */

.site-header {
    --logo-h:     76px;   /* sayfanın en üstünde (şeffaf header) */
    --logo-box-w: 142px;  /* logo alanının sabit genişliği */
}
.site-header.scrolled {
    --logo-h:     52px;   /* aşağı kaydırınca küçülür */
}

.site-header .header-logo {
    position: relative;
    min-width: 0;
    display: block;
    flex-shrink: 0;
    width: var(--logo-box-w);
    height: var(--logo-h);
    transition: height 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Beyaz ve altın logo üst üste durur, aralarında opacity geçişi olur */
.site-header .header-logo .logo-set {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: auto;
    height: auto;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

.site-header .header-logo .logo-full {
    display: block;
    height: var(--logo-h);
    width: auto;
    max-width: none;
    aspect-ratio: 1015 / 560;
    object-fit: contain;
    transition: height 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Durum 1: sayfanın en üstü → BEYAZ logo */
.site-header .header-logo .logo-set-white { opacity: 1; }
.site-header .header-logo .logo-set-gold  { opacity: 0; }
.site-header .header-logo .logo-set-white img {
    filter: drop-shadow(0 2px 10px rgba(0, 0, 0, 0.38));
}

/* Durum 2: aşağı kaydırınca → ALTIN logo */
.site-header.scrolled .header-logo .logo-set-white { opacity: 0; }
.site-header.scrolled .header-logo .logo-set-gold  { opacity: 1; }

/* Footer logosu */
.footer-logo-split .footer-logo-img {
    display: block;
    height: 86px;
    width: auto;
    max-width: none;
    aspect-ratio: 1015 / 560;
    object-fit: contain;
    opacity: 1;
}

/* Mobil menü logosu */
.mnav-logo {
    height: 42px;
    width: auto;
    max-width: none;
    aspect-ratio: 1015 / 560;
    object-fit: contain;
}

@media (max-width: 1280px) {
    .site-header          { --logo-h: 70px; --logo-box-w: 131px; }
    .site-header.scrolled { --logo-h: 50px; }
}
@media (max-width: 768px) {
    .site-header          { --logo-h: 60px; --logo-box-w: 113px; }
    .site-header.scrolled { --logo-h: 46px; }
    .footer-logo-split .footer-logo-img { height: 74px; }
}
@media (max-width: 480px) {
    .site-header          { --logo-h: 52px; --logo-box-w: 99px; }
    .site-header.scrolled { --logo-h: 42px; }
}