/* Tema Renkleri - Özel Renk Tanımlamaları */

/* Siyah/koyu gri renkler - logo ile uyumlu */
:root {
    --title: #000000 !important;
    --dark: #000000 !important;
    --body-color: #1B1B1B !important;
    --bs-dark: #000000 !important;
}

/* Yeşil renkleri yumuşak turuncu yap (#FF8C42) */
:root {
    --primary: #FF8C42 !important;
    --primary-hover: #E67A35 !important;
    --bs-primary: #FF8C42 !important;
    --bs-primary-rgb: 255, 140, 66 !important;
    
    /* RGBA primary değerleri - yeni renge göre */
    --rgba-primary-1: rgba(255, 140, 66, 0.1) !important;
    --rgba-primary-2: rgba(255, 140, 66, 0.2) !important;
    --rgba-primary-3: rgba(255, 140, 66, 0.3) !important;
    --rgba-primary-4: rgba(255, 140, 66, 0.4) !important;
    --rgba-primary-5: rgba(255, 140, 66, 0.5) !important;
    --rgba-primary-6: rgba(255, 140, 66, 0.6) !important;
    --rgba-primary-7: rgba(255, 140, 66, 0.7) !important;
    --rgba-primary-8: rgba(255, 140, 66, 0.8) !important;
    --rgba-primary-9: rgba(255, 140, 66, 0.9) !important;
}

/* Hardcoded yeşil renkleri değiştir */
.text-primary {
    color: #FF8C42 !important;
}

.bg-primary {
    background-color: #FF8C42 !important;
}


/* Link renkleri */
a:hover, a:focus, a.active {
    color: #E67A35 !important;
}

/* Bootstrap primary renkleri */
.btn-primary {
    background-color: #FF8C42 !important;
    border-color: #FF8C42 !important;
}

.btn-primary:hover {
    background-color: #E67A35 !important;
    border-color: #E67A35 !important;
}

/* Başlık renkleri */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    color: #000000 !important;
}

h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a {
    color: #000000 !important;
}

/* Body text rengi */
body {
    color: #1B1B1B !important;
}

/* Link renkleri */
a {
    color: #1B1B1B !important;
}

/* Ekle butonları - arka plan rengini düzelt */
.dz-card.list .dz-buy-btn {
    background-color: var(--rgba-primary-1) !important;
    color: var(--primary) !important;
    border: none !important;
}

.dz-card.list .dz-buy-btn:hover,
.dz-card.list .dz-buy-btn:active,
.dz-card.list .dz-buy-btn:focus {
    background-color: var(--primary) !important;
    color: #fff !important;
}

.dz-card.list .dz-buy-btn svg path {
    fill: var(--primary) !important;
}

.dz-card.list .dz-buy-btn:hover svg path,
.dz-card.list .dz-buy-btn:active svg path,
.dz-card.list .dz-buy-btn:focus svg path {
    fill: #fff !important;
}

/* Menü başlığındaki ok işareti */
#headerTitle svg path {
    stroke: #000000 !important;
    stroke-width: 3 !important;
}

/* Dark Mode - Başlık ve metin renkleri */
.theme-dark {
    --title: #ffffff !important;
    --dark: #ffffff !important;
    --body-color: rgba(255, 255, 255, 0.9) !important;
    --bs-dark: #ffffff !important;
}

/* Dark Mode - Başlık renkleri */
.theme-dark h1, 
.theme-dark .h1, 
.theme-dark h2, 
.theme-dark .h2, 
.theme-dark h3, 
.theme-dark .h3, 
.theme-dark h4, 
.theme-dark .h4, 
.theme-dark h5, 
.theme-dark .h5, 
.theme-dark h6, 
.theme-dark .h6 {
    color: #ffffff !important;
}

.theme-dark h1 a, 
.theme-dark .h1 a, 
.theme-dark h2 a, 
.theme-dark .h2 a, 
.theme-dark h3 a, 
.theme-dark .h3 a, 
.theme-dark h4 a, 
.theme-dark .h4 a, 
.theme-dark h5 a, 
.theme-dark .h5 a, 
.theme-dark h6 a, 
.theme-dark .h6 a {
    color: #ffffff !important;
}

/* Dark Mode - Body text rengi */
body.theme-dark {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* Dark Mode - Link renkleri */
.theme-dark a {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* Dark Mode - Menü başlığındaki ok işareti */
.theme-dark #headerTitle svg path {
    stroke: #ffffff !important;
    stroke-width: 3 !important;
}