/* Özel CSS - Site geneli özelleştirmeler */
:root {
    --renk-turuncu: #F7941D;
    --renk-koyu: #333333;
    --renk-mavi: #152c5b;
    --renk-beyaz: #ffffff;
    --renk-gri: #f5f5f5;
    --renk-gri-koyu: #e0e0e0;
    --renk-text: #333333;
    --renk-overlay: rgba(0, 0, 0, 0.6);
}

body {
    font-family: 'Poppins', sans-serif;
    color: var(--renk-text);
}

/* Header Bölümü */
header {
    background-color: var(--renk-mavi);
    color: var(--renk-beyaz);
}

.top-bar {
    background-color: var(--renk-turuncu);
    color: var(--renk-beyaz);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 8px 0;
}

/* Navbar */
.navbar {
    background-color: var(--renk-mavi);
}

/* Butonlar */
.btn-primary {
    background-color: var(--renk-turuncu);
    border-color: var(--renk-turuncu);
    color: var(--renk-beyaz);
}

.btn-primary:hover {
    background-color: #e27c00;
    border-color: #e27c00;
}

.btn-secondary {
    background-color: var(--renk-koyu);
    border-color: var(--renk-koyu);
    color: var(--renk-beyaz);
}

.btn-secondary:hover {
    background-color: #222222;
    border-color: #222222;
}

/* Üst menü */
.top-menu a {
    color: var(--renk-beyaz);
}

.top-menu a:hover {
    color: var(--renk-beyaz);
    text-decoration: underline;
}

/* Ana menü */
.main-menu {
    background-color: var(--renk-turuncu);
}

.main-menu a {
    color: var(--renk-beyaz);
}

.main-menu a:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

/* Ürün kartları */
.product-card {
    border: 1px solid var(--renk-gri-koyu);
    transition: all 0.3s ease;
}

.product-card:hover {
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.product-badge {
    background-color: var(--renk-turuncu);
    color: var(--renk-beyaz);
}

.product-badge.new {
    background-color: var(--renk-koyu);
}

/* Fiyat stilleri */
.price {
    color: var(--renk-turuncu);
    font-weight: 600;
}

.original-price {
    color: #999;
    text-decoration: line-through;
}

.discount-badge {
    background-color: var(--renk-koyu);
    color: var(--renk-beyaz);
}

/* Footer */
footer {
    background-color: var(--renk-mavi);
    color: var(--renk-beyaz);
}

footer h4 {
    color: var(--renk-turuncu);
}

footer a {
    color: #ccc;
}

footer a:hover {
    color: var(--renk-turuncu);
}

/* Responsive ayarlar */
@media (max-width: 768px) {
    .slider-text {
        padding: 20px;
    }
    
    .slider-text h2 {
        font-size: 24px;
    }
}

/* Ek özelleştirmeler */
.bg-orange {
    background-color: var(--renk-turuncu) !important;
}

.bg-dark {
    background-color: var(--renk-koyu) !important;
}

.text-orange {
    color: var(--renk-turuncu) !important;
}

.text-dark {
    color: var(--renk-koyu) !important;
}

.border-orange {
    border-color: var(--renk-turuncu) !important;
}

.border-dark {
    border-color: var(--renk-koyu) !important;
}

/* Dinamik renk değişimi için CSS değişkenleri eklendi */

/* Arama kutuları için text rengi düzeltmesi */
input[type="text"], input[type="search"], input[name="arama"] {
    color: #1f2937 !important; /* Koyu gri text rengi */
}

input[type="text"]::placeholder, 
input[type="search"]::placeholder, 
input[name="arama"]::placeholder {
    color: #9ca3af !important; /* Placeholder için açık gri */
}

/* Ürün başlıkları için text rengi düzeltmesi */
.product-card h3, .product-card h3 a {
    color: #1f2937 !important; /* Koyu gri text rengi */
}

.product-card h3:hover, .product-card h3 a:hover {
    color: #F7941D !important; /* Hover durumunda turuncu */
}

/* Arama dropdown'ındaki ürün adları için text rengi düzeltmesi */
#search-suggestions .font-medium {
    color: #1f2937 !important; /* Koyu gri text rengi */
}

#search-suggestions div {
    color: #1f2937 !important; /* Tüm dropdown içeriği için koyu gri */
}

#search-suggestions .text-gray-500 {
    color: #6b7280 !important; /* "Sonuç bulunamadı" mesajı için */
}