/* ============================================================
   Secured Chain Limited — Light public site override
   Applied to all non-dashboard public views (login, register,
   page CMS content, password reset, etc.). Loaded after style.css.
   ============================================================ */

:root {
    --ifm-bg-0: #FFFFFF;
    --ifm-bg-1: #F8FAFC;
    --ifm-bg-2: #F1F5F9;
    --ifm-border: rgba(15,23,42,0.10);
    --ifm-text: #0F172A;
    --ifm-muted: #475569;
    --ifm-primary: #C7EA46;
    --ifm-primary-dark: #A8C92E;
}

body,
html,
.main-wrapper,
.page-wrapper,
.section,
section {
    background: var(--ifm-bg-0) !important;
    color: var(--ifm-text) !important;
}

/* Hero / banners — keep their image backgrounds, just lighten text overlays */
.banner-area,
.hero-section {
    color: var(--ifm-text);
}

/* Navbar */
.navbar,
.navbar.fixed-top,
.navbar-light,
.navbar-dark {
    background: var(--ifm-bg-0) !important;
    border-bottom: 1px solid var(--ifm-border) !important;
    color: var(--ifm-text) !important;
    box-shadow: 0 1px 0 rgba(15,23,42,0.04);
}
.navbar a,
.navbar .nav-link,
.navbar-brand {
    color: var(--ifm-text) !important;
}
.navbar .nav-link.active,
.navbar .nav-link:hover {
    color: var(--ifm-primary-dark) !important;
}
.nav-dropdown,
.dropdown-menu {
    background: var(--ifm-bg-0) !important;
    border: 1px solid var(--ifm-border) !important;
}
.dropdown-item {
    color: var(--ifm-text) !important;
}
.dropdown-item:hover {
    background: rgba(199,234,70,0.10) !important;
}

/* Footer (legacy template footer; the static frontend keeps its own dark footer) */
.footer,
footer:not(#ptm-footer) {
    background: #0F172A !important;
    color: #CBD5E1 !important;
}

/* Forms */
.form-control,
.form-select,
.login-form-wrapper input,
.register-form-wrapper input,
.register-form-wrapper select,
input.form-control,
select.form-control,
textarea.form-control {
    background: var(--ifm-bg-0) !important;
    color: var(--ifm-text) !important;
    border: 1px solid var(--ifm-border) !important;
}
.form-control:focus,
.form-select:focus {
    border-color: var(--ifm-primary) !important;
    box-shadow: 0 0 0 3px rgba(199,234,70,0.18) !important;
}
label, .form-label { color: var(--ifm-text) !important; }
::placeholder { color: var(--ifm-muted) !important; opacity: 1; }

/* Buttons */
.btn-primary,
.btn-custom,
.btn-default {
    background: var(--ifm-primary) !important;
    border-color: var(--ifm-primary) !important;
    color: #0F172A !important;
}
.btn-primary:hover,
.btn-custom:hover,
.btn-default:hover {
    background: var(--ifm-primary-dark) !important;
    border-color: var(--ifm-primary-dark) !important;
    color: #0F172A !important;
}

/* Login / register sections */
.login-section,
.register-section,
.auth-section {
    background: var(--ifm-bg-1) !important;
}
.login-form-wrapper,
.register-form-wrapper,
.auth-form {
    background: var(--ifm-bg-0) !important;
    border: 1px solid var(--ifm-border) !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 32px rgba(15,23,42,0.06);
    color: var(--ifm-text) !important;
}
.login-form-wrapper h1, .login-form-wrapper h2, .login-form-wrapper h3, .login-form-wrapper h4,
.register-form-wrapper h1, .register-form-wrapper h2, .register-form-wrapper h3, .register-form-wrapper h4 {
    color: var(--ifm-text) !important;
}

/* Cards / generic containers */
.card,
.feature-box,
.service-box,
.info-box,
.pricing-card,
.team-card,
.testimonial-card {
    background: var(--ifm-bg-0) !important;
    color: var(--ifm-text) !important;
    border: 1px solid var(--ifm-border) !important;
    box-shadow: 0 2px 8px rgba(15,23,42,0.04);
}

/* Tables */
table { color: var(--ifm-text) !important; }
table thead th { background: var(--ifm-bg-1) !important; color: var(--ifm-muted) !important; }
table tbody tr { border-bottom: 1px solid var(--ifm-border) !important; }

/* Typography fallbacks */
h1, h2, h3, h4, h5, h6 { color: var(--ifm-text) !important; }
p, span, li, td, th, label { color: inherit; }
.text-white, .text-light { color: var(--ifm-text) !important; }
a:not(.btn) { color: #2563EB; }
a:not(.btn):hover { color: #1D4ED8; }

/* Scrollbar */
::-webkit-scrollbar-track { background: var(--ifm-bg-1); }
::-webkit-scrollbar-thumb { background: rgba(15,23,42,0.18); }
::-webkit-scrollbar-thumb:hover { background: rgba(199,234,70,0.6); }