/* ============================================================
   Marka renk yapısı — RENK DEĞERLERİ dinamik olarak layout'ta
   ayarlardan (theme_primary / theme_header) enjekte edilir.
   Bu dosya sadece YAPISAL kuralları içerir; renkler değişkenlerden gelir:
     --brand-primary       (ana renk)
     --brand-header        (header vurgu rengi)
     --brand-header-rgb    (header rengi R,G,B)
     --main-h/s/l          (MarketPro shade sistemi — ana renkten türetilir)
   ============================================================ */

/* Gradyan yardımcı sınıf */
.brand-gradient {
    background: linear-gradient(120deg, var(--brand-primary), var(--brand-header)) !important;
}

/* Ürün kartı görseli: kare olmayan görseller de kartı TAM doldursun (cover).
   MarketPro'nun img genişlik kısıtlamasını override eder. */
.product-card__thumb {
    display: block !important;
    width: 100% !important;
    overflow: hidden;
}
.product-card__thumb img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center !important;
}

/* ============================================================
   HEADER = VURGU RENGİ BÖLGESİ
   MarketPro shade renklerini :root'ta bir kez hesapladığı için
   header içindeki main-* sınıflarını doğrudan override ediyoruz.
   ============================================================ */
.header-topbar,
.header-middle .bg-main-600,
.header-menu .bg-main-600,
.header-mobile .bg-main-600 {
    background-color: var(--brand-header) !important;
}
.header-menu .bg-main-600:hover,
.header-topbar { background-color: var(--brand-header) !important; }

/* Açık vurgu zeminler (telefon dairesi vb.) */
.header-middle .bg-main-50,
.header-menu .bg-main-50 {
    background-color: rgba(var(--brand-header-rgb), .10) !important;
}

/* Vurgu renkli metin/ikonlar */
.header-middle .text-main-600,
.header-menu .text-main-600 {
    color: var(--brand-header) !important;
}

/* Sepet & hesap ikon glifleri + etiketleri vurgu rengi */
.header-middle .header-right a .text-2xl,
.header-middle .header-right a .text-2xl i,
.header-middle .header-right a .text-md.fw-semibold,
.header-middle .header-right a > .text-md {
    color: var(--brand-header) !important;
}

/* Marka logosu ANA renkte kalsın (header vurgu renginde olsa da) */
.header-middle .logo .text-main-600 {
    color: var(--brand-primary) !important;
}

/* Sepet sayısı rozeti: text-2xl'den miras aldığı için büyüyordu; küçük ve
   ikonun sağ-üst köşesine sabitle (etikete taşmasın) */
.header-middle .header-right a .text-2xl { overflow: visible; }
.header-middle .header-right .cart-count {
    position: absolute !important;
    top: -7px !important;
    right: -6px !important;
    left: auto !important;
    bottom: auto !important;
    transform: none !important;
    font-size: 10px !important;
    font-weight: 700;
    line-height: 17px !important;
    min-width: 17px;
    width: 17px;
    height: 17px;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border: 1.5px solid #fff;
}