/* ══════════════════════════════════════════════════════════ Public pages — light-mode overrides. Activated when is present. Targets the generic Bootstrap components used across Landing, Register, ForgotPassword, Services/About/Contact, etc. The top-nav.css already handles the header; this file covers the content area text, cards, forms, and buttons. ══════════════════════════════════════════════════════════ */ /* Base text colour on the page */ body.wo-light { color: #0f172a; } /* Light-mode wash over bg-image — semi-transparent so the image still shows through. The image's own opacity (set via inline style from SiteSettings) controls primary visibility; this just softens it for light-theme readability. */ body.wo-light .bg-image::after { content: ""; position: fixed; inset: 0; background: linear-gradient(135deg, rgba(248, 250, 252, 0.45), rgba(224, 231, 255, 0.35)); pointer-events: none; } /* Headings */ body.wo-light main h1, body.wo-light main h2, body.wo-light main h3, body.wo-light main h4, body.wo-light main h5, body.wo-light main h6, body.wo-light .container h1, body.wo-light .container h2, body.wo-light .container h3, body.wo-light .container h4, body.wo-light .container h5, body.wo-light .container h6 { color: #0f172a !important; text-shadow: none !important; } /* Generic dark cards on public pages → white glass */ body.wo-light main .card.bg-dark, body.wo-light main .card.bg-dark.text-light, body.wo-light .container .card.bg-dark, body.wo-light .container .card.bg-dark.text-light { background: rgba(255, 255, 255, 0.92) !important; color: #0f172a !important; border-color: rgba(199, 210, 254, 0.8) !important; box-shadow: 0 10px 30px rgba(15, 23, 42, 0.10) !important; } body.wo-light main .card.bg-dark .card-header, body.wo-light main .card.bg-dark.text-light .card-header { background: rgba(241, 245, 249, 0.7) !important; border-bottom-color: rgba(199, 210, 254, 0.8) !important; color: #0f172a !important; } body.wo-light main .card.bg-dark .text-muted, body.wo-light main .card.bg-dark.text-light .text-muted { color: #64748b !important; } body.wo-light main .card.bg-dark .text-light, body.wo-light main .card.bg-dark.text-light .text-light { color: #0f172a !important; } /* Form controls on public pages */ body.wo-light main .form-control, body.wo-light main .form-select, body.wo-light main textarea { background: #ffffff !important; color: #0f172a !important; border-color: #cbd5e1 !important; } body.wo-light main .form-control:focus, body.wo-light main .form-select:focus, body.wo-light main textarea:focus { border-color: #6366f1 !important; background: #ffffff !important; color: #0f172a !important; box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.18) !important; } body.wo-light main .form-label { color: #475569 !important; } body.wo-light main .form-check-label { color: #475569; } /* Alerts */ body.wo-light main .alert-danger { background: #fee2e2 !important; border-color: #fecaca !important; color: #991b1b !important; } body.wo-light main .alert-info { background: #dbeafe !important; border-color: #bfdbfe !important; color: #1e3a8a !important; } body.wo-light main .alert-success { background: #d1fae5 !important; border-color: #a7f3d0 !important; color: #065f46 !important; } body.wo-light main .alert-warning { background: #fef3c7 !important; border-color: #fde68a !important; color: #92400e !important; } /* Outline-light buttons on public pages (rare after the nav rewrite) */ body.wo-light main .btn-outline-light { color: #475569; border-color: #cbd5e1; } body.wo-light main .btn-outline-light:hover { background: #f1f5f9; color: #1e293b; border-color: #94a3b8; } /* List group items (used in patient search dropdown on public forms, unlikely) */ body.wo-light main .list-group-item { background: #ffffff; color: #0f172a; border-color: #e2e8f0; } /* Footer */ body.wo-light footer.bg-dark { background: #f1f5f9 !important; color: #475569 !important; border-top: 1px solid #e2e8f0; } body.wo-light footer.bg-dark p { color: #475569 !important; }