/* OKES Theme - Red/Black design */
:root {
    --slate-900: #1a1a1a;
    --slate-800: #2d2d2d;
    --slate-700: #404040;
    --slate-600: #525252;
    --slate-500: #737373;
    --slate-400: #a3a3a3;
    --slate-300: #d4d4d4;
    --slate-200: #e5e5e5;
    --slate-100: #f5f5f5;
    --slate-50: #fafafa;

    --amber-500: #ec1a3b;
    --amber-400: #f43f5e;
    --amber-600: #c81533;

    --theme-primary: #ec1a3b;
    --theme-primary-hover: #c81533;
    --header-bg: #ec1a3b;

    --quality-b: #ea580c;
    --quality-c: #dc2626;
    --quality-ov: #737373;
}

.header-main {
    background: var(--header-bg) !important;
}

.header-main::before {
    display: none;
}

.header-search .input-group {
    background: white;
    border-color: white;
    border-radius: 0.5rem;
}

.header-search .form-control {
    color: #333;
}

.header-search .form-control::placeholder {
    color: #999;
}

.header-search .btn-search {
    background-color: #1a1a1a;
    border-color: #1a1a1a;
    color: white;
    border-radius: 0 0.5rem 0.5rem 0;
}

.header-search .btn-search:hover {
    background-color: #333;
    border-color: #333;
}

.category-dropdown .dropdown-toggle {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 0.5rem;
}

.category-dropdown .dropdown-toggle:hover,
.account-dropdown .dropdown-toggle:hover {
    background: rgba(255, 255, 255, 0.3);
}

.account-dropdown .dropdown-toggle {
    background: white;
    color: #333;
    border-radius: 0.5rem;
    padding: 0.5rem 1rem;
}

.header-icon {
    background: white;
    color: #333;
    border-radius: 0.5rem;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-icon:hover {
    background: #f5f5f5;
    color: #333;
}

.logo-img {
    height: 3rem;
    filter: none;
}

.header-main.header-scrolled .logo-img {
    height: 2.25rem;
}

.cart-count-badge,
.watchlist-count-badge {
    background-color: #1a1a1a !important;
    color: white !important;
}

.btn-primary {
    background-color: var(--theme-primary);
    border-color: var(--theme-primary);
}

.btn-primary:hover {
    background-color: var(--theme-primary-hover);
    border-color: var(--theme-primary-hover);
}

a:not(.btn):not(.nav-link):not(.dropdown-item) {
    color: var(--theme-primary);
}

a:not(.btn):not(.nav-link):not(.dropdown-item):hover {
    color: var(--theme-primary-hover);
}

.footer {
    background: var(--slate-800);
}

.footer-lang-link {
    color: white !important;
}

.footer-lang-link:hover {
    color: white !important;
    background: rgba(255, 255, 255, 0.15);
}

.footer-lang-link.active {
    background-color: #10b981 !important;
    color: white !important;
}

.toast.text-bg-success {
    background-color: #16a34a !important;
}

.filter-card {
    border-color: var(--slate-200);
}

.form-control:focus,
.form-select:focus {
    border-color: var(--theme-primary);
    box-shadow: 0 0 0 3px rgba(236, 26, 59, 0.1);
}

.btn-login {
    background: var(--theme-primary);
}

.btn-login:hover {
    background: var(--theme-primary-hover);
}