/* ========================================
   SAWERAN PAGE - DARK MODE STYLES
   Saweran and Support Page
   ======================================== */

/* ===== DONATION CARD ===== */
body:not(.light-mode) .donation-card {
    background: var(--dark-surface);
    border: 1px solid var(--dark-border);
    border-radius: 16px;
}

body.light-mode .donation-card {
    background: var(--light-surface);
    border: 1px solid var(--light-border);
    border-radius: 16px;
}

/* ===== DONATION ICON ===== */
.donation-icon {
    color: var(--primary);
}

/* ===== QUICK AMOUNTS ===== */
body:not(.light-mode) .quick-amounts {
    background: var(--dark-surface-light);
    border: 1px solid var(--dark-border);
    border-radius: 10px;
    padding: 1rem;
}

body.light-mode .quick-amounts {
    background: var(--light-surface-dark);
    border: 1px solid var(--light-border);
    border-radius: 10px;
    padding: 1rem;
}

/* ===== TEXT STYLES ===== */
body:not(.light-mode) .donation-title {
    color: var(--dark-text);
}

body.light-mode .donation-title {
    color: var(--light-text);
}

body:not(.light-mode) .donation-description {
    color: var(--dark-text-secondary);
}

body.light-mode .donation-description {
    color: var(--light-text-secondary);
}

/* ===== AMOUNT BUTTONS ===== */
body:not(.light-mode) .amount-btn {
    background: var(--dark-surface);
    border: 2px solid var(--dark-border);
    color: var(--dark-text);
}

body.light-mode .amount-btn {
    background: var(--light-surface);
    border: 2px solid var(--light-border);
    color: var(--light-text);
}

body:not(.light-mode) .amount-btn:hover {
    border-color: var(--primary);
    background: var(--dark-surface-light);
}

body.light-mode .amount-btn:hover {
    border-color: var(--primary);
    background: var(--light-surface-dark);
}

body:not(.light-mode) .amount-btn.selected {
    border-color: var(--primary);
    background: rgba(99, 102, 241, 0.2);
    color: var(--primary);
}

body.light-mode .amount-btn.selected {
    border-color: var(--primary);
    background: rgba(99, 102, 241, 0.1);
    color: var(--primary);
}

/* ===== PAYMENT METHOD ===== */
body:not(.light-mode) .payment-method {
    background: var(--dark-surface);
    border: 1px solid var(--dark-border);
}

body.light-mode .payment-method {
    background: var(--light-surface);
    border: 1px solid var(--light-border);
}

body:not(.light-mode) .payment-method img {
    filter: brightness(0.9);
}

body.light-mode .payment-method img {
    filter: brightness(1);
}

/* ===== THANK YOU MESSAGE ===== */
body:not(.light-mode) .thank-you-card {
    background: var(--dark-surface);
    border: 1px solid var(--dark-border);
}

body.light-mode .thank-you-card {
    background: var(--light-surface);
    border: 1px solid var(--light-border);
}