/* SaveMeApp Official Brand Theme */

:root {
    --sma-blue: #0032A4;
    --sma-red: #FF0000;
    --sma-yellow: #FFDA00;
    --sma-dark: #050F27;

    /* Default Light theme */
    --sma-bg: #F7F9FC;
    --sma-surface: #FFFFFF;
    --sma-surface-alt: #EEF2F8;
    --sma-text: #101828;
    --sma-muted: #596579;
    --sma-border: #DCE3ED;
    --sma-primary: #0032A4;
    --sma-primary-hover: #00277F;
    --sma-accent: #FFDA00;
    --sma-header: #FFFFFF;
    --sma-shadow: rgba(5, 15, 39, 0.10);

    color-scheme: light;
}

:root[data-theme="light"] {
    color-scheme: light;

    --sma-bg: #F7F9FC;
    --sma-surface: #FFFFFF;
    --sma-surface-alt: #EEF2F8;
    --sma-text: #101828;
    --sma-muted: #596579;
    --sma-border: #DCE3ED;
    --sma-primary: #0032A4;
    --sma-primary-hover: #00277F;
    --sma-accent: #FFDA00;
    --sma-header: #FFFFFF;
    --sma-shadow: rgba(5, 15, 39, 0.10);
}

:root[data-theme="dark"] {
    color-scheme: dark;

    --sma-bg: #050F27;
    --sma-surface: #0B1834;
    --sma-surface-alt: #101F40;
    --sma-text: #F8FAFC;
    --sma-muted: #B8C4D9;
    --sma-border: #263653;
    --sma-primary: #416DCA;
    --sma-primary-hover: #527EDB;
    --sma-accent: #FFDA00;
    --sma-header: #050F27;
    --sma-shadow: rgba(0, 0, 0, 0.28);
}

/* System preference when no explicit choice exists */
@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]):not([data-theme="dark"]) {
        color-scheme: dark;
        --sma-bg: #050F27;
        --sma-surface: #0B1834;
        --sma-surface-alt: #101F40;
        --sma-text: #F8FAFC;
        --sma-muted: #B8C4D9;
        --sma-border: #263653;
        --sma-primary: #416DCA;
        --sma-primary-hover: #527EDB;
        --sma-accent: #FFDA00;
        --sma-header: #050F27;
        --sma-shadow: rgba(0, 0, 0, 0.28);
    }
}

/* Global page foundation */
html {
    background: var(--sma-bg);
}

body {
    background-color: var(--sma-bg) !important;
    color: var(--sma-text);
}

h1, h2, h3, h4, h5, h6 {
    color: var(--sma-text);
}

p, label, li {
    color: inherit;
}

a {
    color: var(--sma-primary);
}

button, input, select, textarea {
    font: inherit;
}

input, select, textarea {
    background-color: var(--sma-surface) !important;
    color: var(--sma-text) !important;
    border-color: var(--sma-border) !important;
}

input::placeholder,
textarea::placeholder {
    color: var(--sma-muted);
}

/* Common content surfaces */
.card,
.info-box,
.feature,
.contact-card,
.profile-card,
.stat,
.section,
.welcome,
.admin-badge,
.social-link,
.container .card {
    background-color: var(--sma-surface);
    color: var(--sma-text);
    border-color: var(--sma-border);
    box-shadow: 0 5px 20px var(--sma-shadow);
}

/* Common navigation and header surfaces */
.navbar,
.topbar,
nav:not(#smaMenuPanel),
header.contact-header {
    background-color: var(--sma-header);
    color: var(--sma-text);
    border-color: var(--sma-border);
}

/* Official brand buttons */
.btn,
.login-btn,
button.primary,
a.primary,
button[type="submit"] {
    background-color: var(--sma-blue);
    color: #FFFFFF;
    border-color: var(--sma-blue);
}

.btn:hover,
.login-btn:hover,
button.primary:hover,
a.primary:hover,
button[type="submit"]:hover {
    background-color: var(--sma-primary-hover);
}

/* Yellow is an accent, not a large background */
.badge-pill,
.price,
.sma-brand-accent {
    --sma-brand-yellow: #FFDA00;
}

/* Shared header branding */
.sma-shared-brand em {
    color: var(--sma-yellow);
}

/* Respect accessibility preferences */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
    }
}


/* SAVEMEAPP POLICY PAGES THEME FIX v1 */

/* Terms & Conditions */
body.sma-terms-page {
    background: var(--sma-bg) !important;
    color: var(--sma-text) !important;
}
body.sma-terms-page main {
    background: var(--sma-surface) !important;
    color: var(--sma-text) !important;
    border: 1px solid var(--sma-border);
}
body.sma-terms-page main h1,
body.sma-terms-page main h2,
body.sma-terms-page main p,
body.sma-terms-page main li,
body.sma-terms-page main strong {
    color: var(--sma-text);
}
body.sma-terms-page main a {
    color: var(--sma-primary);
}
body.sma-terms-page footer {
    color: var(--sma-muted);
    border-color: var(--sma-border);
}

/* Privacy Policy */
body.sma-privacy-page {
    background: var(--sma-bg) !important;
    color: var(--sma-text) !important;
}
body.sma-privacy-page header {
    background: #102b3a !important;
    color: #ffffff !important;
}
body.sma-privacy-page header h1 {
    color: #ffffff !important;
}
body.sma-privacy-page header p {
    color: #d5e1e8 !important;
}
body.sma-privacy-page main {
    background: var(--sma-surface) !important;
    color: var(--sma-text) !important;
    border: 1px solid var(--sma-border);
}
body.sma-privacy-page main h1,
body.sma-privacy-page main h2,
body.sma-privacy-page main h3,
body.sma-privacy-page main p,
body.sma-privacy-page main li,
body.sma-privacy-page main strong {
    color: var(--sma-text);
}
body.sma-privacy-page main a {
    color: var(--sma-primary);
}
body.sma-privacy-page .updated,
body.sma-privacy-page footer {
    color: var(--sma-muted);
}

/* About Us */
body.sma-about-page {
    background: var(--sma-bg) !important;
    color: var(--sma-text) !important;
}
body.sma-about-page .navbar {
    background: var(--sma-header) !important;
    border-color: var(--sma-border) !important;
}
body.sma-about-page .hamburger {
    color: var(--sma-text) !important;
}
body.sma-about-page .menu {
    background: var(--sma-surface) !important;
    border-color: var(--sma-border) !important;
}
body.sma-about-page .menu a {
    color: var(--sma-text) !important;
}
body.sma-about-page .menu a:hover,
body.sma-about-page .menu a.active {
    background: var(--sma-surface-alt) !important;
    color: var(--sma-primary) !important;
}
body.sma-about-page .container {
    background: var(--sma-surface) !important;
    border-color: var(--sma-border) !important;
    color: var(--sma-text) !important;
}
body.sma-about-page .container h1,
body.sma-about-page .container p,
body.sma-about-page .info-box,
body.sma-about-page .feature-title {
    color: var(--sma-text) !important;
}
body.sma-about-page .info-box,
body.sma-about-page .feature {
    background: var(--sma-surface-alt) !important;
    border-color: var(--sma-border) !important;
}
body.sma-about-page .feature-text {
    color: var(--sma-muted) !important;
}
body.sma-about-page .footer {
    background: var(--sma-surface) !important;
    color: var(--sma-muted) !important;
    border-color: var(--sma-border) !important;
}
body.sma-about-page .footer p,
body.sma-about-page .footer .copyright {
    color: var(--sma-muted) !important;
}
body.sma-about-page .footer .developer,
body.sma-about-page .info-box strong {
    color: var(--sma-primary) !important;
}


/* SAVEMEAPP CONTACT PAGE THEME FIX v1 */

body.sma-contact-page {
    background: var(--sma-bg) !important;
    color: var(--sma-text) !important;
}

body.sma-contact-page .container {
    color: var(--sma-text) !important;
}

body.sma-contact-page header.contact-header h1 {
    color: var(--sma-text) !important;
}

body.sma-contact-page header.contact-header p,
body.sma-contact-page .developer-info p {
    color: var(--sma-muted) !important;
}

body.sma-contact-page .contact-card {
    background: var(--sma-surface) !important;
    color: var(--sma-text) !important;
    border-color: var(--sma-border) !important;
}

body.sma-contact-page .contact-card h2,
body.sma-contact-page .contact-card p,
body.sma-contact-page .contact-item strong,
body.sma-contact-page .contact-item span {
    color: var(--sma-text) !important;
}

body.sma-contact-page .contact-card h2 i {
    color: var(--sma-primary) !important;
}

body.sma-contact-page .contact-item a {
    color: var(--sma-primary) !important;
}

body.sma-contact-page .social-link {
    background: var(--sma-surface-alt) !important;
    border-color: var(--sma-border) !important;
    color: var(--sma-text) !important;
}

body.sma-contact-page .social-link:hover {
    background: var(--sma-surface) !important;
    border-color: var(--sma-primary) !important;
    color: var(--sma-primary) !important;
}

body.sma-contact-page .social-link i[style*="color: #000000"] {
    color: var(--sma-text) !important;
}

body.sma-contact-page .developer-info h3 {
    color: var(--sma-primary) !important;
}

body.sma-contact-page .btn-back {
    background: var(--sma-primary) !important;
    color: #ffffff !important;
}

body.sma-contact-page .btn-back:hover {
    filter: brightness(0.9);
}