/**
 * P327: OnDiscount-Theme — Login/Registrierung/Bestellung/Verify/Reset/Fehlerseiten
 * Überschreibt die dunklen Inline-Stile der Standalone-Views mit der hellen
 * Website-Optik (Rot #e2001a auf Weiß). Wird NUR in den Theme-Forks unter
 * resources/views/themes/ondiscount/ geladen — andere Brands unberührt.
 * Deckt die vier Stilfamilien ab: login-*, vfy-*, reg-*, ord-*.
 */
:root {
    --od-accent: #e2001a;
    --od-accent-dark: #b80015;
    --od-fg: #111827;
    --od-muted: #6b7280;
    --od-border: #e5e7eb;
}

/* ── Grundfläche: heller Grund statt dunklem Verlauf ───────────────────── */
html, body {
    background: #f5f6f8 !important;
    color: var(--od-fg) !important;
}

/* ── Karten ────────────────────────────────────────────────────────────── */
.login-card, .vfy-card, .reg-card, .ord-card {
    background: #ffffff !important;
    border: 1px solid var(--od-border) !important;
    box-shadow: 0 4px 18px rgba(16, 24, 40, .07) !important;
    color: var(--od-fg) !important;
}

/* ── Wortmarke / Titel / Text ──────────────────────────────────────────── */
.login-brand, .vfy-brand, .reg-brand, .ord-brand { color: var(--od-fg) !important; }
.login-brand-accent, .vfy-brand-accent, .reg-brand-accent, .ord-brand-accent { background: var(--od-accent) !important; }
.login-title, .vfy-title, .reg-title { color: var(--od-fg) !important; }
.login-subtitle, .vfy-text, .reg-subtitle { color: var(--od-muted) !important; }
.login-card a, .vfy-card a, .reg-card a, .ord-card a { color: var(--od-accent) !important; }
.login-footer, .vfy-footer, .reg-footer, .login-meta, .vfy-meta, .reg-meta { color: var(--od-muted) !important; }
.login-footer a, .vfy-footer a, .reg-footer a { color: var(--od-muted) !important; }

/* ── Formulare (alle Views setzen Inline-Styles an Inputs -> !important) ── */
.login-card input, .vfy-card input, .reg-card input, .ord-card input,
.login-card select, .reg-card select, .ord-card select,
.login-card textarea, .reg-card textarea, .ord-card textarea {
    background: #ffffff !important;
    color: var(--od-fg) !important;
    border: 1px solid var(--od-border) !important;
    border-radius: 8px !important;
}
.login-card input:focus, .vfy-card input:focus, .reg-card input:focus, .ord-card input:focus,
.login-card select:focus, .reg-card select:focus, .ord-card select:focus {
    outline: 2px solid var(--od-accent) !important;
    outline-offset: 1px;
    border-color: var(--od-accent) !important;
}
.login-field span, .reg-field span, .ord-field span { color: var(--od-muted) !important; }
.login-card label, .reg-card label, .ord-card label { color: var(--od-fg) !important; }

/* ── Buttons ───────────────────────────────────────────────────────────── */
.login-btn, .vfy-btn, .reg-btn, .ord-btn {
    background: var(--od-accent) !important;
    border: 1px solid var(--od-accent) !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
}
.login-btn:hover, .vfy-btn:hover, .reg-btn:hover, .ord-btn:hover {
    background: var(--od-accent-dark) !important;
    border-color: var(--od-accent-dark) !important;
}

/* ── Alerts / Status ───────────────────────────────────────────────────── */
.login-alert, .vfy-status, .reg-alert, .ord-alert {
    background: #fff5f5 !important;
    border: 1px solid #fecaca !important;
    color: #b91c1c !important;
}
.vfy-status:not([style*="248, 113"]) { /* Erfolg (Standardvariante) hell-grün */
    background: #f0fdf4 !important;
    border-color: #bbf7d0 !important;
    color: #166534 !important;
}

/* ── Public-Order-Spezifisches (Tabs, Produktzeile, Summary) ──────────── */
.ord-tabs { border-bottom: 1px solid var(--od-border) !important; }
.ord-tab { color: var(--od-muted) !important; background: transparent !important; }
.ord-tab.is-active, .ord-tab[aria-selected="true"] {
    color: var(--od-accent) !important;
    border-color: var(--od-accent) !important;
}
.ord-product, .ord-summary, .ord-section {
    background: #fafafa !important;
    border: 1px solid var(--od-border) !important;
    color: var(--od-fg) !important;
}
.ord-product-name { color: var(--od-fg) !important; }
.ord-product-price { color: var(--od-accent) !important; font-weight: 700 !important; }
.ord-product-cycle { color: var(--od-muted) !important; }

/* ── Fehlerseiten (404/419 nutzen vfy-Klassen + Ziffern-Block) ─────────── */
.vfy-card div[style*="font-size:44px"] { color: var(--od-accent) !important; }

/* ── P328: Login-Feinschliff ───────────────────────────────────────────── */
/* "Als Neukunde registrieren" als roter Button (Outline-Variante) */
.login-btn-secondary {
    display: block !important;
    text-align: center !important;
    background: #ffffff !important;
    border: 2px solid var(--od-accent) !important;
    color: var(--od-accent) !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
    padding: 10px 16px !important;
    text-decoration: none !important;
}
.login-btn-secondary:hover {
    background: var(--od-accent) !important;
    color: #ffffff !important;
}
/* "NEU HIER?"-Trenner hell statt dunklem Badge */
.login-divider { border-top: 1px solid var(--od-border) !important; }
.login-divider-text { color: var(--od-muted) !important; }
.login-divider-text span {
    background: #ffffff !important;
    color: var(--od-muted) !important;
    letter-spacing: .08em;
}
/* Sprachumschalter wie der DE/EN-Toggle der Website */
.login-lang { display: flex; justify-content: center; gap: 6px; margin: 14px 0 4px; }
.login-lang a {
    display: inline-block; min-width: 40px; text-align: center;
    padding: 5px 10px; border: 1px solid var(--od-border); border-radius: 7px;
    color: var(--od-fg) !important; font-size: 12px; font-weight: 700;
    text-decoration: none !important;
}
.login-lang a.is-active { background: #111827; border-color: #111827; color: #fff !important; }
.login-lang a:hover:not(.is-active) { border-color: var(--od-accent); color: var(--od-accent) !important; }