/* Dark Mode Styles - Include this file on all pages */

/* Light mode (default) */
:root {
    --deep-blue: #0f2554;
    --ocean-teal: #00b4d8;
    --sunset-orange: #ff6b35;
    --warm-coral: #f77f00;
    --soft-white: #fefefe;
    --light-bg: #f8f9fc;
    --text-dark: #1a1a2e;
    --text-muted: #6c757d;
    --border-subtle: rgba(0, 0, 0, 0.08);
    
    /* Additional colors for dark mode */
    --bg-primary: #ffffff;
    --bg-secondary: #f8f9fc;
    --bg-tertiary: #ffffff;
    --text-primary: #1a1a2e;
    --text-secondary: #6c757d;
    --card-bg: #ffffff;
    --card-border: rgba(0, 0, 0, 0.08);
    --shadow-color: rgba(15, 37, 84, 0.08);
}

/* Dark mode */
[data-theme="dark"] {
    --deep-blue: #1a4070;
    --ocean-teal: #06b6d4;
    --sunset-orange: #ff8c5a;
    --warm-coral: #ffa94d;
    --soft-white: #1e293b;
    --light-bg: #0f172a;
    --text-dark: #f1f5f9;
    --text-muted: #94a3b8;
    --border-subtle: rgba(255, 255, 255, 0.1);
    
    /* Dark mode specific */
    --bg-primary: #0f172a;
    --bg-secondary: #1e293b;
    --bg-tertiary: #334155;
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --card-bg: #1e293b;
    --card-border: rgba(255, 255, 255, 0.1);
    --shadow-color: rgba(0, 0, 0, 0.3);
}

/* Apply dark mode to body and common elements */
[data-theme="dark"] body {
    background: var(--bg-primary);
    color: var(--text-primary);
}

[data-theme="dark"] .ktc-header {
    background: var(--card-bg);
    border-bottom-color: var(--border-subtle);
}

[data-theme="dark"] .hero-section {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
}

[data-theme="dark"] .stats-bar,
[data-theme="dark"] .categories,
[data-theme="dark"] .mission-section {
    background: var(--bg-secondary);
}

[data-theme="dark"] .about-section,
[data-theme="dark"] .features,
[data-theme="dark"] .benefits-section,
[data-theme="dark"] .features-section {
    background: var(--bg-primary);
}

[data-theme="dark"] .feature-card,
[data-theme="dark"] .category-card,
[data-theme="dark"] .value-card,
[data-theme="dark"] .benefit-item,
[data-theme="dark"] .feature-item {
    background: var(--card-bg);
    border-color: var(--card-border);
}

[data-theme="dark"] .feature-card:hover,
[data-theme="dark"] .category-card:hover,
[data-theme="dark"] .value-card:hover {
    box-shadow: 0 8px 24px rgba(6, 182, 212, 0.2);
}

[data-theme="dark"] .nav-item {
    color: var(--text-secondary);
}

[data-theme="dark"] .nav-item:hover,
[data-theme="dark"] .nav-item.active {
    background: rgba(6, 182, 212, 0.1);
}

[data-theme="dark"] .user-btn {
    background: var(--bg-secondary);
    border-color: var(--border-subtle);
}

[data-theme="dark"] .user-dropdown,
[data-theme="dark"] #google_translate_element {
    background: var(--card-bg);
    border-color: var(--border-subtle);
}

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

[data-theme="dark"] .dropdown-item:hover {
    background: var(--bg-tertiary);
}

[data-theme="dark"] .lang-btn {
    background: var(--card-bg);
    border-color: var(--border-subtle);
    color: var(--text-primary);
}

[data-theme="dark"] .section-title,
[data-theme="dark"] .hero-title,
[data-theme="dark"] .mission-title,
[data-theme="dark"] .feature-title,
[data-theme="dark"] .value-title,
[data-theme="dark"] .category-name,
[data-theme="dark"] h2,
[data-theme="dark"] h3 {
    color: var(--text-primary);
}

[data-theme="dark"] .section-desc,
[data-theme="dark"] .section-description,
[data-theme="dark"] .mission-description,
[data-theme="dark"] .feature-text,
[data-theme="dark"] .value-description,
[data-theme="dark"] .stat-label,
[data-theme="dark"] p {
    color: var(--text-secondary);
}

[data-theme="dark"] footer {
    background: #020617;
}

[data-theme="dark"] .footer-cta {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
}

/* Smooth transition for theme switch */
* {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

/* Preserve certain elements from transition */
a, button, .btn, .cta-button {
    transition: all 0.3s ease;
}
/* Fix for brand logo in dark mode */
[data-theme="dark"] .brand-name-main {
    color: var(--text-primary);
}

[data-theme="dark"] .brand-name-tag {
    color: var(--text-secondary);
}
/* Service card text elements */
[data-theme="dark"] .card-description,
[data-theme="dark"] .rating-text,
[data-theme="dark"] .meta-item,
[data-theme="dark"] .results-info,
[data-theme="dark"] .empty-subtitle {
    color: var(--text-secondary) !important;
}

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

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

[data-theme="dark"] .card-meta {
    border-top-color: var(--border-subtle) !important;
}

[data-theme="dark"] .search-bar {
    background: var(--card-bg) !important;
}

[data-theme="dark"] .form-input,
[data-theme="dark"] .form-select {
    background: var(--bg-secondary) !important;
    border-color: var(--border-subtle) !important;
    color: var(--text-primary) !important;
}
/* ==================== PAGINATION FIX ==================== */
[data-theme="dark"] .page-link {
    color: var(--text-primary) !important;
    background: var(--card-bg) !important;
    border-color: var(--border-subtle) !important;
}

[data-theme="dark"] .page-link:hover {
    background: var(--bg-tertiary) !important;
    border-color: var(--ocean-teal) !important;
    color: var(--ocean-teal) !important;
}

[data-theme="dark"] .page-link.active {
    background: linear-gradient(135deg, var(--ocean-teal), var(--deep-blue)) !important;
    color: white !important;
    border-color: transparent !important;
}

[data-theme="dark"] .page-link.disabled {
    opacity: 0.4 !important;
    background: var(--bg-secondary) !important;
    color: var(--text-muted) !important;
}
/* ========================================= */
/* 🔥 FIX: User profile name in dark mode */
/* ========================================= */

/* User name and type text */
[data-theme="dark"] .user-info h4 {
    color: var(--text-primary) !important;
}

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

/* User profile button */
[data-theme="dark"] .user-btn {
    background: var(--bg-secondary) !important;
    border-color: var(--border-subtle) !important;
}

/* User avatar circle */
[data-theme="dark"] .user-avatar {
    background: linear-gradient(135deg, var(--ocean-teal), var(--deep-blue)) !important;
    color: white !important;
}

/* User dropdown menu */
[data-theme="dark"] .user-dropdown {
    background: var(--card-bg) !important;
    border-color: var(--border-subtle) !important;
}

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

[data-theme="dark"] .dropdown-item:hover {
    background: var(--bg-tertiary) !important;
}
/* ========================================= */
/* 🔥 FIX: Customer Profile Page Dark Mode */
/* ========================================= */

/* Profile card - Main fix for white background */
[data-theme="dark"] .profile-card {
    background: var(--card-bg) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
    border: 1px solid var(--border-subtle);
}

/* Card title - "Personal Information" */
[data-theme="dark"] .card-title {
    color: var(--text-primary) !important;
}

/* Profile header */
[data-theme="dark"] .profile-name {
    color: var(--text-primary) !important;
}

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

/* Form labels */
[data-theme="dark"] .form-group label {
    color: var(--text-secondary) !important;
}

/* Form inputs */
[data-theme="dark"] .form-control {
    background: var(--bg-secondary) !important;
    border-color: var(--border-subtle) !important;
    color: var(--text-primary) !important;
}

/* Buttons */
[data-theme="dark"] .btn-primary {
    background: linear-gradient(135deg, var(--ocean-teal), var(--deep-blue)) !important;
}

[data-theme="dark"] .btn-edit {
    color: var(--ocean-teal) !important;
    border-color: var(--ocean-teal) !important;
}

/* Alert messages */
[data-theme="dark"] .alert-success {
    background-color: rgba(16, 185, 129, 0.2) !important;
    color: #10b981 !important;
}

[data-theme="dark"] .alert-error {
    background-color: rgba(239, 68, 68, 0.2) !important;
    color: #ef4444 !important;
}
/* ========================================= */
/* 🔥 FIX: Contact Page Dark Mode */
/* ========================================= */

/* Main heading "Contact Us" */
[data-theme="dark"] .container h1 {
    color: var(--text-primary) !important;
}

/* Contact cards - Form and Info cards */
[data-theme="dark"] .card {
    background: var(--card-bg) !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4) !important;
    border: 1px solid var(--border-subtle);
}

/* Section headings */
[data-theme="dark"] .card h3 {
    color: var(--text-primary) !important;
}

/* Form labels */
[data-theme="dark"] .card label {
    color: var(--text-secondary) !important;
}

/* Form inputs */
[data-theme="dark"] .card input,
[data-theme="dark"] .card select,
[data-theme="dark"] .card textarea {
    background: var(--bg-secondary) !important;
    border-color: var(--border-subtle) !important;
    color: var(--text-primary) !important;
}

/* Focus state */
[data-theme="dark"] .card input:focus,
[data-theme="dark"] .card select:focus,
[data-theme="dark"] .card textarea:focus {
    border-color: var(--ocean-teal) !important;
    box-shadow: 0 0 0 3px rgba(6, 182, 212, 0.2) !important;
}

/* Submit button */
[data-theme="dark"] .card button {
    background: linear-gradient(135deg, var(--sunset-orange), var(--warm-coral)) !important;
    color: white !important;
}

/* Info section */
[data-theme="dark"] .info p {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .info i {
    color: var(--ocean-teal) !important;
}
/* ========================================= */
/* 🔥 FIX: Empty State Card Dark Mode */
/* ========================================= */

/* Empty state container */
[data-theme="dark"] .empty-state {
    background: var(--card-bg) !important;
    border: 1px solid var(--border-subtle);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
}

/* Empty icon emoji */
[data-theme="dark"] .empty-icon {
    filter: grayscale(0.3) brightness(0.8);
}

/* Empty state title */
[data-theme="dark"] .empty-title {
    color: var(--text-primary) !important;
}

/* Empty state description text */
[data-theme="dark"] .empty-text {
    color: var(--text-secondary) !important;
}

/* View All Services button */
[data-theme="dark"] .empty-btn {
    background: linear-gradient(135deg, var(--sunset-orange), var(--warm-coral)) !important;
    color: white !important;
}

[data-theme="dark"] .empty-btn:hover {
    opacity: 0.9;
}

/* ========================================= */
/* 🔥 FIX: Services Page - Additional Elements */
/* ========================================= */

/* Hero section title */
[data-theme="dark"] .hero-title {
    color: var(--text-primary) !important;
}

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

/* Results count text */
[data-theme="dark"] .results-count {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .results-count strong {
    color: var(--ocean-teal) !important;
}

/* Results header */
[data-theme="dark"] .results-header {
    border-bottom-color: var(--border-subtle);
}

/* Card image placeholder background */
[data-theme="dark"] .card-image {
    background: var(--bg-secondary) !important;
}

/* Card category text */
[data-theme="dark"] .card-category {
    color: var(--ocean-teal) !important;
}

/* Card category icon */
[data-theme="dark"] .card-category i {
    color: var(--ocean-teal) !important;
}

/* Meta items (distance, etc) */
[data-theme="dark"] .meta-item {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .meta-item i {
    color: var(--ocean-teal) !important;
}

/* Service card borders and shadows */
[data-theme="dark"] .service-card {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .service-card:hover {
    box-shadow: 0 12px 32px rgba(6, 182, 212, 0.3) !important;
}
/* ========================================= */
/* 🔥 FIX: Service Profile Page Dark Mode */
/* ========================================= */

/* Service hero section */
[data-theme="dark"] .service-hero {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important;
}

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

/* Service category badge */
[data-theme="dark"] .service-category {
    color: var(--ocean-teal) !important;
}

/* Content cards */
[data-theme="dark"] .content-card {
    background: var(--card-bg) !important;
    border: 1px solid var(--border-subtle);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
}

/* Card titles */
[data-theme="dark"] .content-card .card-title {
    color: var(--text-primary) !important;
}

/* About text */
[data-theme="dark"] .about-text {
    color: var(--text-secondary) !important;
}

/* Location text */
[data-theme="dark"] .location-text {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .location-address {
    background: var(--bg-secondary) !important;
    border-color: var(--border-subtle) !important;
}

/* Contact information */
[data-theme="dark"] .contact-label {
    color: var(--text-muted) !important;
}

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

[data-theme="dark"] .contact-value a {
    color: var(--ocean-teal) !important;
}

[data-theme="dark"] .contact-item {
    border-bottom-color: var(--border-subtle) !important;
}

[data-theme="dark"] .contact-icon {
    background: var(--bg-secondary) !important;
    color: var(--ocean-teal) !important;
}

/* Action buttons */
[data-theme="dark"] .action-btn-primary {
    background: linear-gradient(135deg, var(--ocean-teal), var(--deep-blue)) !important;
    color: white !important;
}

[data-theme="dark"] .action-btn-secondary {
    background: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-subtle) !important;
}

/* Gallery section */
[data-theme="dark"] .gallery-item {
    background: var(--bg-secondary) !important;
    border-color: var(--border-subtle) !important;
}

/* Map container */
[data-theme="dark"] .map-container {
    border-color: var(--border-subtle) !important;
}

/* Back button */
[data-theme="dark"] .back-btn {
    background: var(--card-bg) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-subtle) !important;
}

[data-theme="dark"] .back-btn:hover {
    background: var(--bg-tertiary) !important;
    border-color: var(--ocean-teal) !important;
    color: var(--ocean-teal) !important;
}

/* Operating hours (if present) */
[data-theme="dark"] .hours-item {
    color: var(--text-secondary) !important;
}

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

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

/* Rating stars */
[data-theme="dark"] .rating-stars {
    color: var(--warm-coral) !important;
}

/* Any additional text elements */
[data-theme="dark"] .service-hero p,
[data-theme="dark"] .content-card p,
[data-theme="dark"] .content-card span,
[data-theme="dark"] .content-card div {
    color: inherit;
}

/* Ensure icons stay visible */
[data-theme="dark"] .content-card i {
    color: var(--ocean-teal) !important;
}

/* Full width section */
[data-theme="dark"] .full-width-section {
    background: var(--card-bg) !important;
}

/* ========================================= */
/* 🔥 FIX: Mobile Menu Dark Mode */
/* ========================================= */
[data-theme="dark"] .main-nav {
    background: var(--bg-primary) !important;
}

[data-theme="dark"] .main-nav .nav-item {
    background: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .main-nav .nav-item:hover {
    background: var(--bg-tertiary) !important;
    color: var(--ocean-teal) !important;
}

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

[data-theme="dark"] .main-nav.active .nav-item.active {
    color: var(--ocean-teal) !important;
}

/* ========================================= */
/* 🔥 FIX: Service Profile Ratings & Hours */
/* ========================================= */
[data-theme="dark"] .rating-score {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .rating-count,
[data-theme="dark"] .review-date,
[data-theme="dark"] .review-text,
[data-theme="dark"] .hours-time {
    color: var(--text-secondary) !important;
}

/* Ensure headings remain visible in dark mode */
[data-theme="dark"] .card-title,
[data-theme="dark"] .rating-score,
[data-theme="dark"] .hours-day,
[data-theme="dark"] .review-name {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .review-item,
[data-theme="dark"] .hours-row {
    background: var(--bg-secondary) !important;
    border-color: var(--border-subtle) !important;
}

[data-theme="dark"] .review-name,
[data-theme="dark"] .hours-day {
    color: var(--text-primary) !important;
}

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

[data-theme="dark"] .review-form select,
[data-theme="dark"] .review-form textarea {
    background: var(--bg-secondary) !important;
    border-color: var(--border-subtle) !important;
    color: var(--text-primary) !important;
}
/* ========================================= */
/* 🔥 FIX: Empty State Card Dark Mode */
/* ========================================= */

/* Empty state container */
[data-theme="dark"] .empty-state {
    background: var(--card-bg) !important;
    border: 1px solid var(--border-subtle);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
}

/* Empty icon emoji */
[data-theme="dark"] .empty-icon {
    filter: grayscale(0.3) brightness(0.8);
}

/* Empty state title */
[data-theme="dark"] .empty-title {
    color: var(--text-primary) !important;
}

/* Empty state description text */
[data-theme="dark"] .empty-text {
    color: var(--text-secondary) !important;
}

/* View All Services button */
[data-theme="dark"] .empty-btn {
    background: linear-gradient(135deg, var(--sunset-orange), var(--warm-coral)) !important;
    color: white !important;
}

[data-theme="dark"] .empty-btn:hover {
    opacity: 0.9;
}

/* ========================================= */
/* 🔥 FIX: Services Page - Additional Elements */
/* ========================================= */

/* Hero section title */
[data-theme="dark"] .hero-title {
    color: var(--text-primary) !important;
}

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

/* Results count text */
[data-theme="dark"] .results-count {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .results-count strong {
    color: var(--ocean-teal) !important;
}

/* Results header */
[data-theme="dark"] .results-header {
    border-bottom-color: var(--border-subtle);
}

/* Card image placeholder background */
[data-theme="dark"] .card-image {
    background: var(--bg-secondary) !important;
}

/* Card category text */
[data-theme="dark"] .card-category {
    color: var(--ocean-teal) !important;
}

/* Card category icon */
[data-theme="dark"] .card-category i {
    color: var(--ocean-teal) !important;
}

/* Meta items (distance, etc) */
[data-theme="dark"] .meta-item {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .meta-item i {
    color: var(--ocean-teal) !important;
}

/* Service card borders and shadows */
[data-theme="dark"] .service-card {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .service-card:hover {
    box-shadow: 0 12px 32px rgba(6, 182, 212, 0.3) !important;
}
/* ========================================= */
/* 🔥 DARK MODE - ADD SERVICE PAGE */
/* ========================================= */

/* Page container */
[data-theme="dark"] .add-service-container,
[data-theme="dark"] .service-form-container {
    background: var(--bg-primary) !important;
}

/* Form cards */
[data-theme="dark"] .form-card,
[data-theme="dark"] .service-card,
[data-theme="dark"] .add-service-card {
    background: var(--card-bg) !important;
    border-color: var(--border-subtle) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

/* Page title */
[data-theme="dark"] .page-title,
[data-theme="dark"] .form-title,
[data-theme="dark"] .service-title {
    color: var(--text-primary) !important;
}

/* Section headings */
[data-theme="dark"] .section-heading,
[data-theme="dark"] .form-section h3,
[data-theme="dark"] .form-section h2 {
    color: var(--text-primary) !important;
}

/* Form labels */
[data-theme="dark"] label,
[data-theme="dark"] .form-label {
    color: var(--text-secondary) !important;
}

/* Form inputs, textareas, selects */
[data-theme="dark"] input[type="text"],
[data-theme="dark"] input[type="email"],
[data-theme="dark"] input[type="tel"],
[data-theme="dark"] input[type="number"],
[data-theme="dark"] input[type="time"],
[data-theme="dark"] input[type="url"],
[data-theme="dark"] textarea,
[data-theme="dark"] select,
[data-theme="dark"] .form-control,
[data-theme="dark"] .form-input,
[data-theme="dark"] .form-select {
    background: var(--bg-secondary) !important;
    border-color: var(--border-subtle) !important;
    color: var(--text-primary) !important;
}

/* Input focus state */
[data-theme="dark"] input:focus,
[data-theme="dark"] textarea:focus,
[data-theme="dark"] select:focus,
[data-theme="dark"] .form-control:focus {
    border-color: var(--ocean-teal) !important;
    box-shadow: 0 0 0 3px rgba(6, 182, 212, 0.2) !important;
    background: var(--bg-secondary) !important;
}

/* Placeholder text */
[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder {
    color: var(--text-muted) !important;
    opacity: 0.6;
}

/* Disabled inputs */
[data-theme="dark"] input:disabled,
[data-theme="dark"] textarea:disabled,
[data-theme="dark"] select:disabled {
    background: var(--bg-tertiary) !important;
    color: var(--text-muted) !important;
    cursor: not-allowed;
}

/* Helper text / descriptions */
[data-theme="dark"] .form-text,
[data-theme="dark"] .help-text,
[data-theme="dark"] small,
[data-theme="dark"] .text-muted {
    color: var(--text-muted) !important;
}

/* Required field indicator */
[data-theme="dark"] .required,
[data-theme="dark"] label .required {
    color: #ef4444 !important;
}

/* Form sections */
[data-theme="dark"] .form-section {
    background: var(--bg-secondary) !important;
    border-color: var(--border-subtle) !important;
}

/* File upload area */
[data-theme="dark"] .file-upload-area,
[data-theme="dark"] .upload-zone,
[data-theme="dark"] .dropzone {
    background: var(--bg-secondary) !important;
    border-color: var(--border-subtle) !important;
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .file-upload-area:hover {
    background: var(--bg-tertiary) !important;
    border-color: var(--ocean-teal) !important;
}

/* File preview */
[data-theme="dark"] .image-preview,
[data-theme="dark"] .file-preview {
    background: var(--bg-tertiary) !important;
    border-color: var(--border-subtle) !important;
}

/* Image preview container */
[data-theme="dark"] .preview-container {
    background: var(--bg-secondary) !important;
}

/* Remove button on images */
[data-theme="dark"] .remove-image,
[data-theme="dark"] .delete-image {
    background: rgba(239, 68, 68, 0.9) !important;
    color: white !important;
}

/* Business hours section */
[data-theme="dark"] .hours-section,
[data-theme="dark"] .timing-section {
    background: var(--bg-secondary) !important;
    border-color: var(--border-subtle) !important;
}

/* Time input wrapper */
[data-theme="dark"] .time-input-group {
    background: var(--bg-secondary) !important;
}

/* Map container */
[data-theme="dark"] #map,
[data-theme="dark"] .map-container {
    background: var(--bg-tertiary) !important;
    border-color: var(--border-subtle) !important;
}

/* Map instruction text */
[data-theme="dark"] .map-instructions,
[data-theme="dark"] .map-help-text {
    color: var(--text-secondary) !important;
    background: var(--bg-secondary) !important;
}

/* Coordinate inputs */
[data-theme="dark"] .coordinate-input {
    background: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-subtle) !important;
}

/* Category select */
[data-theme="dark"] #service_category,
[data-theme="dark"] .category-select {
    background: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-subtle) !important;
}

/* Category options */
[data-theme="dark"] select option {
    background: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
}

/* Submit button */
[data-theme="dark"] .submit-btn,
[data-theme="dark"] button[type="submit"] {
    background: linear-gradient(135deg, var(--sunset-orange), var(--warm-coral)) !important;
    color: white !important;
}

/* Secondary buttons */
[data-theme="dark"] .btn-secondary {
    background: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-subtle) !important;
}

[data-theme="dark"] .btn-secondary:hover {
    background: var(--ocean-teal) !important;
    color: white !important;
}

/* Cancel/Reset buttons */
[data-theme="dark"] .btn-cancel,
[data-theme="dark"] .btn-reset {
    background: var(--bg-tertiary) !important;
    color: var(--text-secondary) !important;
    border-color: var(--border-subtle) !important;
}

/* Alert/Message boxes */
[data-theme="dark"] .alert,
[data-theme="dark"] .message-box {
    background: var(--card-bg) !important;
    border-color: var(--border-subtle) !important;
    color: var(--text-primary) !important;
}

/* Success message */
[data-theme="dark"] .alert-success,
[data-theme="dark"] .success-message {
    background: rgba(16, 185, 129, 0.2) !important;
    color: #10b981 !important;
    border-color: rgba(16, 185, 129, 0.3) !important;
}

/* Error message */
[data-theme="dark"] .alert-danger,
[data-theme="dark"] .alert-error,
[data-theme="dark"] .error-message {
    background: rgba(239, 68, 68, 0.2) !important;
    color: #ef4444 !important;
    border-color: rgba(239, 68, 68, 0.3) !important;
}

/* Warning message */
[data-theme="dark"] .alert-warning,
[data-theme="dark"] .warning-message {
    background: rgba(245, 158, 11, 0.2) !important;
    color: #f59e0b !important;
    border-color: rgba(245, 158, 11, 0.3) !important;
}

/* Info message */
[data-theme="dark"] .alert-info,
[data-theme="dark"] .info-message {
    background: rgba(6, 182, 212, 0.2) !important;
    color: var(--ocean-teal) !important;
    border-color: rgba(6, 182, 212, 0.3) !important;
}

/* Form validation errors */
[data-theme="dark"] .error-text,
[data-theme="dark"] .validation-error {
    color: #ef4444 !important;
}

/* Form grid/layout */
[data-theme="dark"] .form-grid,
[data-theme="dark"] .form-row {
    border-color: var(--border-subtle) !important;
}

/* Fieldset */
[data-theme="dark"] fieldset {
    border-color: var(--border-subtle) !important;
}

[data-theme="dark"] legend {
    color: var(--text-primary) !important;
}

/* Radio and checkbox labels */
[data-theme="dark"] .radio-label,
[data-theme="dark"] .checkbox-label {
    color: var(--text-secondary) !important;
}

/* Custom checkbox/radio */
[data-theme="dark"] input[type="checkbox"],
[data-theme="dark"] input[type="radio"] {
    border-color: var(--border-subtle) !important;
}

/* Table (if any) */
[data-theme="dark"] table {
    background: var(--card-bg) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] th {
    background: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-subtle) !important;
}

[data-theme="dark"] td {
    background: var(--card-bg) !important;
    color: var(--text-secondary) !important;
    border-color: var(--border-subtle) !important;
}

/* Tabs (if any) */
[data-theme="dark"] .nav-tabs {
    border-color: var(--border-subtle) !important;
}

[data-theme="dark"] .nav-tabs .nav-link {
    color: var(--text-secondary) !important;
    background: var(--bg-secondary) !important;
}

[data-theme="dark"] .nav-tabs .nav-link.active {
    color: var(--ocean-teal) !important;
    background: var(--card-bg) !important;
    border-color: var(--border-subtle) !important;
}

/* Loading spinner/indicator */
[data-theme="dark"] .spinner,
[data-theme="dark"] .loading {
    color: var(--ocean-teal) !important;
}

/* Modal (if any) */
[data-theme="dark"] .modal-content {
    background: var(--card-bg) !important;
    border-color: var(--border-subtle) !important;
}

[data-theme="dark"] .modal-header,
[data-theme="dark"] .modal-footer {
    background: var(--bg-secondary) !important;
    border-color: var(--border-subtle) !important;
}

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

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

/* Close button */
[data-theme="dark"] .close,
[data-theme="dark"] .btn-close {
    color: var(--text-secondary) !important;
    opacity: 0.7;
}

/* Tooltip */
[data-theme="dark"] .tooltip-inner {
    background: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
}

/* Breadcrumb */
[data-theme="dark"] .breadcrumb {
    background: var(--bg-secondary) !important;
}

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

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

/* Progress bar */
[data-theme="dark"] .progress {
    background: var(--bg-tertiary) !important;
}

[data-theme="dark"] .progress-bar {
    background: linear-gradient(135deg, var(--ocean-teal), var(--deep-blue)) !important;
}

/* Badge */
[data-theme="dark"] .badge {
    background: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
}

/* Card header/footer */
[data-theme="dark"] .card-header,
[data-theme="dark"] .card-footer {
    background: var(--bg-secondary) !important;
    border-color: var(--border-subtle) !important;
    color: var(--text-primary) !important;
}

/* Links */
[data-theme="dark"] .service-form a,
[data-theme="dark"] .add-service a {
    color: var(--ocean-teal) !important;
}

[data-theme="dark"] .service-form a:hover,
[data-theme="dark"] .add-service a:hover {
    color: var(--sunset-orange) !important;
}

/* Horizontal rule */
[data-theme="dark"] hr {
    border-color: var(--border-subtle) !important;
    opacity: 0.3;
}

/* Status pending message */
[data-theme="dark"] .pending-message,
[data-theme="dark"] .approval-pending {
    background: rgba(245, 158, 11, 0.2) !important;
    color: #f59e0b !important;
    border-color: rgba(245, 158, 11, 0.3) !important;
}

/* List items */
[data-theme="dark"] ul li,
[data-theme="dark"] ol li {
    color: var(--text-secondary) !important;
}

/* Strong/bold text */
[data-theme="dark"] strong,
[data-theme="dark"] b {
    color: var(--text-primary) !important;
}

/* Code blocks (if any) */
[data-theme="dark"] code,
[data-theme="dark"] pre ,
[data-theme="dark"] h2
{
    background: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-subtle) !important;
}
[data-theme="dark"] h2,
[dark-theme="dark"] label
{
    color: var(--text-primary) !important;
}