/* A&M Hair and Beauty - ULTRA MINIMAL Dark Mode */
/* ONLY changes backgrounds in dark mode - keeps ALL original text colors */

[data-theme="dark"] {
    --dark-bg: #1a1a1a;
    --dark-bg-secondary: #2a2a2a;
    --dark-bg-glass: rgba(40, 40, 40, 0.95);
    --dark-border: rgba(255, 255, 255, 0.1);
}

/* Body background gradient only */
[data-theme="dark"] body {
    background: linear-gradient(135deg, #2a1a2e 0%, #4a2545 50%, #6b3a5c 100%);
    background-attachment: fixed;
}

[date-theme="dark"] #important-message {
    color: white;
}

/* Header - background only */
[data-theme="dark"] #header {
    background: var(--dark-bg-glass);
    border-color: var(--dark-border);
}

/* Glass elements - background only */
[data-theme="dark"] .glass {
    background: var(--dark-bg-glass);
    border-color: var(--dark-border);
}

/* About section - background only */
[data-theme="dark"] #about {
    background: var(--dark-bg-glass);
}

[data-theme="dark"] #about hr {
    border-color: var(--dark-border);
}

/* Customer reviews - background only, NO text color changes */
[data-theme="dark"] #customer-reviews {
    background: var(--dark-bg-glass);
}

/* Review cards - background only, keeps original text colors */
[data-theme="dark"] .review-card {
    background: var(--dark-bg-secondary);
}

/* Products section */
[data-theme="dark"] .product {
    background: var(--dark-bg-glass);
}

/* Product cards */
[data-theme="dark"] .product-card {
    background: var(--dark-bg-secondary);
}

/* Hampers */
[data-theme="dark"] #hamper1 {
    background: var(--dark-bg-glass);
}

[data-theme="dark"] #hamper2 {
    background: rgba(150, 0, 0, 0.9);
}

/* Review overlay */
[data-theme="dark"] #review-overlay {
    background: rgba(0, 0, 0, 0.7);
}

[data-theme="dark"] #review-form-container {
    background: var(--dark-bg-glass);
}

[data-theme="dark"] #review-form-container input,
[data-theme="dark"] #review-form-container textarea {
    background: var(--dark-bg);
    border-color: var(--dark-border);
}

/* Review button */
[data-theme="dark"] #review {
    background: var(--dark-bg-glass);
    border-color: var(--dark-border);
}

[data-theme="dark"] # review img {
    border-radius: 60%;
}

/* Important message */
[data-theme="dark"] #important-message {
    background: var(--dark-bg-glass);
    border-color: var(--dark-border);
}

/* Valentine section gradient overlay */
[data-theme="dark"] .valentine::after {
    background: linear-gradient(
        to bottom,
        #1a1a1a 0%,
        rgba(26, 26, 26, 0) 20%
    );
}

/* Scrollbar */
[data-theme="dark"] ::-webkit-scrollbar-track {
    background: var(--dark-bg);
}

/* Smooth transitions */
[data-theme="dark"] * {
    transition: background-color 0.3s ease, border-color 0.3s ease;
}