/**
 * JamGizmo Tech ARI - Light Theme
 * Red (#C62828) and White color scheme
 * Professional security aesthetic in light mode
 */

/* Light Theme Variables */
[data-theme="light"] {
    /* Primary Colors */
    --security-red: #C62828;
    --security-dark-red: #B71C1C;
    --security-light-red: #E53935;

    /* Background Colors */
    --security-black: #ffffff;
    --security-dark-gray: #f8f9fa;
    --security-light-gray: #e9ecef;

    /* Text Colors - WCAG Compliant */
    --text-primary: #1e293b;
    --text-secondary: #334155;
    --text-muted: #475569;
    --text-light: #64748b;
    --text-subtle: #94a3b8;

    /* Override dark theme text variables */
    --dark-theme-text-primary: #1e293b;
    --dark-theme-text-secondary: #334155;
    --dark-theme-text-muted: #475569;
    --dark-theme-text-light: #64748b;
    --dark-theme-text-subtle: #94a3b8;

    /* Card and Component Colors */
    --card-bg: rgba(255, 255, 255, 0.95);
    --card-border: rgba(198, 40, 40, 0.2);
    --card-shadow: rgba(198, 40, 40, 0.1);
    --card-shadow-hover: rgba(198, 40, 40, 0.2);

    /* Form Colors */
    --input-bg: #ffffff;
    --input-border: #ced4da;
    --input-focus-border: var(--security-red);
    --input-focus-shadow: rgba(198, 40, 40, 0.25);
}

/* Global Light Theme Overrides */
[data-theme="light"] body {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%) !important;
    color: var(--text-primary) !important;
}

/* Logo Switching */
[data-theme="light"] .dark-logo {
    display: none !important;
}

[data-theme="light"] .light-logo {
    display: inline-block !important;
}

/* Default (dark theme) logo visibility */
.light-logo {
    display: none !important;
}

.dark-logo {
    display: inline-block !important;
}

/* Text Color Overrides for Light Theme */
[data-theme="light"] h1,
[data-theme="light"] h2,
[data-theme="light"] h3,
[data-theme="light"] h4,
[data-theme="light"] h5,
[data-theme="light"] h6 {
    color: var(--text-primary) !important;
}

[data-theme="light"] .text-white {
    color: var(--text-primary) !important;
}

[data-theme="light"] .text-light {
    color: var(--text-light) !important;
}

[data-theme="light"] .text-muted {
    color: var(--text-muted) !important;
}

[data-theme="light"] .text-secondary {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .form-text {
    color: var(--text-muted) !important;
}

[data-theme="light"] .card-text {
    color: var(--text-secondary) !important;
}

/* Navigation */
[data-theme="light"] .navbar {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(198, 40, 40, 0.2);
}

[data-theme="light"] .navbar-brand,
[data-theme="light"] .nav-link {
    color: var(--text-primary) !important;
}

[data-theme="light"] .nav-link:hover {
    color: var(--security-red) !important;
}

[data-theme="light"] .navbar-toggler {
    border-color: var(--security-red);
}

[data-theme="light"] .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 65, 85, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

[data-theme="light"] .dropdown-menu {
    background: white;
    border: 1px solid rgba(198, 40, 40, 0.2);
    box-shadow: 0 10px 30px rgba(198, 40, 40, 0.1);
}

[data-theme="light"] .dropdown-item {
    color: var(--text-primary);
}

[data-theme="light"] .dropdown-item:hover {
    background: rgba(198, 40, 40, 0.1);
    color: var(--security-red);
}

/* Cards and Containers */
[data-theme="light"] .card,
[data-theme="light"] .dashboard-card,
[data-theme="light"] .preferences-card,
[data-theme="light"] .quote-card {
    background: var(--card-bg) !important;
    border: 1px solid var(--card-border) !important;
    box-shadow: 0 10px 30px var(--card-shadow) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .card:hover,
[data-theme="light"] .dashboard-card:hover,
[data-theme="light"] .preferences-card:hover {
    box-shadow: 0 15px 35px var(--card-shadow-hover) !important;
}

/* Text Colors */
[data-theme="light"] .text-white {
    color: var(--text-primary) !important;
}

[data-theme="light"] .text-light {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .text-muted {
    color: var(--text-muted) !important;
}

/* Buttons */
[data-theme="light"] .btn-outline-light {
    color: var(--security-red);
    border-color: var(--security-red);
}

[data-theme="light"] .btn-outline-light:hover {
    background: var(--security-red);
    border-color: var(--security-red);
    color: white !important;
}

[data-theme="light"] .btn-outline-danger {
    color: var(--security-red);
    border-color: var(--security-red);
}

[data-theme="light"] .btn-outline-danger:hover {
    background: var(--security-red);
    border-color: var(--security-red);
    color: white;
}

/* Forms */
[data-theme="light"] .form-control,
[data-theme="light"] .form-select {
    background: var(--input-bg) !important;
    border: 1px solid var(--input-border);
    color: black !important;
}

[data-theme="light"] .form-select {
    background-image: none !important;
    position: relative;
}

[data-theme="light"] .form-select::after {
    content: "▼";
    position: absolute;
    right: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    color: #1e293b;
    pointer-events: none;
    font-size: 12px;
}

[data-theme="light"] .category-filter .btn {
    background: white;
    border: 1px solid var(--security-light-gray);
    color: #000000;
    border-radius: 20px;
    padding: 8px 16px;
    font-size: 0.9rem;
    transition: all 0.3s ease;
}

[data-theme="light"] .form-control:focus,
[data-theme="light"] .form-select:focus {
    background: var(--input-bg);
    border-color: var(--input-focus-border);
    color: var(--text-primary);
    box-shadow: 0 0 0 0.25rem var(--input-focus-shadow);
}

[data-theme="light"] .form-select:focus::after {
    color: #1e293b;
}

[data-theme="light"] .form-label {
    color: var(--text-primary);
}

[data-theme="light"] .form-text {
    color: var(--text-muted);
}

/* Alerts */
[data-theme="light"] .alert-security {
    background: rgba(198, 40, 40, 0.1);
    border: 1px solid var(--security-red);
    color: var(--text-primary);
}

[data-theme="light"] .alert-success {
    background: rgba(40, 167, 69, 0.1);
    border: 1px solid #28a745;
    color: var(--text-primary);
}

[data-theme="light"] .alert-danger {
    background: rgba(220, 53, 69, 0.1);
    border: 1px solid #dc3545;
    color: var(--text-primary);
}

/* Tables */
[data-theme="light"] .table {
    color: var(--text-primary);
    
}

[data-theme="light"] .orders-container {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
    min-height: calc(100vh - 160px);
}

[data-theme="light"] .orders-card {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
    backdrop-filter: blur(10px);
    border: 1px solid var(--security-red);
    box-shadow: 0 10px 30px rgba(198, 40, 40, 0.2);
    color: #ffffff;
}

[data-theme="light"] .packages-header {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
    border-bottom: 2px solid var(--security-red);
    padding: 60px 0;
}

[data-theme="light"] .service-package-card {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
    backdrop-filter: blur(10px);
    border: 1px solid var(--security-red);
    border-radius: 15px;
    margin-top: 32px;
    box-shadow: 0 10px 30px rgba(198, 40, 40, 0.2);
    color: #ffffff;
}

[data-theme="light"] .packages-container {
    background: white;
    min-height: calc(100vh - 160px);
}

[data-theme="light"] .table-dark {
    background: white;
    color: var(--text-primary);
}

[data-theme="light"] .table-dark th,
[data-theme="light"] .table-dark td {
    border-color: rgba(198, 40, 40, 0.2);
}

/* Badges */
[data-theme="light"] .badge {
    color: white;
}

[data-theme="light"] .badge.bg-danger {
    background: var(--security-red) !important;
}

/* Status Badges */
[data-theme="light"] .status-badge {
    color: white;
    font-weight: 600;
}

/* Footer */
[data-theme="light"] footer {
    background: rgba(255, 255, 255, 0.95);
    color: var(--text-primary);
    border-top: 1px solid rgba(198, 40, 40, 0.2);
}

[data-theme="light"] footer a {
    color: var(--security-red);
}

[data-theme="light"] footer a:hover {
    color: var(--security-dark-red);
}

/* Hero Sections */
[data-theme="light"] .hero-section {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .hero-section h1,
[data-theme="light"] .hero-section h2,
[data-theme="light"] .hero-section h3,
[data-theme="light"] .hero-section h4,
[data-theme="light"] .hero-section h5,
[data-theme="light"] .hero-section h6 {
    color: var(--text-primary) !important;
}

[data-theme="light"] .hero-section .text-white {
    color: var(--text-primary) !important;
}

[data-theme="light"] .hero-section .text-light {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .hero-section .text-muted {
    color: var(--text-muted) !important;
}

/* Content Sections */
[data-theme="light"] .content-section {
    background: var(--security-black) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .section-title {
    color: var(--text-primary) !important;
}

[data-theme="light"] .section-subtitle {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .section-description {
    color: var(--text-muted) !important;
}

/* Statistics Cards */
[data-theme="light"] .stat-card {
    background: var(--card-bg);
    border: 1px solid var(--card-border);
    color: var(--text-primary);
}

/* Quote Cards */
[data-theme="light"] .quote-card .text-white {
    color: var(--text-primary) !important;
}

[data-theme="light"] .quote-card .text-light {
    color: var(--text-secondary) !important;
}

/* Dashboard Welcome Section */
[data-theme="light"] .welcome-section {
    background: var(--card-bg);
    border: 1px solid var(--card-border);
    color: var(--text-primary);
}

/* Smooth transitions for theme switching */
* {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

/* Ensure red accent color is maintained */
[data-theme="light"] .text-danger,
[data-theme="light"] .text-red {
    color: var(--security-red) !important;
}

/* Particle background adjustments for light theme */
[data-theme="light"] #particles-js {
    opacity: 0.3;
}

/* Loading states */
[data-theme="light"] .loading {
    background: rgba(198, 40, 40, 0.1);
    color: var(--text-primary);
}

/* Hover effects */
[data-theme="light"] .hover-lift:hover {
    box-shadow: 0 10px 25px rgba(198, 40, 40, 0.15);
}

[data-theme="light"] .hover-glow:hover {
    box-shadow: 0 0 15px rgba(198, 40, 40, 0.3);
}

/* Additional Component Coverage */

/* Jumbotron / Hero Components */
[data-theme="light"] .jumbotron {
    background: var(--security-black) !important;
    color: var(--text-primary) !important;
}

/* List Groups */
[data-theme="light"] .list-group-item {
    background: var(--card-bg);
    border-color: var(--card-border);
    color: var(--text-primary);
}

[data-theme="light"] .list-group-item:hover {
    background: rgba(198, 40, 40, 0.05);
}

/* Modals */
[data-theme="light"] .modal-content {
    background: var(--card-bg);
    border: 1px solid var(--card-border);
    color: var(--text-primary);
}

[data-theme="light"] .modal-header {
    border-bottom-color: var(--card-border);
}

[data-theme="light"] .modal-footer {
    border-top-color: var(--card-border);
}

/* Tooltips and Popovers */
[data-theme="light"] .tooltip-inner {
    background: var(--text-primary);
    color: white;
}

[data-theme="light"] .popover {
    background: var(--card-bg);
    border-color: var(--card-border);
}

[data-theme="light"] .popover-body {
    color: var(--text-primary);
}

/* Breadcrumbs */
[data-theme="light"] .breadcrumb {
    background: transparent;
}

[data-theme="light"] .breadcrumb-item {
    color: var(--text-muted);
}

[data-theme="light"] .breadcrumb-item.active {
    color: var(--text-primary);
}

/* Progress Bars */
[data-theme="light"] .progress {
    background: rgba(198, 40, 40, 0.1);
}

[data-theme="light"] .progress-bar {
    background: var(--security-red);
}

/* Pagination */
[data-theme="light"] .page-link {
    color: var(--security-red);
    background: var(--card-bg);
    border-color: var(--card-border);
}

[data-theme="light"] .page-link:hover {
    color: white;
    background: var(--security-red);
    border-color: var(--security-red);
}

[data-theme="light"] .page-item.active .page-link {
    background: var(--security-red);
    border-color: var(--security-red);
}

/* Spinners and Loading States */
[data-theme="light"] .spinner-border {
    color: var(--security-red);
}

[data-theme="light"] .spinner-grow {
    color: var(--security-red);
}

/* Code and Pre Elements */
[data-theme="light"] code {
    background: rgba(198, 40, 40, 0.1);
    color: var(--security-red);
}

[data-theme="light"] pre {
    background: var(--security-light-gray);
    color: var(--text-primary);
    border: 1px solid var(--card-border);
}

/* Blockquotes */
[data-theme="light"] blockquote {
    border-left: 4px solid var(--security-red);
    color: var(--text-secondary);
}

/* Custom Components */
[data-theme="light"] .security-card {
    background: var(--card-bg) !important;
    border: 1px solid var(--card-border) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .feature-card {
    background: var(--card-bg) !important;
    border: 1px solid var(--card-border) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .service-card {
    background: var(--card-bg) !important;
    border: 1px solid var(--card-border) !important;
    color: var(--text-primary) !important;
}

/* Ensure all white text becomes dark in light theme */
[data-theme="light"] * {
    color: inherit;
}

[data-theme="light"] .text-white,
[data-theme="light"] .text-white-50 {
    color: var(--text-primary) !important;
}

/* Fix any remaining dark backgrounds */
[data-theme="light"] .bg-dark {
    background: var(--card-bg) !important;
}

[data-theme="light"] .bg-black {
    background: var(--security-black) !important;
}

/* Authentication Pages Light Theme Coverage */
[data-theme="light"] .login-container,
[data-theme="light"] .reset-container,
[data-theme="light"] .signup-container {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%) !important;
}

[data-theme="light"] .login-card,
[data-theme="light"] .reset-card,
[data-theme="light"] .signup-card {
    background: rgba(255, 255, 255, 0.95) !important;
    border: 1px solid var(--card-border) !important;
    color: var(--text-primary) !important;
    box-shadow: 0 10px 30px rgba(198, 40, 40, 0.1) !important;
}

[data-theme="light"] .demo-credentials {
    background: var(--security-light-gray) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .demo-credentials code {
    background: rgba(198, 40, 40, 0.1) !important;
    color: var(--security-red) !important;
    border: 1px solid var(--security-red) !important;
}

/* Form Elements in Light Theme */
[data-theme="light"] .form-control {
    background: var(--input-bg) !important;
    border: 1px solid var(--input-border) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .form-control:focus {
    border-color: var(--input-focus-border) !important;
    box-shadow: 0 0 0 0.2rem var(--input-focus-shadow) !important;
}

[data-theme="light"] .form-label {
    color: var(--text-primary) !important;
}

/* Landing Page Light Theme */
[data-theme="light"] .landing-hero {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .landing-hero h1,
[data-theme="light"] .landing-hero h2,
[data-theme="light"] .landing-hero p {
    color: var(--text-primary) !important;
}

/* Store Pages Light Theme */
[data-theme="light"] .store-container {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%) !important;
}

[data-theme="light"] .store-hero {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%) !important;
    border-bottom: 2px solid var(--security-red) !important;
}

[data-theme="light"] .product-card {
    background: var(--card-bg) !important;
    border: 1px solid var(--card-border) !important;
    color: var(--text-primary) !important;
}

/* Quote Pages Light Theme */
[data-theme="light"] .quote-container {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%) !important;
}

[data-theme="light"] .quote-form-card {
    background: var(--card-bg) !important;
    border: 1px solid var(--card-border) !important;
    color: var(--text-primary) !important;
}

/* Portfolio Pages Light Theme */
[data-theme="light"] .portfolio-container {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%) !important;
}

[data-theme="light"] .portfolio-card {
    background: var(--card-bg) !important;
    border: 1px solid var(--card-border) !important;
    color: var(--text-primary) !important;
}

/* Maintenance Page Light Theme */
[data-theme="light"] .maintenance-container {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .maintenance-card {
    background: var(--card-bg) !important;
    border: 1px solid var(--card-border) !important;
    color: var(--text-primary) !important;
}

/* ========================================
   COMPREHENSIVE LIGHT THEME COVERAGE
   ======================================== */

/* Error Pages (404, 500, etc.) Light Theme */
[data-theme="light"] .error-container {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .error-container::before {
    background: radial-gradient(circle at 20% 80%, rgba(198, 40, 40, 0.05) 0%, transparent 50%),
                radial-gradient(circle at 80% 20%, rgba(198, 40, 40, 0.05) 0%, transparent 50%) !important;
}

[data-theme="light"] .error-code {
    color: var(--security-red) !important;
    text-shadow: 0 0 20px rgba(198, 40, 40, 0.3) !important;
}

[data-theme="light"] .error-title {
    color: var(--text-primary) !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1) !important;
}

[data-theme="light"] .error-message {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .security-tip {
    background: var(--security-light-gray) !important;
    border: 1px solid var(--card-border) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .nav-btn {
    background: var(--card-bg) !important;
    border: 2px solid var(--security-red) !important;
    color: var(--security-red) !important;
}

[data-theme="light"] .nav-btn:hover {
    background: var(--security-red) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 25px rgba(198, 40, 40, 0.3) !important;
}

/* Dashboard Pages Comprehensive Light Theme */
[data-theme="light"] .dashboard-container,
[data-theme="light"] .customer-dashboard {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%) !important;
}

[data-theme="light"] .dashboard-card {
    background: var(--card-bg) !important;
    border: 1px solid var(--card-border) !important;
    color: var(--text-primary) !important;
    box-shadow: 0 10px 30px var(--card-shadow) !important;
}

[data-theme="light"] .dashboard-card:hover {
    box-shadow: 0 15px 35px var(--card-shadow-hover) !important;
}

[data-theme="light"] .stat-card {
    background: linear-gradient(135deg, var(--security-red) 0%, var(--security-dark-red) 100%) !important;
    color: #ffffff !important;
    border: 2px solid var(--security-red) !important;
}

[data-theme="light"] .stat-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(198, 40, 40, 0.3) !important;
}

/* Quote System Comprehensive Light Theme */
[data-theme="light"] .quotes-container,
[data-theme="light"] .quote-detail-container,
[data-theme="light"] .quote-detail {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%) !important;
}

[data-theme="light"] .quotes-card,
[data-theme="light"] .quote-card,
[data-theme="light"] .quote-detail-card {
    background: var(--card-bg) !important;
    border: 1px solid var(--card-border) !important;
    color: var(--text-primary) !important;
    box-shadow: 0 10px 30px var(--card-shadow) !important;
}

[data-theme="light"] .line-item {
    background: var(--security-light-gray) !important;
    border-left: 3px solid var(--security-red) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .quote-status {
    color: var(--text-primary) !important;
}

[data-theme="light"] .quote-status.status-pending {
    color: #f59e0b !important;
}

[data-theme="light"] .quote-status.status-approved {
    color: #10b981 !important;
}

[data-theme="light"] .quote-status.status-rejected {
    color: var(--security-red) !important;
}

/* Success Pages Light Theme */
[data-theme="light"] .success-container {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .success-container::before {
    background: radial-gradient(circle at 20% 80%, rgba(198, 40, 40, 0.05) 0%, transparent 50%),
                radial-gradient(circle at 80% 20%, rgba(198, 40, 40, 0.05) 0%, transparent 50%) !important;
}

[data-theme="light"] .success-card {
    background: var(--card-bg) !important;
    border: 1px solid var(--card-border) !important;
    color: var(--text-primary) !important;
}

/* Authentication Pages Comprehensive Light Theme */
[data-theme="light"] .signup-container,
[data-theme="light"] .login-container,
[data-theme="light"] .reset-container {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%) !important;
}

[data-theme="light"] .signup-container::before,
[data-theme="light"] .login-container::before,
[data-theme="light"] .reset-container::before {
    background: radial-gradient(circle at 30% 40%, rgba(198, 40, 40, 0.05) 0%, transparent 50%),
                radial-gradient(circle at 70% 60%, rgba(198, 40, 40, 0.03) 0%, transparent 50%) !important;
}

[data-theme="light"] .signup-card,
[data-theme="light"] .login-card,
[data-theme="light"] .reset-card {
    background: var(--card-bg) !important;
    border: 1px solid var(--card-border) !important;
    color: var(--text-primary) !important;
    box-shadow: 0 10px 30px var(--card-shadow) !important;
}

[data-theme="light"] .auth-title {
    color: var(--text-primary) !important;
}

[data-theme="light"] .auth-subtitle {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .social-login-btn {
    background: var(--card-bg) !important;
    border: 1px solid var(--card-border) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .social-login-btn:hover {
    background: var(--security-light-gray) !important;
    border-color: var(--security-red) !important;
}

/* Store/Shop Pages Comprehensive Light Theme */
[data-theme="light"] .store-container {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%) !important;
}

[data-theme="light"] .store-hero {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%) !important;
    border-bottom: 2px solid var(--security-red) !important;
}

[data-theme="light"] .product-card {
    background: var(--card-bg) !important;
    border: 1px solid var(--card-border) !important;
    color: var(--text-primary) !important;
    box-shadow: 0 10px 30px var(--card-shadow) !important;
}

[data-theme="light"] .product-card:hover {
    box-shadow: 0 15px 35px var(--card-shadow-hover) !important;
    transform: translateY(-5px);
}

[data-theme="light"] .product-title {
    color: var(--text-primary) !important;
}

[data-theme="light"] .product-description {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .product-price {
    color: var(--security-red) !important;
    font-weight: 600;
}

[data-theme="light"] .cart-item {
    background: var(--card-bg) !important;
    border: 1px solid var(--card-border) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .cart-summary {
    background: var(--card-bg) !important;
    border: 1px solid var(--card-border) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .checkout-form {
    background: var(--card-bg) !important;
    border: 1px solid var(--card-border) !important;
    color: var(--text-primary) !important;
}

/* Portfolio Pages Comprehensive Light Theme */
[data-theme="light"] .portfolio-container {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%) !important;
}

[data-theme="light"] .portfolio-hero {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .portfolio-card {
    background: var(--card-bg) !important;
    border: 1px solid var(--card-border) !important;
    color: var(--text-primary) !important;
    box-shadow: 0 10px 30px var(--card-shadow) !important;
}

[data-theme="light"] .portfolio-card:hover {
    box-shadow: 0 15px 35px var(--card-shadow-hover) !important;
    transform: translateY(-5px);
}

[data-theme="light"] .portfolio-title {
    color: var(--text-primary) !important;
}

[data-theme="light"] .portfolio-description {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .portfolio-category {
    background: var(--security-light-gray) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--card-border) !important;
}

[data-theme="light"] .portfolio-filter {
    background: var(--card-bg) !important;
    border: 1px solid var(--card-border) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .portfolio-filter.active {
    background: var(--security-red) !important;
    color: #ffffff !important;
}

/* User Preferences Pages Light Theme */
[data-theme="light"] .preferences-container {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%) !important;
}

[data-theme="light"] .preferences-card {
    background: var(--card-bg) !important;
    border: 1px solid var(--card-border) !important;
    color: var(--text-primary) !important;
    box-shadow: 0 10px 30px var(--card-shadow) !important;
}

[data-theme="light"] .preference-section {
    background: var(--security-light-gray) !important;
    border: 1px solid var(--card-border) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .preference-label {
    color: var(--text-primary) !important;
}

[data-theme="light"] .preference-description {
    color: var(--text-secondary) !important;
}

/* Theme Toggle Components */
[data-theme="light"] .theme-toggle {
    background: var(--card-bg) !important;
    border: 1px solid var(--card-border) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .theme-option {
    background: var(--security-light-gray) !important;
    border: 1px solid var(--card-border) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .theme-option.active {
    background: var(--security-red) !important;
    color: #ffffff !important;
    border-color: var(--security-red) !important;
}

[data-theme="light"] .theme-preview {
    border: 2px solid var(--card-border) !important;
}

[data-theme="light"] .theme-preview.light-preview {
    border-color: var(--security-red) !important;
}

/* Alert Container Light Theme for Preferences */
[data-theme="light"] .alert-security {
    background: rgba(198, 40, 40, 0.1) !important;
    border: 1px solid var(--security-red) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .alert-container .alert {
    color: var(--text-primary) !important;
}

[data-theme="light"] .btn-close-white {
    filter: invert(1) grayscale(100%) brightness(0%) !important;
}

/* Homepage Components Comprehensive Light Theme */
[data-theme="light"] .hero-section {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%) !important;
}

[data-theme="light"] .hero-content {
    color: var(--text-primary) !important;
}

[data-theme="light"] .hero-title {
    color: var(--text-primary) !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1) !important;
}

[data-theme="light"] .hero-subtitle {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .services-section {
    background: var(--security-black) !important;
}

[data-theme="light"] .service-card {
    background: var(--card-bg) !important;
    border: 1px solid var(--card-border) !important;
    color: var(--text-primary) !important;
    box-shadow: 0 10px 30px var(--card-shadow) !important;
}

[data-theme="light"] .service-card:hover {
    box-shadow: 0 15px 35px var(--card-shadow-hover) !important;
    transform: translateY(-5px) scale(1.02);
}

[data-theme="light"] .service-title {
    color: var(--text-primary) !important;
}

[data-theme="light"] .service-description {
    color: var(--text-secondary) !important;
}

/* Testimonials Light Theme */
[data-theme="light"] .testimonial-card {
    background: var(--card-bg) !important;
    border: 1px solid var(--card-border) !important;
    color: var(--text-primary) !important;
    box-shadow: 0 10px 30px var(--card-shadow) !important;
}

[data-theme="light"] .testimonial-card:hover {
    box-shadow: 0 15px 35px var(--card-shadow-hover) !important;
}

[data-theme="light"] .testimonial-text {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .testimonial-author {
    color: var(--text-primary) !important;
}

[data-theme="light"] .testimonial-role {
    color: var(--text-muted) !important;
}

[data-theme="light"] .testimonial-rating {
    color: #fbbf24 !important;
}

/* Section Headers and Typography */
[data-theme="light"] .section-title {
    color: var(--text-primary) !important;
}

[data-theme="light"] .section-subtitle {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .section-header {
    color: var(--text-primary) !important;
}

/* FAQ Components Light Theme */
[data-theme="light"] .faq-container {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%) !important;
}

[data-theme="light"] .faq-item {
    background: var(--card-bg) !important;
    border: 1px solid var(--card-border) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .faq-question {
    color: var(--text-primary) !important;
}

[data-theme="light"] .faq-answer {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .faq-toggle {
    color: var(--security-red) !important;
}

/* Contact and Solutions Pages Light Theme */
[data-theme="light"] .contact-container,
[data-theme="light"] .solutions-container {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%) !important;
}

[data-theme="light"] .contact-card,
[data-theme="light"] .solution-card {
    background: var(--card-bg) !important;
    border: 1px solid var(--card-border) !important;
    color: var(--text-primary) !important;
    box-shadow: 0 10px 30px var(--card-shadow) !important;
}

[data-theme="light"] .contact-info {
    background: var(--security-light-gray) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .solution-feature {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .solution-benefit {
    color: var(--text-primary) !important;
}

/* Special Components and Effects */
[data-theme="light"] .glow-effect {
    box-shadow: 0 0 20px rgba(198, 40, 40, 0.2) !important;
}

[data-theme="light"] .security-badge {
    background: var(--security-red) !important;
    color: #ffffff !important;
}

[data-theme="light"] .feature-highlight {
    background: var(--security-light-gray) !important;
    border-left: 4px solid var(--security-red) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .call-to-action {
    background: var(--card-bg) !important;
    border: 2px solid var(--security-red) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .call-to-action:hover {
    background: var(--security-red) !important;
    color: #ffffff !important;
}

/* Tables and Data Display Light Theme */
[data-theme="light"] .table {
    background: var(--card-bg) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .table th {
    background: rgb(200, 200, 200) !important;
    color: var(--text-primary) !important;
    border-color: var(--card-border) !important;
}

[data-theme="light"] .table td {
    border-color: var(--card-border) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .table-striped tbody tr:nth-of-type(odd) {
    background: rgba(198, 40, 40, 0.02) !important;
}

[data-theme="light"] .table-hover tbody tr:hover {
    background: rgba(198, 40, 40, 0.05) !important;
}

/* Alerts and Notifications Light Theme */
[data-theme="light"] .alert {
    border: 1px solid var(--card-border) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .alert-success {
    background: rgba(16, 185, 129, 0.1) !important;
    border-color: #10b981 !important;
    color: #065f46 !important;
}

[data-theme="light"] .alert-danger {
    background: rgba(198, 40, 40, 0.1) !important;
    border-color: var(--security-red) !important;
    color: #7f1d1d !important;
}

[data-theme="light"] .alert-warning {
    background: rgba(245, 158, 11, 0.1) !important;
    border-color: #f59e0b !important;
    color: #78350f !important;
}

[data-theme="light"] .alert-info {
    background: rgba(59, 130, 246, 0.1) !important;
    border-color: #3b82f6 !important;
    color: #1e3a8a !important;
}

/* Pagination Light Theme */
[data-theme="light"] .pagination .page-link {
    background: var(--card-bg) !important;
    border-color: var(--card-border) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .pagination .page-link:hover {
    background: var(--security-light-gray) !important;
    border-color: var(--security-red) !important;
    color: var(--security-red) !important;
}

[data-theme="light"] .pagination .page-item.active .page-link {
    background: var(--security-red) !important;
    border-color: var(--security-red) !important;
    color: #ffffff !important;
}

/* Breadcrumbs Light Theme */
[data-theme="light"] .breadcrumb {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%) !important;
}

[data-theme="light"] .breadcrumb-item a {
    color: var(--security-red) !important;
}

[data-theme="light"] .breadcrumb-item.active {
    color: var(--text-primary) !important;
}

/* Progress Bars Light Theme */
[data-theme="light"] .progress {
    background: var(--security-light-gray) !important;
}

[data-theme="light"] .progress-bar {
    background: var(--security-red) !important;
}

/* Tooltips and Popovers Light Theme */
[data-theme="light"] .tooltip .tooltip-inner {
    background: var(--text-primary) !important;
    color: #ffffff !important;
}

[data-theme="light"] .popover {
    background: var(--card-bg) !important;
    border-color: var(--card-border) !important;
}

[data-theme="light"] .popover-header {
    background: var(--security-light-gray) !important;
    border-color: var(--card-border) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .popover-body {
    color: var(--text-primary) !important;
}

/* Admin and Staff Interface Light Theme */
[data-theme="light"] .admin-container {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%) !important;
}

[data-theme="light"] .admin-sidebar {
    background: var(--card-bg) !important;
    border-right: 1px solid var(--card-border) !important;
}

[data-theme="light"] .admin-nav-link {
    color: var(--text-primary) !important;
}

[data-theme="light"] .admin-nav-link:hover,
[data-theme="light"] .admin-nav-link.active {
    background: var(--security-light-gray) !important;
    color: var(--security-red) !important;
}

[data-theme="light"] .admin-content {
    background: var(--security-black) !important;
}

/* Maintenance Mode Light Theme Enhancements */
[data-theme="light"] .maintenance-hero {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .maintenance-title {
    color: var(--text-primary) !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1) !important;
}

[data-theme="light"] .maintenance-subtitle {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .countdown-timer {
    background: var(--card-bg) !important;
    border: 1px solid var(--card-border) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .countdown-number {
    color: var(--security-red) !important;
}

[data-theme="light"] .countdown-label {
    color: var(--text-secondary) !important;
}

/* Accessibility and Focus States Light Theme */
[data-theme="light"] *:focus {
    outline: 2px solid var(--security-red) !important;
    outline-offset: 2px !important;
}

[data-theme="light"] .btn:focus,
[data-theme="light"] .form-control:focus,
[data-theme="light"] .form-select:focus {
    box-shadow: 0 0 0 0.25rem rgba(198, 40, 40, 0.25) !important;
}

/* Print Styles for Light Theme */
@media print {
    [data-theme="light"] * {
        background: white !important;
        color: black !important;
        box-shadow: none !important;
    }

    [data-theme="light"] .btn {
        border: 1px solid black !important;
    }
}

/* High Contrast Mode Support */
@media (prefers-contrast: high) {
    [data-theme="light"] {
        --card-border: #000000;
        --text-primary: #000000;
        --text-secondary: #333333;
    }
}

/* Homepage Specific Light Theme Overrides */
[data-theme="light"] .hero-section {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%) !important;
}

[data-theme="light"] .hero-title {
    color: var(--text-primary) !important;
    text-shadow: 2px 2px 4px rgba(198, 40, 40, 0.3) !important;
}

[data-theme="light"] .hero-subtitle {
    color: var(--text-secondary) !important;
    text-shadow: none !important;
}

/* Services Section Light Theme */
[data-theme="light"] .services-section {
    background: var(--security-light-gray) !important;
}

[data-theme="light"] .service-card {
    background: var(--card-bg) !important;
    border: 1px solid var(--card-border) !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
}

[data-theme="light"] .service-card:hover {
    box-shadow: 0 15px 35px rgba(198, 40, 40, 0.2) !important;
}

[data-theme="light"] .service-title {
    color: var(--text-primary) !important;
}

[data-theme="light"] .service-description {
    color: var(--text-secondary) !important;
}

/* Portfolio Section Light Theme */
[data-theme="light"] .portfolio-section {
    background: #ffffff !important;
}

[data-theme="light"] .portfolio-content {
    background: var(--card-bg) !important;
    
}

[data-theme="light"] .portfolio-card:hover {
    box-shadow: 0 15px 35px rgba(198, 40, 40, 0.2) !important;
}

[data-theme="light"] .portfolio-image {
    background: var(--security-light-gray) !important;
}

[data-theme="light"] .portfolio-title {
    color: var(--text-primary) !important;
}

[data-theme="light"] .portfolio-description {
    color: var(--text-secondary) !important;
}

/* Section Headers Light Theme */
[data-theme="light"] .section-title {
    color: var(--text-primary) !important;
    text-shadow: 2px 2px 4px rgba(198, 40, 40, 0.2) !important;
}

[data-theme="light"] .section-subtitle {
    color: var(--text-secondary) !important;
}

/* Testimonials Light Theme */
[data-theme="light"] .testimonial-card {
    background: var(--card-bg) !important;
    border: 1px solid var(--card-border) !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
}

[data-theme="light"] .testimonial-text {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .testimonial-author {
    color: var(--text-primary) !important;
}

/* FAQ Section Light Theme */
[data-theme="light"] .faqs-section {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
}

[data-theme="light"] .accordion-item {
    background: var(--card-bg) !important;
    border: 1px solid var(--card-border) !important;
}

[data-theme="light"] .accordion-item:hover {
    box-shadow: 0 10px 25px rgba(198, 40, 40, 0.2) !important;
}

[data-theme="light"] .accordion-button {
    background: var(--card-bg) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .accordion-button:not(.collapsed) {
    background: var(--security-red) !important;
    color: #ffffff !important;
}

[data-theme="light"] .accordion-body {
    background: var(--card-bg) !important;
    color: var(--text-secondary) !important;
    border-top: 1px solid var(--card-border) !important;
}

/* Footer Light Theme */
[data-theme="light"] .footer {
    background: var(--card-bg) !important;
    border-top: 1px solid var(--card-border) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .footer h5 {
    color: var(--text-primary) !important;
}

[data-theme="light"] .footer p,
[data-theme="light"] .footer li {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .footer a {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .footer a:hover {
    color: var(--security-red) !important;
}

[data-theme="light"] .footer .social-links a {
    background: var(--security-light-gray) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--card-border) !important;
}

[data-theme="light"] .footer .social-links a:hover {
    background: var(--security-red) !important;
    color: #ffffff !important;
}

/* ========================================
   SERVICES PAGE COMPREHENSIVE LIGHT THEME
   ======================================== */

/* Services Hero Section Light Theme */
[data-theme="light"] .security-services-hero {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .security-services-hero::before {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(198,40,40,0.1)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url("#grid#grid")"/></svg>') !important;
    opacity: 0.3 !important;
}

[data-theme="light"] .security-services-hero h1 {
    color: var(--text-primary) !important;
    text-shadow: 2px 2px 4px rgba(198, 40, 40, 0.25) !important;
}

[data-theme="light"] .security-services-hero .text-white,
[data-theme="light"] .security-services-hero .text-light,
[data-theme="light"] .security-services-hero .lead {
    color: var(--text-secondary) !important;
}

/* Services Cards Light Theme */
[data-theme="light"] .security-service-card {
    background: var(--card-bg) !important;
    border: 1px solid var(--card-border) !important;
    border-radius: 15px;
    color: var(--text-primary) !important;
    box-shadow: 0 10px 30px var(--card-shadow) !important;
}

[data-theme="light"] .security-service-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px var(--card-shadow-hover) !important;
    border-color: var(--security-red) !important;
}

[data-theme="light"] .security-service-card h3,
[data-theme="light"] .security-service-card .text-white {
    color: var(--text-primary) !important;
}

[data-theme="light"] .security-service-card p,
[data-theme="light"] .security-service-card .text-light,
[data-theme="light"] .security-service-card small,
[data-theme="light"] .security-service-card span {
    color: var(--text-secondary) !important;
}

/* Service Icon Light Theme */
[data-theme="light"] .service-icon {
    color: #ffffff;
    border-radius: 15px;
    background: linear-gradient(135deg, var(--security-red) 0%, #B71C1C 100%) !important;
}

[data-theme="light"] .security-service-card:hover .service-icon {
    transform: scale(1.08);
    box-shadow: 0 0 25px rgba(198, 40, 40, 0.5) !important;
}

/* Services Section Backgrounds Light Theme */
[data-theme="light"] section[style*="var(--security-black)"] {
    background: var(--security-black) !important;
}

[data-theme="light"] section[style*="var(--security-dark-gray)"] {
    background: var(--security-dark-gray) !important;
}

[data-theme="light"] section[style*="var(--security-red)"] {
    background: var(--security-red) !important;
}

/* Services Section Headers Light Theme */
[data-theme="light"] .display-5 {
    color: var(--text-primary) !important;
}

[data-theme="light"] .display-5.text-white {
    color: var(--text-primary) !important;
}

[data-theme="light"] .lead.text-light {
    color: var(--text-secondary) !important;
}

/* Services Package Cards Light Theme */
[data-theme="light"] .security-service-card .h2 {
    color: var(--security-red) !important;
}

[data-theme="light"] .security-service-card .h4 {
    color: var(--text-primary) !important;
}

[data-theme="light"] .security-service-card .small {
    color: var(--text-muted) !important;
}

/* Services CTA Section Light Theme */
[data-theme="light"] section[style*="var(--security-red)"] h2,
[data-theme="light"] section[style*="var(--security-red)"] p,
[data-theme="light"] section[style*="var(--security-red)"] .text-white {
    color: #ffffff !important;
}

/* Services Buttons Light Theme */
[data-theme="light"] .btn-danger {
    background: var(--security-red) !important;
    border-color: var(--security-red) !important;
    color: #ffffff !important;
}

[data-theme="light"] .btn-danger:hover {
    background: var(--security-dark-red) !important;
    border-color: var(--security-dark-red) !important;
}

[data-theme="light"] .btn-light {
    background: #ffffff !important;
    border-color: #ffffff !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .btn-outline-light {
    border-color: #ffffff !important;
    color: #000000 !important;
}

[data-theme="light"]     .cart-total {
      background: rgba(139, 137, 137, 0.1);
      color: var(--security-red) !important;
      font-weight: 600;
      padding: 12px 16px !important;
    }


/* ===== PORTFOLIO DETAIL PAGE LIGHT THEME ===== */
[data-theme="light"] .portfolio-detail-container {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%) !important;
}

/* Breadcrumb Navigation */
[data-theme="light"] .breadcrumb-custom .breadcrumb-item a {
    color: var(--security-red) !important;
}

[data-theme="light"] .breadcrumb-custom .breadcrumb-item.active {
    color: var(--text-secondary) !important;
}

/* Project Header Section */
[data-theme="light"] .project-header {
    background: linear-gradient(135deg, var(--card-bg) 0%, #ffffff 100%) !important;
    border: 1px solid var(--card-border) !important;
    box-shadow: 0 15px 35px var(--card-shadow-hover) !important;
}

[data-theme="light"] .project-image-section {
    background: #f8f9fa !important;
}

[data-theme="light"] .project-image-placeholder {
    color: var(--security-red) !important;
}

[data-theme="light"] .project-details-section {
    color: var(--text-primary) !important;
}

[data-theme="light"] .project-title {
    color: var(--text-primary) !important;
    text-shadow: 0 2px 4px rgba(198, 40, 40, 0.2) !important;
}

[data-theme="light"] .project-meta {
    background: rgba(248, 249, 250, 0.9) !important;
    border-left: 4px solid var(--security-red) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .project-meta .text-muted {
    color: var(--text-muted) !important;
}

/* Technology Badges */
[data-theme="light"] .tech-badge {
    background: linear-gradient(135deg, var(--security-red) 0%, var(--security-dark-red) 100%) !important;
    color: white !important;
    border: 1px solid var(--security-red) !important;
}

/* Gallery Section */
[data-theme="light"] .gallery-section {
    background: var(--card-bg) !important;
    border: 1px solid var(--card-border) !important;
}

[data-theme="light"] .gallery-section h3 {
    color: var(--text-primary) !important;
}

[data-theme="light"] .gallery-section .text-white {
    color: var(--text-primary) !important;
}

[data-theme="light"] .gallery-section .text-danger {
    color: var(--security-red) !important;
}

/* Gallery Modal */
[data-theme="light"] .gallery-modal-container {
    background: #ffffff !important;
}

[data-theme="light"] .gallery-overlay {
    background: rgba(198, 40, 40, 0.8) !important;
}

[data-theme="light"] .gallery-thumb {
    border-color: transparent !important;
}

[data-theme="light"] .gallery-thumb:hover,
[data-theme="light"] .gallery-thumb.active {
    border-color: var(--security-red) !important;
}

/* Related Projects Section */
[data-theme="light"] .related-projects {
    background: var(--card-bg) !important;
    border: 1px solid var(--card-border) !important;
}

[data-theme="light"] .related-projects h3 {
    color: var(--text-primary) !important;
}

[data-theme="light"] .related-project-card {
    background: #ffffff !important;
    border: 1px solid var(--card-border) !important;
}

[data-theme="light"] .related-project-card:hover {
    border-color: var(--security-red) !important;
    box-shadow: 0 10px 25px var(--card-shadow-hover) !important;
}

[data-theme="light"] .related-project-card h6 {
    color: var(--text-primary) !important;
}

[data-theme="light"] .related-project-card p {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .related-project-card .text-muted {
    color: var(--text-muted) !important;
}

/* Navigation Buttons */
[data-theme="light"] .btn-security {
    background: linear-gradient(135deg, var(--security-red) 0%, var(--security-dark-red) 100%) !important;
    border-color: var(--security-red) !important;
    color: white !important;
}

[data-theme="light"] .btn-security:hover {
    background: linear-gradient(135deg, var(--security-dark-red) 0%, #8B0000 100%) !important;
    border-color: var(--security-dark-red) !important;
    color: white !important;
    box-shadow: 0 0 20px rgba(198, 40, 40, 0.4) !important;
}

/* ===== STORE/SHOP PAGES LIGHT THEME ===== */

/* Store Home Page */
[data-theme="light"] .store-container {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%) !important;
}

[data-theme="light"] .store-hero {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%) !important;
    border-bottom: 2px solid var(--security-red) !important;
}

[data-theme="light"] .store-hero h1 {
    color: var(--text-primary) !important;
    text-shadow: 0 4px 8px rgba(198, 40, 40, 0.2) !important;
}

[data-theme="light"] .store-hero p {
    color: var(--text-secondary) !important;
}

/* Category Cards */
[data-theme="light"] .category-card {
    background: var(--card-bg) !important;
    border: 1px solid var(--card-border) !important;
    box-shadow: 0 10px 25px var(--card-shadow) !important;
}

[data-theme="light"] .category-card:hover {
    box-shadow: 0 15px 35px var(--card-shadow-hover) !important;
    border-color: var(--security-red) !important;
}

[data-theme="light"] .category-card .card-body {
    background: transparent !important;
}

[data-theme="light"] .category-card h5,
[data-theme="light"] .category-card h6 {
    color: var(--text-primary) !important;
}

[data-theme="light"] .category-card p {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .category-icon {
    color: var(--security-red) !important;
}

[data-theme="light"] .category-image-container {
    background: #f8f9fa !important;
}

/* Product Cards */
[data-theme="light"] .product-card {
    background: var(--card-bg) !important;
    border: 1px solid var(--card-border) !important;
    box-shadow: 0 10px 25px var(--card-shadow) !important;
}

[data-theme="light"] .product-card:hover {
    box-shadow: 0 15px 35px var(--card-shadow-hover) !important;
    border-color: var(--security-red) !important;
}

[data-theme="light"] .product-card h6 {
    color: var(--text-primary) !important;
}

[data-theme="light"] .product-card p {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .product-card .store-text-secondary {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .product-card .price {
    color: var(--security-red) !important;
}

[data-theme="light"] .product-card .deposit-info {
    color: var(--text-muted) !important;
}

[data-theme="light"] .product-image-placeholder {
    color: var(--security-red) !important;
    background: #f8f9fa !important;
}

/* Store Buttons */
[data-theme="light"] .btn-store {
    background: linear-gradient(135deg, var(--security-red) 0%, var(--security-dark-red) 100%) !important;
    border-color: var(--security-red) !important;
    color: white !important;
}

[data-theme="light"] .btn-store:hover {
    background: linear-gradient(135deg, var(--security-dark-red) 0%, #8B0000 100%) !important;
    border-color: var(--security-dark-red) !important;
    color: white !important;
    box-shadow: 0 0 20px rgba(198, 40, 40, 0.4) !important;
}

/* Product List Page */
[data-theme="light"] .products-container {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%) !important;
}

[data-theme="light"] .products-header {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%) !important;
    border-bottom: 2px solid var(--security-red) !important;
}

[data-theme="light"] .products-header h1 {
    color: var(--text-primary) !important;
    text-shadow: 0 4px 8px rgba(198, 40, 40, 0.2) !important;
}

[data-theme="light"] .products-header p {
    color: var(--text-secondary) !important;
}

/* Filters and Search */
[data-theme="light"] .filter-sidebar {
    background: var(--card-bg) !important;
    border: 1px solid var(--card-border) !important;
}

[data-theme="light"] .filter-section h6 {
    color: var(--text-primary) !important;
}

[data-theme="light"] .filter-section .form-check-label {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .search-controls {
    background: var(--card-bg) !important;
    border: 1px solid var(--card-border) !important;
}

[data-theme="light"] .search-controls .form-control {
    background: #ffffff !important;
    border-color: var(--card-border) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .search-controls .form-control:focus {
    border-color: var(--security-red) !important;
    box-shadow: 0 0 0 0.25rem rgba(198, 40, 40, 0.25) !important;
}

[data-theme="light"] .search-controls .form-select {
    background: #ffffff !important;
    border-color: var(--card-border) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .search-controls .form-select:focus {
    border-color: var(--security-red) !important;
    box-shadow: 0 0 0 0.25rem rgba(198, 40, 40, 0.25) !important;
}

/* No Products Message */
[data-theme="light"] .no-products {
    color: var(--text-primary) !important;
}

[data-theme="light"] .no-products h3 {
    color: var(--text-primary) !important;
}

[data-theme="light"] .no-products p {
    color: var(--text-secondary) !important;
}

/* Product Detail Page */
[data-theme="light"] .product-container {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%) !important;
}

[data-theme="light"] .product-detail-card {
    background: var(--card-bg) !important;
    border: 1px solid var(--card-border) !important;
    box-shadow: 0 15px 35px var(--card-shadow-hover) !important;
}

[data-theme="light"] .product-detail-card h1 {
    color: var(--text-primary) !important;
}

[data-theme="light"] .product-detail-card h2,
[data-theme="light"] .product-detail-card h3,
[data-theme="light"] .product-detail-card h4,
[data-theme="light"] .product-detail-card h5,
[data-theme="light"] .product-detail-card h6 {
    color: var(--text-primary) !important;
}

[data-theme="light"] .product-detail-card p {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .product-detail-card .text-muted {
    color: var(--text-muted) !important;
}

[data-theme="light"] .product-price {
    color: var(--security-red) !important;
}

[data-theme="light"] .product-deposit {
    color: var(--text-muted) !important;
}

/* Product Image Gallery */
[data-theme="light"] .product-image-container {
    background: #f8f9fa !important;
}

[data-theme="light"] .product-image-placeholder {
    background: #f8f9fa !important;
    color: var(--security-red) !important;
}

/* Product Tabs */
[data-theme="light"] .nav-tabs {
    border-bottom-color: var(--card-border) !important;
}

[data-theme="light"] .nav-tabs .nav-link {
    color: var(--text-secondary) !important;
    border-color: transparent !important;
}

[data-theme="light"] .nav-tabs .nav-link:hover {
    border-color: var(--card-border) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .nav-tabs .nav-link.active {
    color: var(--security-red) !important;
    background-color: #ffffff !important;
    border-color: var(--card-border) var(--card-border) #ffffff !important;
}

[data-theme="light"] .tab-content {
    background: #ffffff !important;
    border: 1px solid var(--card-border) !important;
    border-top: none !important;
}

[data-theme="light"] .tab-pane {
    color: var(--text-primary) !important;
}

[data-theme="light"] .tab-pane h6 {
    color: var(--text-primary) !important;
}

[data-theme="light"] .tab-pane p {
    color: var(--text-secondary) !important;
}

/* Product Features List */
[data-theme="light"] .product-features li {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .product-features li::before {
    color: var(--security-red) !important;
}

/* Quantity Selector */
[data-theme="light"] .quantity-selector .form-control {
    background: #ffffff !important;
    border-color: var(--card-border) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .quantity-selector .form-control:focus {
    border-color: var(--security-red) !important;
    box-shadow: 0 0 0 0.25rem rgba(198, 40, 40, 0.25) !important;
}

/* Related Products */
[data-theme="light"] .related-products {
    background: var(--card-bg) !important;
    border: 1px solid var(--card-border) !important;
}

[data-theme="light"] .related-products h3 {
    color: var(--text-primary) !important;
}

/* Category Detail Page */
[data-theme="light"] .category-container {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%) !important;
}

[data-theme="light"] .category-header {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%) !important;
    border-bottom: 2px solid var(--security-red) !important;
}

[data-theme="light"] .category-header h1 {
    color: var(--text-primary) !important;
    text-shadow: 0 4px 8px rgba(198, 40, 40, 0.2) !important;
}

[data-theme="light"] .category-header p {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .category-type-badge {
    background: var(--security-red) !important;
    color: white !important;
}

/* Store Text Overrides */
[data-theme="light"] .store-text-secondary {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .text-muted {
    color: var(--text-muted) !important;
}

[data-theme="light"] .text-light {
    color: var(--text-light) !important;
}

/* Reduced Motion Support */
@media (prefers-reduced-motion: reduce) {
    [data-theme="light"] * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}