/* ===== Fix: Force splash screen to be hidden ===== */
.mui-1e8ty4s,
[class*="SplashComponentVisible"],
div[style*="z-index: 88888"],
div[style*="z-index:88888"] {
    display: none !important;
    opacity: 0 !important;
    z-index: -1 !important;
    pointer-events: none !important;
}

body {
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

main {
    overflow: visible !important;
}

.mui-6ms3i7,
.LoadingComponentSSR {
    display: none !important;
    opacity: 0 !important;
}

/* ===== Color Override: Red → Light Blue ===== */

/* Override MUI CSS Custom Properties (primary color palette) */
:root {
    /* Primary colors: Red → Sky Blue */
    --mui-palette-primary-pri50: #E3F2FD !important;
    --mui-palette-primary-pri100: #BBDEFB !important;
    --mui-palette-primary-lighter: #B3E5FC !important;
    --mui-palette-primary-light: #4FC3F7 !important;
    --mui-palette-primary-main: #0288D1 !important;
    --mui-palette-primary-mainTransparent: #0288D114 !important;
    --mui-palette-primary-dark: #01579B !important;
    --mui-palette-primary-darker: #002F6C !important;
    --mui-palette-primary-contrastText: #FFFFFF !important;
    --mui-palette-primary-mainChannel: 2 136 209 !important;
    --mui-palette-primary-lightChannel: 79 195 247 !important;
    --mui-palette-primary-darkChannel: 1 87 155 !important;
    --mui-palette-primary-contrastTextChannel: 255 255 255 !important;

    /* Red palette override */
    --mui-palette-red-red600: #0277BD !important;

    /* States primary */
    --mui-palette-states-primary-light: #4FC3F7 !important;
    --mui-palette-states-primary-base: #0288D1 !important;
    --mui-palette-states-primary-dark: #01579B !important;

    /* Danger / States danger — keep distinct from primary for UX */
    --mui-palette-states-danger-base: #0288D1 !important;

    /* Linear progress */
    --mui-palette-LinearProgress-primaryBg: rgb(179, 229, 252) !important;

    /* Slider */
    --mui-palette-Slider-primaryTrack: rgb(179, 229, 252) !important;

    /* Switch */
    --mui-palette-Switch-primaryDisabledColor: rgb(179, 229, 252) !important;
}

/* ===== Direct CSS overrides for hardcoded red values ===== */

/* Announcement Bar */
.mui-1pwznim {
    background-color: #0288D1 !important;
}

/* Contained buttons with hardcoded gradient */
.mui-y4rd4e.HoverAnimatedButton,
.mui-k4w3br.HoverAnimatedButton,
.mui-dj00nj.HoverAnimatedButton,
.mui-12rm8zs.HoverAnimatedButton {
    background: linear-gradient(
        to right,
        #01579B 50%,
        #0288D1 50%
    ) !important;
    background-size: 200% 100% !important;
    background-position: right !important;
}

.mui-y4rd4e.HoverAnimatedButton:hover,
.mui-k4w3br.HoverAnimatedButton:hover,
.mui-dj00nj.HoverAnimatedButton:hover,
.mui-12rm8zs.HoverAnimatedButton:hover {
    background-position: left !important;
}

/* Destination card city name gradient (red → blue) */
.HomepageDestinationCardCityNameWrapper {
    background: linear-gradient(
        to right,
        #0288D1 50%,
        transparent 50%
    ) !important;
    background-size: 200% 100% !important;
    background-position: right !important;
}

/* Destination card city name text color */
.HomepageDestinationCardCityNameWrapper h4 {
    color: #0288D1 !important;
}

*:hover > .HomepageDestinationCardCityNameWrapper h4 {
    color: #FFFFFF !important;
}

/* Chip/badge override (red bg → blue bg) */
.mui-1235ix9 {
    background-color: #0288D1 !important;
}

/* Product section tab selected color */
.MuiTab-root.Mui-selected {
    color: #0288D1 !important;
}

/* Tab indicator / bottom border */
.HomepageProductsSectionTabs button[aria-selected='true'] {
    border-bottom-color: #0288D1 !important;
}

/* Header menu link hover */
.HeaderMenuMainLink:hover {
    color: #4FC3F7 !important;
}

/* All elements with inline or class-based red (#C90019 / #9B0013) */
/* SVG fills, borders, backgrounds */
[style*="color: rgb(201, 0, 25)"],
[style*="color:#C90019"],
[style*="color: #C90019"] {
    color: #0288D1 !important;
}

[style*="background-color: rgb(201, 0, 25)"],
[style*="background-color:#C90019"],
[style*="background-color: #C90019"],
[style*="background: rgb(201, 0, 25)"],
[style*="background:#C90019"],
[style*="background: #C90019"] {
    background-color: #0288D1 !important;
    background: #0288D1 !important;
}

[style*="border-color: rgb(201, 0, 25)"],
[style*="border-color:#C90019"],
[style*="border-color: #C90019"] {
    border-color: #0288D1 !important;
}

/* Footer TKGO logo override */
.HeaderTKGOLogoRedDark,
.HeaderTKGOLogoRedLight {
    filter: hue-rotate(200deg) saturate(1.5) !important;
}

/* Override any remaining hardcoded red in MUI emotion styles */

/* Make sure links/text with red turn blue */
a[style*="color: rgb(201, 0, 25)"],
span[style*="color: rgb(201, 0, 25)"],
p[style*="color: rgb(201, 0, 25)"],
div[style*="color: rgb(201, 0, 25)"] {
    color: #0288D1 !important;
}

/* Product section swiper active indicators */
.swiper-pagination-bullet-active {
    background: #0288D1 !important;
}

/* Scroll indicator dot override */
@keyframes ScrollIndicatorDotAnimation {
    0% { transform: translateY(2px); opacity: 0; }
    20% { opacity: 1; }
    80% { transform: translateY(22px); opacity: 1; }
    100% { transform: translateY(22px); opacity: 0; }
}