/* ============================================
   BASİTLEŞTİRİLMİŞ TEMA RENKLERİ
   sa_theme_colors tablosundan - 2026-01-15 19:02:21   ============================================ */

:root {
    /* ========== ANA RENKLER ========== */
    --bs-primary: #6877E0;
    --bs-primary-rgb: 104, 119, 224;
    --bs-primary-dark: #535fb3;
    --bs-primary-light: #7c8eff;
    
    --bs-secondary: #222222;
    --bs-secondary-rgb: 34, 34, 34;
    
    --bs-success: #00ED8A;
    --bs-success-rgb: 0, 237, 138;
    
    --bs-danger: #E4002B;
    --bs-danger-rgb: 228, 0, 43;
    
    --bs-warning: #FF5B05;
    --bs-warning-rgb: 255, 91, 5;
    
    --bs-info: #80E5FC;
    --bs-info-rgb: 128, 229, 252;
    
    /* ========== METİN RENKLERİ ========== */
    --bs-body-color: #222222;
    --bs-body-color-rgb: 34, 34, 34;
    --bs-text-muted: #5C5C5C;
    
    /* ========== ARKAPLAN RENKLERİ ========== */
    --bs-body-bg: #FFFFFF;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-secondary-bg: #F5F5F5;
    
    /* ========== HEADER & FOOTER ========== */
    --theme-header-bg: #222222;
    --theme-header-text: #222222;
    --theme-footer-bg: #222222;
    --theme-footer-text: #FFFFFF;
    
    /* ========== ÖZEL RENKLER ========== */
    --bs-border-color: #E1E1E1;
    --bs-link-color: #222222;
    --bs-link-hover-color: #c10024;
    --theme-accent: #E4002B;
    --theme-accent-dark: #c10024;
    
    /* ========== OTOMATİK GRİ TONLARI ========== */
        --theme-gray-50: #a5a5a5;
        --theme-gray-100: #939393;
        --theme-gray-200: #808080;
        --theme-gray-300: #6e6e6e;
        --theme-gray-400: #656565;
        --theme-gray-500: #5C5C5C;
        --theme-gray-600: #525252;
        --theme-gray-700: #494949;
        --theme-gray-800: #373737;
        --theme-gray-900: #242424;
        
    /* ========== YARDIMCI RENKLER ========== */
    --theme-white: #ffffff;
    --theme-black: #000000;
}

/* ============================================
   GENEL STİLLER
   ============================================ */

body {
    color: var(--bs-body-color) !important;
    background-color: var(--bs-body-bg) !important;
}

a {
    color: #222222;
}
a:hover {
    color: var(--bs-link-hover-color);
}

/* Butonlar */
.btn-primary {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
    color: var(--theme-white) !important;
}
.btn-primary:hover {
    background-color: var(--bs-primary-dark) !important;
    border-color: var(--bs-primary-dark) !important;
}

.btn-secondary {
    background-color: var(--bs-secondary) !important;
    border-color: var(--bs-secondary) !important;
}

.btn-success {
    background-color: var(--bs-success) !important;
    border-color: var(--bs-success) !important;
}

.btn-danger {
    background-color: var(--bs-danger) !important;
    border-color: var(--bs-danger) !important;
}

.btn-warning {
    background-color: var(--bs-warning) !important;
    border-color: var(--bs-warning) !important;
}

.btn-info {
    background-color: var(--bs-info) !important;
    border-color: var(--bs-info) !important;
}

/* Header & Footer */
header, .header, .navbar {
    background-color: var(--theme-header-bg) !important;
    color: var(--theme-header-text) !important;
}

footer, .footer {
    background-color: var(--theme-footer-bg) !important;
    color: var(--theme-footer-text) !important;
}

/* Cards */
.card, .product-card, .video-card {
    background: var(--bs-body-bg) !important;
    border-color: var(--bs-border-color) !important;
}
.card:hover, .product-card:hover, .video-card:hover {
    border-color: var(--theme-gray-400) !important;
}

/* Forms */
.form-control, .form-select, input, textarea {
    background-color: var(--bs-body-bg) !important;
    border-color: var(--bs-border-color) !important;
    color: var(--bs-body-color) !important;
}
.form-control:focus, .form-select:focus {
    border-color: var(--bs-primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.25) !important;
}
.form-control::placeholder, input::placeholder, textarea::placeholder {
    color: var(--bs-text-muted) !important;
}

/* Pagination */
.pagination .page-link {
    background-color: var(--bs-body-bg) !important;
    border-color: var(--bs-border-color) !important;
    color: var(--bs-body-color) !important;
}
.pagination .page-link:hover {
    background-color: var(--bs-secondary-bg) !important;
}
.pagination .page-item.active .page-link {
    background-color: var(--theme-accent) !important;
    border-color: var(--theme-accent) !important;
    color: var(--theme-white) !important;
}

/* Breadcrumb */
.breadcrumb, .custom-breadcrumb { }
.breadcrumb-item a {
    color: var(--bs-text-muted) !important;
}
.breadcrumb-item.active {
    color: var(--bs-body-color) !important;
}

/* Badges */
.badge {
    background-color: var(--bs-secondary-bg) !important;
    color: var(--bs-body-color) !important;
}

/* Text Colors */
.text-muted {
    color: var(--bs-text-muted) !important;
}
.text-primary {
    color: var(--bs-primary) !important;
}
.text-success {
    color: var(--bs-success) !important;
}
.text-danger {
    color: var(--bs-danger) !important;
}
.text-warning {
    color: var(--bs-warning) !important;
}
.text-info {
    color: var(--bs-info) !important;
}

/* Background Colors */
.bg-primary {
    background-color: var(--bs-primary) !important;
}
.bg-secondary {
    background-color: var(--bs-secondary) !important;
}
.bg-success {
    background-color: var(--bs-success) !important;
}
.bg-danger {
    background-color: var(--bs-danger) !important;
}
.bg-warning {
    background-color: var(--bs-warning) !important;
}
.bg-info {
    background-color: var(--bs-info) !important;
}
.bg-light {
    background-color: var(--bs-secondary-bg) !important;
}

/* Borders */
.border {
    border-color: var(--bs-border-color) !important;
}

/* ============================================
   ÖZEL COMPONENT STİLLERİ
   ============================================ */

/* Search Hero */
.search-hero {
    background: linear-gradient(135deg, var(--bs-secondary-bg) 0%, var(--bs-body-bg) 100%) !important;
    border-color: var(--bs-border-color) !important;
}
.search-hero-title {
    color: var(--bs-body-color) !important;
}
.search-hero-subtitle {
    color: var(--bs-text-muted) !important;
}
.search-hero-subtitle i {
    color: var(--bs-success) !important;
}
.search-hero-input-wrapper {
    background: var(--bs-body-bg) !important;
    border-color: var(--bs-border-color) !important;
}
.search-hero-input-wrapper:focus-within {
    border-color: var(--bs-primary) !important;
}
.search-hero-button {
    background: var(--bs-primary) !important;
    color: var(--theme-white) !important;
}
.search-hero-button:hover {
    background: var(--bs-primary-dark) !important;
}

/* Video Cards */
.video-card:hover {
    border-color: var(--theme-accent) !important;
}
.video-placeholder {
    background: linear-gradient(135deg, var(--theme-gray-800) 0%, var(--theme-gray-900) 100%) !important;
    color: var(--theme-gray-400) !important;
}
.video-play-button {
    color: var(--theme-white) !important;
}
.video-card:hover .video-play-button {
    color: var(--theme-accent) !important;
}
.btn-video-watch {
    background: var(--theme-accent) !important;
    color: var(--theme-white) !important;
}
.btn-video-watch:hover {
    background: var(--theme-accent-dark) !important;
}

/* Video Modal */
.video-modal .modal-content,
.video-modal .modal-body,
.video-modal .ratio {
    background: var(--theme-black) !important;
}
.video-modal .btn-close:hover {
    background: var(--theme-accent) !important;
}

/* Product Cards */
.product-card-image {
    background: var(--bs-secondary-bg) !important;
}
.product-card-title a {
    color: var(--bs-body-color) !important;
}
.product-card-title a:hover {
    color: var(--bs-primary) !important;
}
.product-card-meta .meta-item {
    color: var(--bs-text-muted) !important;
    background: var(--bs-secondary-bg) !important;
    border-color: var(--bs-border-color) !important;
}
.price-amount {
    color: var(--bs-body-color) !important;
}
.price-currency {
    color: var(--bs-text-muted) !important;
}
.btn-product-detail {
    background: var(--bs-body-color) !important;
    color: var(--bs-body-bg) !important;
}
.btn-product-detail:hover {
    background: var(--bs-primary) !important;
}

/* Empty State */
.empty-state {
    background: var(--bs-secondary-bg) !important;
    border-color: var(--bs-border-color) !important;
}
.empty-state-icon {
    color: var(--bs-border-color) !important;
}
.empty-state-title {
    color: var(--bs-body-color) !important;
}
.empty-state-text {
    color: var(--bs-text-muted) !important;
}

/* Gradients & Overlays */
.hero.page-hero .gradient {
    background: linear-gradient(135deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.5) 100%) !important;
}

/* Shadows */
.shadow-sm {
    box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important;
}
.shadow {
    box-shadow: 0 8px 24px rgba(0,0,0,0.1) !important;
}
.shadow-lg {
    box-shadow: 0 12px 32px rgba(0,0,0,0.15) !important;
}

/* Alerts */
.alert-primary {
    background-color: rgba(var(--bs-primary-rgb), 0.1) !important;
    border-color: var(--bs-primary) !important;
    color: var(--bs-primary) !important;
}
.alert-success {
    background-color: rgba(var(--bs-success-rgb), 0.1) !important;
    border-color: var(--bs-success) !important;
    color: var(--bs-success) !important;
}
.alert-danger {
    background-color: rgba(var(--bs-danger-rgb), 0.1) !important;
    border-color: var(--bs-danger) !important;
    color: var(--bs-danger) !important;
}
.alert-warning {
    background-color: rgba(var(--bs-warning-rgb), 0.1) !important;
    border-color: var(--bs-warning) !important;
    color: var(--bs-warning) !important;
}
.alert-info {
    background-color: rgba(var(--bs-info-rgb), 0.1) !important;
    border-color: var(--bs-info) !important;
    color: var(--bs-info) !important;
}