/**
 * MUI V2 Footer styles.
 * Scoped to footer mount to avoid breaking existing WordPress / Elementor pages.
 */

#mui-v2-footer-root {
    isolation: isolate;
    font-family: BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

#mui-v2-footer-root,
#mui-v2-footer-root *,
#mui-v2-footer-root *::before,
#mui-v2-footer-root *::after {
    box-sizing: border-box;
}

#mui-v2-footer {
    background: #000000 !important;
    color: #FFFFFF !important;
    font-family: BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

#mui-v2-footer a,
#mui-v2-footer a:hover,
#mui-v2-footer a:focus,
#mui-v2-footer a:active {
    text-decoration: none !important;
}

#mui-v2-footer img,
#mui-v2-footer svg {
    display: block;
}

#mui-v2-footer .footer-bg {
    background: #000000 !important;
}

#mui-v2-footer .footer-dropdown-menu {
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: all 160ms ease;
}

#mui-v2-footer .footer-dropdown-menu.is-open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/**
 * Protect language dropdown buttons from WordPress / Elementor global button styles.
 */
#mui-v2-footer #footer-language-button {
    display: inline-flex !important;
    min-width: 190px !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    border-radius: 9999px !important;
    border: 1px solid #3f3f46 !important;
    background: #09090b !important;
    padding: 12px 16px !important;
    color: #FFFFFF !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-transform: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
}

#mui-v2-footer #footer-language-button:hover {
    border-color: #71717a !important;
    background: #18181b !important;
    color: #FFFFFF !important;
}

#mui-v2-footer .language-option {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-transform: none !important;
    cursor: pointer !important;
    font: inherit !important;
}

#mui-v2-footer .language-option:hover {
    background: #18181b !important;
}

/**
 * Hide old footer only when Footer V2 is mounted.
 * Keep #mui-v2-footer visible.
 */
/*body.mui-v2-footer-enabled footer:not(#mui-v2-footer),*/
/*body.mui-v2-footer-enabled .elementor-location-footer,*/
/*body.mui-v2-footer-enabled .site-footer,*/
/*body.mui-v2-footer-enabled footer.site-footer,*/
/*body.mui-v2-footer-enabled #site-footer,*/
/*body.mui-v2-footer-enabled #colophon {*/
/*    display: none !important;*/
/*}*/

/**
 * Hide existing WordPress / Elementor footer only when MUI V2 footer is enabled.
 * Do not hide semantic <footer> elements inside page content.
 */
body.mui-v2-footer-enabled .elementor-location-footer,
body.mui-v2-footer-enabled .site-footer,
body.mui-v2-footer-enabled footer.site-footer,
body.mui-v2-footer-enabled #site-footer,
body.mui-v2-footer-enabled #colophon {
    display: none !important;
}

/**
 * Fallback only for old theme footers that are direct layout children.
 */
body.mui-v2-footer-enabled > footer:not(#mui-v2-footer),
body.mui-v2-footer-enabled > .site > footer:not(#mui-v2-footer),
body.mui-v2-footer-enabled > #page > footer:not(#mui-v2-footer) {
    display: none !important;
}

/**
 * Always keep MUI V2 footer visible.
 */
body.mui-v2-footer-enabled #mui-v2-footer {
    display: block !important;
}

/**
 * MUI V2 Footer link color lock.
 * Prevent WordPress / Elementor global link styles from turning footer links blue.
 */

#mui-v2-footer,
#mui-v2-footer * {
    font-family: BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

#mui-v2-footer a,
#mui-v2-footer a:visited,
#mui-v2-footer a:focus,
#mui-v2-footer a:active {
    text-decoration: none !important;
    box-shadow: none !important;
}

/* Restore Tailwind text color utilities used by footer.html */
#mui-v2-footer .text-white,
#mui-v2-footer a.text-white,
#mui-v2-footer .text-white:visited {
    color: #FFFFFF !important;
}

#mui-v2-footer .text-zinc-300,
#mui-v2-footer a.text-zinc-300,
#mui-v2-footer .text-zinc-300:visited {
    color: #D4D4D8 !important;
}

#mui-v2-footer .text-zinc-400,
#mui-v2-footer a.text-zinc-400,
#mui-v2-footer .text-zinc-400:visited {
    color: #A1A1AA !important;
}

#mui-v2-footer .text-zinc-500,
#mui-v2-footer a.text-zinc-500,
#mui-v2-footer .text-zinc-500:visited {
    color: #71717A !important;
}

#mui-v2-footer .text-zinc-700 {
    color: #3F3F46 !important;
}

/* Column links in footer.html are gray by default, white on hover */
#mui-v2-footer ul a,
#mui-v2-footer ul a:visited {
    color: #A1A1AA !important;
}

#mui-v2-footer ul a:hover,
#mui-v2-footer .hover\:text-white:hover {
    color: #FFFFFF !important;
}

/* Bottom legal links are white by default, gray on hover */
#mui-v2-footer .border-t a.text-white,
#mui-v2-footer .border-t a.text-white:visited {
    color: #FFFFFF !important;
}

#mui-v2-footer .border-t a.text-white:hover,
#mui-v2-footer .hover\:text-zinc-400:hover {
    color: #A1A1AA !important;
}

/* Social icon links */
#mui-v2-footer a[aria-label],
#mui-v2-footer a[aria-label]:visited {
    color: #A1A1AA !important;
}

#mui-v2-footer a[aria-label]:hover {
    color: #FFFFFF !important;
}

/* Language dropdown options */
#mui-v2-footer .language-option.text-white,
#mui-v2-footer .language-option .text-white {
    color: #FFFFFF !important;
}

#mui-v2-footer .language-option.text-zinc-300,
#mui-v2-footer .language-option .text-zinc-300 {
    color: #D4D4D8 !important;
}

#mui-v2-footer .language-option:hover {
    color: #FFFFFF !important;
}

/* Check mark color used by language selector */
#mui-v2-footer .text-brand-secondary {
    color: #2d99e4 !important;
}