/**
 * MUI V2 Page styles.
 * Shared by V2 static page templates such as Privacy, Terms, About, etc.
 */

body.mui-v2-page-template {
    background: #FFFFFF !important;
    color: #1D1D1F !important;
}

#mui-v2-page-root {
    isolation: isolate;
    background: #FFFFFF;
    color: #1D1D1F;
    font-family: BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

#mui-v2-page-root,
#mui-v2-page-root *,
#mui-v2-page-root *::before,
#mui-v2-page-root *::after {
    box-sizing: border-box;
}

#mui-v2-page-root a {
    text-decoration: none;
}

#mui-v2-page-root a:hover {
    text-decoration: underline;
}

/* Lock common Tailwind custom colors used in privacy.html */
#mui-v2-page-root .text-ink {
    color: #1D1D1F !important;
}

#mui-v2-page-root .text-muted {
    color: #6E6E73 !important;
}

#mui-v2-page-root .text-primary {
    color: #0267B2 !important;
}

#mui-v2-page-root .border-hairline {
    border-color: #E5E5E7 !important;
}

/* Privacy content typography guard */
#mui-v2-page-root article {
    font-family: BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

#mui-v2-page-root article p,
#mui-v2-page-root article li {
    font-weight: 400;
}

#mui-v2-page-root article strong {
    font-weight: 600;
}

/* Keep legal/privacy body links blue as designed */
#mui-v2-page-root article a.text-primary,
#mui-v2-page-root article a.text-primary:visited {
    color: #0267B2 !important;
}

#mui-v2-page-root article a.text-primary:hover {
    color: #2d99e4 !important;
    text-decoration: underline !important;
}

/* Dark mode support if html.dark is active */
html.dark body.mui-v2-page-template {
    background: #0F0F11 !important;
    color: #E5E5E7 !important;
}

html.dark #mui-v2-page-root {
    background: #0F0F11;
    color: #E5E5E7;
}

html.dark #mui-v2-page-root .text-ink,
html.dark #mui-v2-page-root .dark\:text-white {
    color: #FFFFFF !important;
}

html.dark #mui-v2-page-root .text-muted,
html.dark #mui-v2-page-root .dark\:text-\[\#A1A1A6\] {
    color: #A1A1A6 !important;
}

html.dark #mui-v2-page-root .border-hairline,
html.dark #mui-v2-page-root .dark\:border-zinc-800\/60 {
    border-color: rgba(39, 39, 42, 0.6) !important;
}

html.dark #mui-v2-page-root .text-primary,
html.dark #mui-v2-page-root .dark\:text-\[\#2d99e4\] {
    color: #2d99e4 !important;
}

/**
 * MUI V2 page rescue layer.
 * This protects semantic page content from global header/footer hiding rules.
 */

body.mui-v2-page-template #mui-v2-page-root,
body.mui-v2-page-template #mui-v2-page-root main,
body.mui-v2-page-template #mui-v2-page-root article,
body.mui-v2-page-template #mui-v2-page-root section {
    display: block !important;
    visibility: visible !important;
}

body.mui-v2-page-template #mui-v2-page-root header,
body.mui-v2-page-template #mui-v2-page-root article > header {
    display: block !important;
    visibility: visible !important;
}

body.mui-v2-page-template #mui-v2-page-root h1,
body.mui-v2-page-template #mui-v2-page-root h2,
body.mui-v2-page-template #mui-v2-page-root h3,
body.mui-v2-page-template #mui-v2-page-root p,
body.mui-v2-page-template #mui-v2-page-root ul,
body.mui-v2-page-template #mui-v2-page-root li {
    visibility: visible !important;
}

/**
 * Hide old floating scroll-to-top buttons on MUI V2 static pages.
 * The blue arrow in the screenshot is likely from the old theme/plugin.
 */
body.mui-v2-page-template .back-to-top,
body.mui-v2-page-template #back-to-top,
body.mui-v2-page-template .scroll-to-top,
body.mui-v2-page-template #scroll-to-top,
body.mui-v2-page-template .elementor-button-wrapper .elementor-button[href="#"],
body.mui-v2-page-template a[href="#top"],
body.mui-v2-page-template button[aria-label*="top"],
body.mui-v2-page-template button[aria-label*="Top"],
body.mui-v2-page-template button[aria-label*="lên đầu"],
body.mui-v2-page-template button[aria-label*="Lên đầu"] {
    display: none !important;
}