body.dark-mode {
    background-color: #121212;
    color: #e0e0e0;
}

.dark-mode .mobile-container,
.dark-mode .main-content,
.dark-mode .plan-event-card,
.dark-mode .category-card,
.dark-mode .vendor-card,
.dark-mode .offer-card,
.dark-mode .service-type-card,
.dark-mode .sub-service-type-card,
.dark-mode .service-card,
.dark-mode .search-summary,
.dark-mode .price-breakdown,
.dark-mode .profile-section,
.dark-mode .booking-section,
.dark-mode .card-form,
.dark-mode .payment-option.selected,
.dark-mode .edit-profile-container {
    background-color: #1e1e1e;
    color: #e0e0e0;
    box-shadow: 0 8px 25px rgba(0,0,0,0.1);
}

.dark-mode .payment-option:hover:not(.disabled) {
    border-color: #e78900;
    background-color: #1e1e1e;
}

.dark-mode .header,
.dark-mode .status-bar {
    background-color: #1f1f1f;
    color: #fff;
}

.dark-mode .menu-icon {
    background-color: rgba(255, 255, 255, 0.1);
    color: #FF9500;
}

.dark-mode .custom-input,
.dark-mode .custom-select,
.dark-mode .custom-textarea {
    background: #2c2c2c;
    border-color: #444;
    color: #e0e0e0;
}

.dark-mode .custom-input:focus,
.dark-mode .custom-select:focus,
.dark-mode .custom-textarea:focus {
    border-color: #FF9500;
}

.dark-mode .menu-item:hover {
    background-color: #2a2a2a;
}

.dark-mode .menu-text,
.dark-mode .vendor-info h3,
.dark-mode .vendor-info p,
.dark-mode .price-tag,
.dark-mode .section-title {
    color: #e0e0e0 !important;
}

.dark-mode h1,
.dark-mode h2,
.dark-mode h3,
.dark-mode h4,
.dark-mode h5,
.dark-mode span,
.dark-mode label,
.dark-mode .message-input,
.dark-mode .chat-time,
.dark-mode h6 {
    color: #e0e0e0 !important;
}
.dark-mode .plan-event-card,
.dark-mode .vendor-card {
    box-shadow: 0 8px 25px rgba(0,0,0,0.1);
}

.dark-mode .bottom-nav {
    background-color: #1e1e1e !important;
}

.dark-mode .profile-stats,
.dark-mode .profile-section,
.dark-mode .progress-steps,
.dark-mode .vendor-result-card,
.dark-mode .profile-header {
    background-color: #1e1e1e !important;
    border-color: #444 !important;
    color: #e0e0e0 !important;
    box-shadow: 0 8px 25px rgba(0,0,0,0.1);
}

.dark-mode .message-input-container {
    background-color: #1e1e1e !important;
}
.dark-mode .message-input-container .message-input-wrapper {
    background-color: #262626 !important;
}

.dark-mode .toggle-switch {
    background-color: #555;
}

.dark-mode .toggle-switch.active {
    background-color: #FF9500;
}

.dark-mode .vendor-profile-content .stat-item span { color: #e0e0e0 }
.dark-mode .contact-person {
    background: #1e1e1e;
}

.dark-mode .service-package {
    background: #1e1e1e;
    box-shadow: 0 8px 25px rgba(0,0,0,0.1);
    border-color: #444 !important;
}

.dark-mode .service-package span {
    color: #e0e0e0 !important;
}