/* ==========================================================================
   HEADER GENEL STİLLERİ
   ========================================================================== */
.top-banner-wrapper { width: 100%; display: block; background-color: #000; overflow: hidden; position: relative; z-index: 10; }
.top-banner-link { display: block; width: 100%; text-decoration: none; }
.top-banner-wrapper img, .top-banner-wrapper video { width: 100%; display: block; object-fit: cover; object-position: center; }
.top-banner-desktop, .top-banner-all { display: block !important; height: 60px !important; }
.top-banner-mobile { display: none !important; }
@media (max-width: 768px) {
    .top-banner-desktop { display: none !important; }
    .top-banner-mobile, .top-banner-all { display: block !important; height: 50px !important; max-width: 600px; margin: 0 auto; }
}

.swal2-container { z-index: 100000 !important; }

:root { --ana-renk: #a6030c; --ana-renk-koyu: #7a0208; --danger-color: #dc2626; }

/* Bildirim Menüsü Stilleri */
.notif-wrapper { position: relative; display: flex; align-items: center; }
.notif-dropdown { display: none; position: absolute; top: calc(100% + 15px); right: -40px; background: #fff; width: 280px; box-shadow: 0 10px 25px rgba(0,0,0,0.15); border-radius: 8px; border: 1px solid #eee; overflow: hidden; z-index: 99999; margin: 0; text-align: left; }
.notif-dropdown.active { display: block; }
.notif-item { display: flex; align-items: center; padding: 12px 15px; border-bottom: 1px solid #f5f5f5; color: #374151; font-size: 13px; text-decoration: none; transition: 0.2s; font-weight: normal; cursor: pointer; }
.notif-item:hover { background: #f9fafb; color: var(--ana-renk); }
.notif-item i { font-size: 16px; width: 20px; color: var(--ana-renk); margin-right: 10px; }

@keyframes alertBlink { 0% { opacity: 1; } 50% { opacity: 0.4; } 100% { opacity: 1; } }
.notif-item.has-alert { color: var(--danger-color); font-weight: bold; animation: alertBlink 1.2s infinite ease-in-out; }
.notif-item.has-alert i { color: var(--danger-color); }
@media (max-width: 768px) { .notif-dropdown { right: -80px; } }

/* ==========================================================================
   HIZLI MENÜ (Mobilde Sol Menü)
   ========================================================================== */
#hizliMenuPanel { transition: transform 0.4s ease-in-out !important; }
#hizliMenuPanel.menu-acik { transform: translateX(0) !important; }

#hizliMenuPanel > div:first-child { background-color: #7a0208 !important; border-color: rgba(255,255,255,0.1) !important; }
#hizliMenuPanel > div:last-child { background-color: #a6030c !important; border-color: rgba(255,255,255,0.1) !important; }

#hizliMenuPanel h3,
#hizliMenuPanel h4,
#hizliMenuPanel span,
#hizliMenuPanel p,
#hizliMenuPanel i { color: #ffffff !important; }

#hizliMenuPanel button:not(.left-menu-btn) { color: #ffffff !important; }

#hizliMenuPanel a { color: #ffffff !important; background-color: rgba(255,255,255,0.08) !important; border: 1px solid rgba(255,255,255,0.1) !important; }
#hizliMenuPanel a:hover { background-color: rgba(255,255,255,0.2) !important; border-color: rgba(255,255,255,0.4) !important; color: #ffffff !important; }
#hizliMenuPanel a img { filter: brightness(0) invert(1); }

#hizliMenuPanel button.left-menu-btn { 
    background-color: #ffffff !important; 
    color: var(--ana-renk) !important; 
    padding: 12px 16px !important; 
    border-radius: 8px !important; 
    text-align: left !important; 
    font-weight: 700 !important; 
    border: 1px solid transparent !important;
    transition: all 0.3s ease !important;
}
#hizliMenuPanel button.left-menu-btn.active { 
    background-color: rgba(255,255,255,0.15) !important; 
    color: #ffffff !important; 
    border: 1px solid rgba(255,255,255,0.4) !important; 
}
#hizliMenuPanel button.left-menu-btn:hover:not(.active) { 
    background-color: #f1f1f1 !important; 
}

#hizliMenuPanel .custom-scrollbar::-webkit-scrollbar,
#hizliMenuPanel .menu-scrollbar::-webkit-scrollbar { width: 6px; }
#hizliMenuPanel .custom-scrollbar::-webkit-scrollbar-track,
#hizliMenuPanel .menu-scrollbar::-webkit-scrollbar-track { background: rgba(0,0,0,0.1); border-radius: 4px; }
#hizliMenuPanel .custom-scrollbar::-webkit-scrollbar-thumb,
#hizliMenuPanel .menu-scrollbar::-webkit-scrollbar-thumb { background: #ffffff !important; border-radius: 4px; border: 1px solid rgba(0,0,0,0.1); }

/* ==========================================================================
   MASAÜSTÜ HEADER GENEL
   ========================================================================== */
#deskHeader { transition: background-color 0.3s ease, top 0.3s ease, padding 0.3s ease; }
#siteLogo { transition: max-height 0.3s ease; }

.hide-scrollbar::-webkit-scrollbar { display: none; }
.hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* KATEGORİLER İÇİN İNCE GRİ KAYDIRMA ÇUBUĞU */
.custom-scroll::-webkit-scrollbar { width: 5px; height: 5px; display: block; }
.custom-scroll::-webkit-scrollbar-track { background: transparent; }
.custom-scroll::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
.custom-scroll::-webkit-scrollbar-thumb:hover { background: #94a3b8; }
/* Firefox Uyumluluğu İçin */
.custom-scroll { -ms-overflow-style: auto; scrollbar-width: thin; scrollbar-color: #cbd5e1 transparent; }

/* ==========================================================================
   APPLE / SAFARİ DÜZELTMELERİ (YENİ EKLENEN BÖLÜM)
   ========================================================================== */

/* Z-Index ve Donanım Hızlandırması: Header'ın hero veya slider altında kalmasını önler */
body header.fixed {
    background: linear-gradient(to right, #5e0206, #d90411) !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2) !important;
    top: 0 !important;
    margin-top: 0 !important;
    position: fixed !important;
    z-index: 9999 !important; 
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

/* İkonların Safari'de Büyüyüp Patlamasını Önleyen Kesin Sınırlar */
.icon-gradient-mask {
    background: linear-gradient(135deg, #5e0206, #d90411) !important;
    -webkit-mask-size: contain !important;
    -webkit-mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-size: contain !important;
    mask-repeat: no-repeat !important;
    mask-position: center !important;
    display: block !important; 
    flex-shrink: 0 !important; 
    min-width: 32px !important; 
    min-height: 32px !important; 
    width: 32px !important;
    height: 32px !important;
}