/* theme-commerce-pro.css — Profesyonel e-ticaret vitrin teması
   Okunaklı metin, net fiyat, güven veren lacivert / nötr yüzeyler */
@import url('theme-shared-layout.css');

:root {
    --primary-color: #1d4ed8;
    --primary-hover: #1e40af;
    --success-color: #15803d;
    --danger-color: #dc2626;
    --warning-color: #d97706;
    --price-color: #dc2626;
    --cta-color: #ea580c;
    --cta-hover: #c2410c;
    --text-primary: #0f172a;
    --text-secondary: #475569;
    --text-muted: #64748b;
    --border-color: #e2e8f0;
    --input-border-color: #94a3b8;
    --background-body: #f1f5f9;
    --background-container: #ffffff;
    --focus-ring-color: rgba(29, 78, 216, 0.22);
    --inverted-bg: #0f172a;
    --inverted-text-primary: #f8fafc;
    --inverted-text-secondary: #cbd5e1;
    --inverted-border-color: #1e293b;
    --star-empty: #cbd5e1;
    --star-filled: #f59e0b;
    color-scheme: light;
}

body {
    font-family: 'Inter', sans-serif;
    color: var(--text-primary);
    background-color: var(--background-body);
    -webkit-font-smoothing: antialiased;
}

* {
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 transparent;
}

/* Yüzeyler */
.bg-white { background-color: var(--background-container) !important; }
.bg-gray-50, .bg-gray-100, .bg-slate-50, .bg-slate-100 { background-color: #f8fafc !important; }
.bg-gray-200 { background-color: #e2e8f0 !important; }

/* Metin — başlık koyu, yardımcı metin gri (okunaklı) */
.text-gray-900, .text-slate-900 { color: #0f172a !important; }
.text-gray-800, .text-slate-800 { color: #1e293b !important; }
.text-gray-700, .text-slate-700 { color: #334155 !important; }
.text-gray-600, .text-slate-600 { color: #475569 !important; }
.text-gray-500, .text-slate-500 { color: #64748b !important; }
.text-gray-400 { color: #94a3b8 !important; }

.text-blue-600, .text-blue-700,
.hover\:text-blue-600:hover, .hover\:text-blue-700:hover,
.group:hover .group-hover\:text-blue-600 { color: var(--primary-color) !important; }
.text-red-600, .text-red-500 { color: var(--danger-color) !important; }
.text-green-500, .text-green-600, .text-green-700 { color: var(--success-color) !important; }
.text-orange-500, .text-orange-600 { color: var(--cta-color) !important; }
.text-orange-700, .text-orange-800 { color: var(--cta-hover) !important; }
.text-indigo-600 { color: var(--primary-color) !important; }

/* Kenarlıklar — nötr, net */
.border, .border-t, .border-b, .border-l, .border-r,
.divide-y > :not([hidden]) ~ :not([hidden]),
.border-gray-100 { border-color: #f1f5f9 !important; }
.border-gray-200, .border-slate-200 { border-color: #e2e8f0 !important; }
.border-gray-300, .border-slate-300 { border-color: #cbd5e1 !important; }

/* Birincil (güven mavisi) */
.bg-blue-600, .hover\:bg-blue-600:hover { background-color: var(--primary-color) !important; color: #fff !important; }
.bg-blue-700, .hover\:bg-blue-700:hover { background-color: var(--primary-hover) !important; color: #fff !important; }
.bg-blue-500 { background-color: var(--primary-color) !important; }
.bg-blue-50, .bg-blue-100 { background-color: #eff6ff !important; }
.border-blue-200 { border-color: #bfdbfe !important; }
.border-blue-500 { border-color: var(--primary-color) !important; }
.bg-indigo-600 { background-color: var(--primary-color) !important; color: #fff !important; }

/* CTA turuncu (sepete ekle vb.) — maviye ezilmesin */
.bg-orange-500, .bg-orange-600, .hover\:bg-orange-600:hover {
    background-color: var(--cta-color) !important;
    color: #fff !important;
}
.bg-orange-50, .bg-orange-100 { background-color: #fff7ed !important; }
.border-orange-200 { border-color: #fed7aa !important; }
.bg-green-50, .bg-green-100 { background-color: #f0fdf4 !important; }
.border-green-200, .border-green-500 { border-color: #86efac !important; }
.bg-red-50, .bg-red-100 { background-color: #fef2f2 !important; }
.bg-amber-50 { background-color: #fffbeb !important; }
.border-amber-200 { border-color: #fde68a !important; }
.text-amber-700, .text-amber-800, .text-amber-900 { color: #b45309 !important; }

.shadow-md { box-shadow: 0 4px 16px rgba(15, 23, 42, 0.08) !important; }
.shadow-lg, .shadow-xl { box-shadow: 0 10px 28px rgba(15, 23, 42, 0.1) !important; }

/* Formlar */
input[type="text"], input[type="email"], input[type="tel"],
input[type="number"], input[type="password"], input[type="search"],
textarea, select {
    background-color: var(--background-container) !important;
    border: 1px solid var(--input-border-color) !important;
    color: var(--text-primary) !important;
}
input::placeholder, textarea::placeholder {
    color: var(--text-muted) !important;
    opacity: 1;
}
input:focus, textarea:focus, select:focus {
    outline: none !important;
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 3px var(--focus-ring-color) !important;
}

.btn-primary, .btn.btn-primary {
    background-color: var(--primary-color) !important;
    color: #fff !important;
}
.btn-primary:hover { background-color: var(--primary-hover) !important; }

.has-\[:checked\]\:bg-blue-50:has(:checked) { background-color: #eff6ff !important; }
.has-\[:checked\]\:border-blue-500:has(:checked) { border-color: var(--primary-color) !important; }
.focus\:ring-blue-500:focus { --tw-ring-color: var(--primary-color) !important; }

/* Header */
header.bg-white {
    background-color: var(--background-container) !important;
    border-bottom: 1px solid var(--border-color) !important;
    box-shadow: 0 1px 0 rgba(15, 23, 42, 0.04);
}
header nav.bg-gray-800 { background-color: var(--inverted-bg) !important; }

.site-desktop-nav {
    background-color: var(--inverted-bg) !important;
}
header nav .text-gray-300 { color: var(--inverted-text-secondary) !important; }
header nav .hover\:text-white:hover,
header nav .text-white { color: var(--inverted-text-primary) !important; }
header nav .border-blue-500 { border-bottom-color: #60a5fa !important; }
#search-results, #mobile-menu-panel { background-color: var(--background-container) !important; }
#cart-count-badge {
    background-color: var(--danger-color) !important;
    border-color: var(--background-container) !important;
}

/* Footer */
footer.bg-gray-800 { background-color: var(--inverted-bg) !important; }
footer .text-white { color: var(--inverted-text-primary) !important; }
footer .text-gray-300 { color: var(--inverted-text-secondary) !important; }
footer .text-gray-400 { color: #94a3b8 !important; }
footer .hover\:text-blue-400:hover { color: #93c5fd !important; }
footer .border-t.border-gray-700 { border-top-color: var(--inverted-border-color) !important; }
footer .bg-white { background-color: #fff !important; }

/* İçerik */
.prose h1, .prose h2, .prose h3, .prose h4, .prose strong { color: var(--text-primary) !important; }
.prose, .prose p, .prose li { color: var(--text-secondary) !important; }
.prose a { color: var(--primary-color) !important; }

/* Fiyat — e-ticarette net kırmızı / indirimli çizili gri */
.product-price,
#price-display,
.pd-price-current,
.text-3xl.font-bold {
    color: var(--price-color) !important;
}
.line-through,
.original-price,
#original-price-display,
.pd-price-old {
    color: var(--text-muted) !important;
    opacity: 1;
}

/* Ürün detay — marka / CTA uyumu */
.product-detail-page .pd-brand__name { color: var(--primary-color) !important; }
.product-detail-page .pd-buy-cart,
.product-detail-page .pd-mobile-cta__cart {
    background: var(--cta-color) !important;
    color: #fff !important;
}
.product-detail-page .pd-buy-cart:hover { background: var(--cta-hover) !important; }
.product-detail-page .pd-buy-now,
.product-detail-page .pd-mobile-cta__buy {
    background: var(--inverted-bg) !important;
    color: #fff !important;
}

.swiper-button-next, .swiper-button-prev {
    color: var(--primary-color) !important;
    background-color: rgba(255, 255, 255, 0.96) !important;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.12);
}

.shipping-logo { max-height: 40px; max-width: 120px; object-fit: contain; }
.payment-gateway-label:has(input:checked),
.shipping-option-label:has(input:checked) {
    background-color: #eff6ff !important;
    border-color: var(--primary-color) !important;
}

.badge-custom { background-color: #ede9fe; color: #6d28d9; }
.badge-option { background-color: #dcfce7; color: #15803d; }
.badge-variant { background-color: #ffedd5; color: #c2410c; }
.badge-discount { background-color: #fee2e2; color: var(--danger-color); }

.container h3.text-gray-800,
.container h3.font-bold.text-gray-800 {
    color: var(--text-primary) !important;
}

.home-category-menu {
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
}
.home-category-menu__title { color: var(--text-primary) !important; }
.home-category-menu__link { color: var(--text-primary) !important; }
.home-category-menu__label { color: inherit !important; }