/* ============================================================ LOGIN PAGE — Modern form styles ============================================================ */ /* Hide WordPress defaults */ p#backtoblog, .login #nav, div#login h1, p.forgetmenot { display: none; } .privacy-policy-page-link { display: none !important; } /* WP form container — reset to fill card */ #login { width: 100%; padding: 0; margin: 0; margin-top: 0.5rem !important; } /* WP form — transparent, no border */ .login form { background: transparent; border: none; box-shadow: none; margin-top: 10px; padding: 0; } /* Form labels — !important overrides WP core login.min.css dark-mode rules */ #login label { text-align: left; font-size: 0.85rem; font-weight: 600; color: #333 !important; } /* Form inputs — !important overrides WP core login.min.css dark-mode media queries so that light mode stays light even on dark-system-preference browsers */ .login form input.input { display: block; width: 100%; background-color: #fff !important; background-clip: padding-box; border: 1px solid #ddd !important; border-radius: 8px; padding: 12px 14px; font-size: 0.9rem; font-family: inherit; color: #333 !important; transition: border-color 0.15s, box-shadow 0.15s; text-align: left; letter-spacing: 0; opacity: 1; } /* Submit button — styled via header.php inline (accent color dependent) */ input#wp-submit { display: block; width: 100%; text-align: center; cursor: pointer; user-select: none; transition: opacity 0.15s; border-radius: 50px; padding: 12px; font-size: 0.85rem; font-weight: 600; line-height: 1.5; margin-top: 10px; } /* WP messages — hidden (custom handling in header.php) */ .login p.message { display: none !important; } /* Registration heading override */ h1.h3.mb-3.font-weight-bold { display: block !important; margin: 0 auto !important; } /* Remember me checkbox (hidden but keep position if shown) */ p.forgetmenot { position: relative; width: 100%; text-align: center; } /* ============================================================ DARK MODE — Login page (fully dark card) Supports both manual toggle ([data-theme="dark"]) and system preference (prefers-color-scheme: dark). All rules use !important to override WP core login.min.css dark-mode media queries. ============================================================ */ /* ── Manual toggle (primary) ── */ html[data-theme="dark"] #login label { color: #ccc !important; } html[data-theme="dark"] .login form { background: transparent !important; } html[data-theme="dark"] .login form input.input { background-color: #2a2a2a !important; border-color: #444 !important; color: #e0e0e0 !important; } html[data-theme="dark"] .login form input.input:focus { border-color: #EF5777 !important; box-shadow: 0 0 0 2px rgba(239, 87, 119, 0.25) !important; } html[data-theme="dark"] .login .gw-login-card h1, html[data-theme="dark"] .login .gw-login-card .h3 { color: #e0e0e0 !important; } html[data-theme="dark"] .login .message, html[data-theme="dark"] .login .success { background: #1e3a2a !important; border-color: #2d5a3e !important; color: #75d99a !important; } html[data-theme="dark"] .login #login_error { background: #3a1e22 !important; border-color: #5a2d33 !important; color: #f5a0a8 !important; } /* Note: No @media (prefers-color-scheme: dark) fallback needed. The _head.php flash-prevention script sets data-theme="dark" synchronously in , so html[data-theme="dark"] rules above handle all dark-mode cases. Base input rules use !important to override WP core login.min.css dark media queries, keeping light mode clean on dark-system-preference browsers. */