/* theme-sunset.css — Açık tema (gün batımı: mercan, turuncu, krem) */
@import url('theme-shared-layout.css');

:root {
    --primary-color: #ea580c;
    --primary-hover: #c2410c;
    --success-color: #059669;
    --danger-color: #dc2626;
    --warning-color: #d97706;
    --text-primary: #431407;
    --text-secondary: #9a3412;
    --border-color: #fdba74;
    --background-body: #fff7ed;
    --background-container: #ffffff;
    --focus-ring-color: rgba(234, 88, 12, 0.28);
    --inverted-bg: #7c2d12;
    --inverted-text-primary: #fff7ed;
    --inverted-text-secondary: #fed7aa;
    --inverted-border-color: #9a3412;
    --star-empty: #fdba74;
    --star-filled: #eab308;
    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: #fdba74 transparent;
}

.bg-white { background-color: var(--background-container) !important; }
.bg-gray-50, .bg-gray-100, .bg-slate-50, .bg-slate-100 { background-color: var(--background-body) !important; }
.bg-gray-200 { background-color: #ffedd5 !important; }

.text-gray-900, .text-gray-800, .text-gray-700,
.text-slate-900, .text-slate-800, .text-slate-700 { color: var(--text-primary) !important; }
.text-gray-600, .text-gray-500, .text-gray-400,
.text-slate-600, .text-slate-500 { color: var(--text-secondary) !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, .text-orange-700, .text-orange-800 { color: var(--primary-color) !important; }

.border, .border-t, .border-b, .border-l, .border-r,
.divide-y > :not([hidden]) ~ :not([hidden]),
.border-gray-100, .border-gray-200, .border-gray-300,
.border-slate-200, .border-slate-300 { border-color: var(--border-color) !important; }

.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: #ffedd5 !important; }
.border-blue-200, .border-blue-500 { border-color: var(--primary-color) !important; }
.text-indigo-600 { color: var(--primary-color) !important; }
.bg-indigo-600 { background-color: var(--primary-color) !important; }

.bg-orange-50, .bg-orange-100 { background-color: #ffedd5 !important; }
.border-orange-200 { border-color: #fdba74 !important; }
.bg-green-50, .bg-green-100 { background-color: #ecfdf5 !important; }
.border-green-200, .border-green-500 { border-color: #6ee7b7 !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; }

.shadow-md { box-shadow: 0 4px 16px rgba(124, 45, 18, 0.1) !important; }
.shadow-lg, .shadow-xl { box-shadow: 0 8px 24px rgba(124, 45, 18, 0.14) !important; }

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(--border-color) !important;
    color: var(--text-primary) !important;
}
input::placeholder, textarea::placeholder { color: #c2410c !important; opacity: 0.55; }
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: #ffedd5 !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.bg-white {
    background-color: var(--background-container) !important;
    border-bottom: 1px solid var(--border-color) !important;
    box-shadow: 0 2px 8px rgba(234, 88, 12, 0.06);
}
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: #fb923c !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.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: #fdba74 !important; }
footer .hover\:text-blue-400:hover { color: #fb923c !important; }
footer .border-t.border-gray-700 { border-top-color: var(--inverted-border-color) !important; }
footer .bg-white { background-color: #fff !important; }

.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; }
.product-price, #price-display, .text-3xl.font-bold { color: var(--primary-color) !important; }
.line-through, .original-price, #original-price-display { color: var(--text-secondary) !important; opacity: 0.7; }

.swiper-button-next, .swiper-button-prev {
    color: var(--primary-color) !important;
    background-color: rgba(255, 255, 255, 0.95) !important;
    box-shadow: 0 2px 8px rgba(124, 45, 18, 0.15);
}

.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: #ffedd5 !important;
    border-color: var(--primary-color) !important;
}

.badge-custom { background-color: rgba(192, 132, 252, 0.15); color: #9333ea; }
.badge-option { background-color: rgba(16, 185, 129, 0.12); color: #059669; }
.badge-variant { background-color: rgba(245, 158, 11, 0.15); color: #b45309; }
.badge-discount { background-color: rgba(220, 38, 38, 0.12); color: var(--danger-color); }