/* Dinamik Stil Ayarları */
:root {
    /* Genel Stiller */
    --body-bg-color: #ffffff;
    --text-color: #212529;
    --link-color: #007bff;
    --button-bg-color: #007bff;
    --button-text-color: #212529;
    --button-hover-bg-color: #0056b3;
    --button-hover-text-color: #ffffff;
    --card-bg-color: #ffffff;
    --card-text-color: #212529;
    --card-border-color: #dee2e6;
    --price-color: #28a745;
    
    /* Header ve Footer */
    --header-color: #212529;
    --header-text-color: #908e8e;
    --footer-color: #2a2222;
    --footer-text-color: #ffffff;
    
    /* Öne Çıkan Ürünler */
    --featured-badge-bg-color: #ff6b6b;
    --featured-badge-text-color: #ffffff;
    --featured-title-line-color: #ff6b6b;
    --featured-controls-hover-bg-color: #007bff;
    --featured-controls-hover-text-color: #ffffff;
    
    /* Kategori Başlıkları */
    --category-title-line-color: #007bff;
    --category-tag-bg-color: #007bff;
    --category-tag-text-color: #ffffff;
    
    /* Bağlantılar */
    --read-more-color: #007bff;
    --read-more-hover-color: #0056b3;
    
    /* Mobil Alt Menü */
    --mobile-menu-bg-color: #212529;
    --mobile-menu-text-color: #ffffff;
    --mobile-menu-active-color: #007bff;
    
    /* Slider */
    --slider-button-bg-color: #ff6b6b;
    --slider-button-text-color: #ffffff;
    --slider-button-hover-bg-color: #0056b3;
    --slider-button-hover-text-color: #ffffff;
    --slider-dot-active-color: #007bff;
    --slider-arrow-bg-color: #000000;
    --slider-arrow-text-color: #ffffff;
    --slider-arrow-hover-bg-color: #000000;
    --slider-arrow-hover-text-color: #ffffff;
    
    /* Arama Vurgulaması */
    --highlight-bg-color: #ffff00;
    --highlight-text-color: #000000;
}

/* Genel Stil Ayarları */
body {
    background-color: var(--body-bg-color);
    color: var(--text-color);
}

a {
    color: var(--link-color);
}

a:hover {
    color: var(--read-more-hover-color);
}

/* Header Stil Ayarları */
header, .navbar {
    background-color: var(--header-color) !important;
}

header a, .navbar a, .navbar-brand, .navbar-text {
    color: var(--header-text-color) !important;
}

/* Footer Stil Ayarları */
footer {
    background-color: var(--footer-color) !important;
    color: var(--footer-text-color) !important;
}

footer a {
    color: var(--footer-text-color) !important;
    opacity: 0.8;
}

footer a:hover {
    opacity: 1;
}

/* Modal Stil Ayarları */
.modal-header {
    background-color: var(--header-color) !important;
    color: var(--header-text-color) !important;
}

/* Buton Stil Ayarları */
.btn-primary {
    background-color: var(--button-bg-color) !important;
    border-color: var(--button-bg-color) !important;
    color: var(--button-text-color) !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: var(--button-hover-bg-color) !important;
    border-color: var(--button-hover-bg-color) !important;
    color: var(--button-hover-text-color) !important;
}

/* Kart Stil Ayarları */
.card {
    background-color: var(--card-bg-color) !important;
    color: var(--card-text-color) !important;
    border-color: var(--card-border-color) !important;
}

/* Fiyat Stil Ayarları */
.price, .product-price {
    color: var(--price-color) !important;
    font-weight: bold;
}

/* Bağlantı Stil Ayarları */
.btn-link, .read-more {
    color: var(--read-more-color) !important;
}

.btn-link:hover, .read-more:hover {
    color: var(--read-more-hover-color) !important;
}

/* Fiyat Renkleri - Stil Dosyasındaki Tanımları Geçersiz Kılma */
.product-card .price {
    color: var(--price-color) !important;
}

.featured-card .price {
    color: var(--price-color) !important;
}

/* Mobil Alt Menü Stil Ayarları */
.mobile-bottom-menu {
    background-color: var(--mobile-menu-bg-color) !important;
}

.mobile-bottom-menu .menu-item {
    color: var(--mobile-menu-text-color) !important;
}

.mobile-bottom-menu .menu-item.active {
    color: var(--mobile-menu-active-color) !important;
}

/* Slider Buton Renkleri */
.slider-button {
    background-color: var(--slider-button-bg-color) !important;
    border-color: var(--slider-button-bg-color) !important;
    color: var(--slider-button-text-color) !important;
}

.slider-button:hover {
    background-color: var(--slider-button-hover-bg-color) !important;
    border-color: var(--slider-button-hover-bg-color) !important;
    color: var(--slider-button-hover-text-color) !important;
}

/* Slider Kontrol Renkleri */
.slider-dot.active {
    background-color: var(--slider-dot-active-color) !important;
}

.slider-arrow {
    background-color: var(--slider-arrow-bg-color) !important;
    color: var(--slider-arrow-text-color) !important;
}

.slider-arrow:hover {
    background-color: var(--slider-arrow-hover-bg-color) !important;
    color: var(--slider-arrow-hover-text-color) !important;
}

/* Öne Çıkan Ürünler Kontrol Renkleri */
.featured-controls:hover {
    background-color: var(--featured-controls-hover-bg-color) !important;
    color: var(--featured-controls-hover-text-color) !important;
}

/* Öne Çıkan Ürünler Başlık Çizgisi */
.featured-title:after {
    background-color: var(--featured-title-line-color) !important;
}

/* Kategori Başlık Çizgisi */
.category-title-main:after {
    background-color: var(--category-title-line-color) !important;
}

/* Öne Çıkan Rozet */
.featured-badge {
    background-color: var(--featured-badge-bg-color) !important;
    color: var(--featured-badge-text-color) !important;
}

/* Kategori Banner Stil Ayarları */
.category-banner-content h1, 
.category-banner-content p {
    color: white !important;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8) !important;
}

/* Ürün Detay Modal Stil Ayarları */
.modal-content {
    background-color: var(--card-bg-color) !important;
    color: var(--card-text-color) !important;
}

.modal-footer .btn-secondary {
    background-color: var(--slider-button-hover-bg-color) !important;
    border-color: var(--slider-button-hover-bg-color) !important;
    color: var(--slider-button-hover-text-color) !important;
}

/* Kategori ve Ürün Etiketleri */
.category-tag {
    background-color: var(--category-tag-bg-color) !important;
    color: var(--category-tag-text-color) !important;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.8rem;
    display: inline-block;
    margin-bottom: 5px;
}

/* Arama Vurgulaması */
.highlight {
    background-color: var(--highlight-bg-color) !important;
    color: var(--highlight-text-color) !important;
    padding: 0 2px;
}