/**
 * Auth & account panel cards — login, register, forgot password, account settings.
 * FILE_PATH: includes/css/gc-auth-cards.css
 */

body.givecards-site.gc-dark-mode .gc-auth-card,
body.givecards-site.gc-dark-mode .gc-panel-card {
    background-color: var(--gc-surface);
    border-color: var(--gc-border);
    color: var(--gc-ink);
}

body.givecards-site.gc-dark-mode .gc-auth-card .card-body,
body.givecards-site.gc-dark-mode .gc-auth-card .card-footer,
body.givecards-site.gc-dark-mode .gc-panel-card .card-body,
body.givecards-site.gc-dark-mode .gc-panel-card .card-footer {
    background-color: var(--gc-surface);
    color: var(--gc-ink);
    border-color: var(--gc-border);
}

body.givecards-site.gc-dark-mode .gc-auth-card .card-footer,
body.givecards-site.gc-dark-mode .gc-panel-card .card-footer {
    background-color: var(--gc-paper-warm);
}

body.givecards-site.gc-dark-mode .gc-auth-card .card-title,
body.givecards-site.gc-dark-mode .gc-panel-card .card-title,
body.givecards-site.gc-dark-mode .gc-auth-card h1,
body.givecards-site.gc-dark-mode .gc-auth-card h2,
body.givecards-site.gc-dark-mode .gc-auth-card h3,
body.givecards-site.gc-dark-mode .gc-panel-card h1,
body.givecards-site.gc-dark-mode .gc-panel-card h2,
body.givecards-site.gc-dark-mode .gc-panel-card h3,
body.givecards-site.gc-dark-mode .gc-panel-card h4 {
    color: var(--gc-ink) !important;
}

body.givecards-site.gc-dark-mode .gc-auth-card .form-label,
body.givecards-site.gc-dark-mode .gc-panel-card .form-label,
body.givecards-site.gc-dark-mode .gc-auth-card .form-check-label,
body.givecards-site.gc-dark-mode .gc-panel-card .form-check-label {
    color: var(--gc-ink) !important;
}

body.givecards-site.gc-dark-mode .gc-auth-card .card-footer p,
body.givecards-site.gc-dark-mode .gc-panel-card .card-footer p,
body.givecards-site.gc-dark-mode .gc-auth-card .card-body p,
body.givecards-site.gc-dark-mode .gc-panel-card .card-body p,
body.givecards-site.gc-dark-mode .gc-panel-card li {
    color: var(--gc-ink);
}

body.givecards-site.gc-dark-mode .gc-auth-card .text-muted,
body.givecards-site.gc-dark-mode .gc-panel-card .text-muted {
    color: var(--gc-ink-muted) !important;
}

body.givecards-site.gc-dark-mode .gc-auth-card .form-control,
body.givecards-site.gc-dark-mode .gc-panel-card .form-control,
body.givecards-site.gc-dark-mode .gc-auth-card .form-select,
body.givecards-site.gc-dark-mode .gc-panel-card .form-select {
    background-color: var(--gc-paper-warm);
    border-color: var(--gc-border);
    color: var(--gc-ink);
}

body.givecards-site.gc-dark-mode .gc-auth-card .form-control::placeholder,
body.givecards-site.gc-dark-mode .gc-panel-card .form-control::placeholder {
    color: var(--gc-ink-muted);
    opacity: 1;
}

body.givecards-site.gc-dark-mode .gc-auth-card .form-control:-webkit-autofill,
body.givecards-site.gc-dark-mode .gc-auth-card .form-control:-webkit-autofill:hover,
body.givecards-site.gc-dark-mode .gc-auth-card .form-control:-webkit-autofill:focus,
body.givecards-site.gc-dark-mode .gc-panel-card .form-control:-webkit-autofill,
body.givecards-site.gc-dark-mode .gc-panel-card .form-control:-webkit-autofill:hover,
body.givecards-site.gc-dark-mode .gc-panel-card .form-control:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px var(--gc-paper-warm) inset !important;
    -webkit-text-fill-color: var(--gc-ink) !important;
    caret-color: var(--gc-ink);
    border-color: var(--gc-border);
}

body.givecards-site.gc-dark-mode .gc-auth-card .form-text,
body.givecards-site.gc-dark-mode .gc-panel-card .form-text {
    color: var(--gc-ink-muted) !important;
}

body.givecards-site.gc-dark-mode .gc-panel-card .table,
body.givecards-site.gc-dark-mode .gc-panel-card .table td,
body.givecards-site.gc-dark-mode .gc-panel-card .table th {
    color: var(--gc-ink);
    border-color: var(--gc-border);
}

body.givecards-site.gc-dark-mode .gc-panel-card .table thead th {
    background-color: var(--gc-paper-warm);
    color: var(--gc-ink);
    border-color: var(--gc-border);
}

body.givecards-site.gc-dark-mode .gc-panel-card .table-hover tbody tr:hover {
    background-color: var(--gc-paper-warm);
    color: var(--gc-ink);
}

body.givecards-site.gc-dark-mode .gc-panel-card .card-header.bg-warning {
    background-color: #856404 !important;
    color: #fff !important;
}

body.givecards-site.gc-dark-mode .gc-panel-card .card-header.bg-warning h3,
body.givecards-site.gc-dark-mode .gc-panel-card .card-header.bg-warning h4 {
    color: #fff !important;
}

body.givecards-site.gc-dark-mode .gc-auth-card .btn-close {
    filter: invert(1) grayscale(100%);
}