/*
| -------------------------------------------------------------------------------
| DRACIN v1 - Theme Override & Mobile Fixes
| This file MUST be loaded LAST to override all other CSS
| -------------------------------------------------------------------------------
*/

/* ============================================
   FORCE DARK THEME COLORS
   ============================================ */
/* ============================================
   FORCE DARK THEME COLORS (Support Presets)
   ============================================ */
html[data-theme="dark"] body,
html body,
body {
    background-color: var(--bg-primary, #0a0a0f) !important;
    color: var(--text-primary, #ffffff) !important;
}

/* All text elements - force theme text color */
html[data-theme="dark"] *,
html[data-theme="dark"] p,
html[data-theme="dark"] span,
html[data-theme="dark"] div,
html[data-theme="dark"] a,
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6 {
    color: inherit;
    /* Allow inheritance from body var */
}

/* ============================================
   HEADER - DARK THEME
   ============================================ */
.PcHeader_navWrap__kKVZ8 {
    background: var(--bg-glass, rgba(10, 10, 15, 0.98)) !important;
    backdrop-filter: blur(20px) !important;
    border-bottom: 1px solid var(--border-color, rgba(255, 255, 255, 0.1)) !important;
}

.PcHeader_navItem__BRAhp,
.PcHeader_navItemActive__KexnK,
.PcHeader_navItemLabel__KpTG7 {
    color: var(--text-primary, #ffffff) !important;
}

.PcHeader_navItemActive__KexnK .PcHeader_navItemLabel__KpTG7 {
    color: var(--accent-primary, #ff375f) !important;
}

.PcHeader_navItemTxt__k3llp {
    color: var(--text-primary, #ffffff) !important;
}

/* Language dropdown */
.PcHeader_languageContent__XFTE1 {
    background: var(--bg-tertiary, #1a1a24) !important;
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.15)) !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5) !important;
}

.PcHeader_languageItem__DDFfF {
    color: var(--text-primary, #ffffff) !important;
    padding: 10px 16px !important;
}

.PcHeader_languageItem__DDFfF:hover {
    background: var(--accent-glow, rgba(255, 55, 95, 0.2)) !important;
}

/* Mobile language dropdown */
.MLanguage_languageContent__fSXSD {
    background: var(--bg-tertiary, #1a1a24) !important;
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.15)) !important;
    border-radius: 12px !important;
}

.MLanguage_languageItem__uC5mk {
    color: var(--text-primary, #ffffff) !important;
    padding: 10px 16px !important;
}

.MLanguage_languageItem__uC5mk:hover {
    background: var(--accent-glow, rgba(255, 55, 95, 0.2)) !important;
}

/* ============================================
   CONTENT SECTIONS - DARK THEME
   ============================================ */
/* Section titles */
.PcHome_homeTitle__nCNdv,
.PcHome_homeSubTitle__XXXXX,
.MHome_homeTitle__XXXXX,
[class*="Title"],
[class*="title"] {
    color: var(--text-primary, #ffffff) !important;
}

/* Cards */
[class*="bookName"],
[class*="BookName"],
[class*="dramaName"],
[class*="DramaName"],
[class*="chapterCount"],
[class*="ChapterCount"] {
    color: var(--text-primary, #ffffff) !important;
}

/* Footer */
.PcFooter_footerBox__OdGHU,
[class*="Footer"] {
    background: var(--bg-primary, #0a0a0f) !important;
    color: var(--text-secondary, rgba(255, 255, 255, 0.7)) !important;
}

.PcFooter_footerBox__OdGHU a,
[class*="Footer"] a {
    color: var(--text-secondary, rgba(255, 255, 255, 0.7)) !important;
}

.PcFooter_footerBox__OdGHU a:hover,
[class*="Footer"] a:hover {
    color: var(--accent-primary, #ff375f) !important;
}

/* Explicit Footer Overrides for Dark Mode */
html[data-theme="dark"] .PcFooter_footerWrap__M1H43,
html[data-theme="dark"] .MFooter_footerBox__kd3X9 {
    background-color: var(--bg-primary, #0a0a0f) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

html[data-theme="dark"] .PcFooter_company__s_7Bl,
html[data-theme="dark"] .MFooter_fText__8J0zi {
    color: rgba(255, 255, 255, 0.6) !important;
}

/* ============================================
   FIX: DRAMA DETAIL & EPISODE LIST
   ============================================ */
/* Drama Detail Description */
html[data-theme="dark"] .film_pcIntro__BB1Ox,
html[data-theme="dark"] .ellipsisIntro_retractIntroBox__T4pgA,
html[data-theme="dark"] .film_introTitle__75SR3 {
    color: rgba(255, 255, 255, 0.8) !important;
}

/* Episode List Items - Dark Mode Fix */
html[data-theme="dark"] .pcSeries_listItem__sd0Xp {
    background-color: #161b22 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

html[data-theme="dark"] .pcSeries_listItem__sd0Xp:hover {
    background-color: #21262d !important;
    border-color: var(--accent-primary, #ff375f) !important;
}

html[data-theme="dark"] .pcSeries_rightIntro__UFC_8 {
    background-color: transparent !important;
}

html[data-theme="dark"] .pcSeries_title__R9vip,
html[data-theme="dark"] .pcSeries_pageNum__xkXBk {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* ============================================
   FIX: TERMS & PRIVACY PAGES (AGREEMENT)
   ============================================ */
/* Dark Mode */
html[data-theme="dark"] .Agreement_agreementWrap__6CdQX {
    background-color: #0a0a0f !important;
    min-height: 100vh !important;
}

html[data-theme="dark"] .Agreement_agreementBox__7g4wx {
    background-color: #0a0a0f !important;
    color: rgba(255, 255, 255, 0.9) !important;
    padding: 40px !important;
    max-width: 900px !important;
    margin: 0 auto !important;
}

html[data-theme="dark"] .Agreement_agreementIntro__hCmDr {
    color: rgba(255, 255, 255, 0.9) !important;
    text-align: left !important;
    white-space: normal !important;
}

html[data-theme="dark"] .Agreement_agreementIntro__hCmDr h1,
html[data-theme="dark"] .Agreement_agreementIntro__hCmDr h2,
html[data-theme="dark"] .Agreement_agreementIntro__hCmDr h3,
html[data-theme="dark"] .Agreement_agreementIntro__hCmDr strong {
    color: #ffffff !important;
    text-align: left !important;
}

html[data-theme="dark"] .Agreement_agreementIntro__hCmDr p,
html[data-theme="dark"] .Agreement_agreementIntro__hCmDr span {
    color: rgba(255, 255, 255, 0.8) !important;
    text-align: left !important;
    line-height: 1.7 !important;
}

/* Light Mode */
html[data-theme="light"] .Agreement_agreementWrap__6CdQX {
    background-color: #f8fafc !important;
    min-height: 100vh !important;
}

html[data-theme="light"] .Agreement_agreementBox__7g4wx {
    background-color: #f8fafc !important;
    color: #1e293b !important;
    padding: 40px !important;
    max-width: 900px !important;
    margin: 0 auto !important;
}

html[data-theme="light"] .Agreement_agreementIntro__hCmDr {
    color: #1e293b !important;
    text-align: left !important;
    white-space: normal !important;
}

html[data-theme="light"] .Agreement_agreementIntro__hCmDr h1,
html[data-theme="light"] .Agreement_agreementIntro__hCmDr h2,
html[data-theme="light"] .Agreement_agreementIntro__hCmDr h3,
html[data-theme="light"] .Agreement_agreementIntro__hCmDr strong {
    color: #0f172a !important;
    text-align: left !important;
}

html[data-theme="light"] .Agreement_agreementIntro__hCmDr p,
html[data-theme="light"] .Agreement_agreementIntro__hCmDr span {
    color: #334155 !important;
    text-align: left !important;
    line-height: 1.7 !important;
}

/* ============================================
   FIX: FOOTER COPYRIGHT & CONTENT ALIGNMENT
   ============================================ */
/* Footer Copyright Text - Center Only */
html[data-theme="dark"] .PcFooter_company__s_7Bl {
    color: rgba(255, 255, 255, 0.6) !important;
    background-color: #0a0a0f !important;
    width: 100% !important;
    text-align: center !important;
    margin-top: 0 !important;
    /* Remove gap that might show white bg */
    padding-top: 20px !important;
    border-top: none !important;
}

/* FIX: Prevent white html background showing through gaps in Dark Mode */
html[data-theme="dark"] {
    background-color: #0a0a0f !important;
}

/* FIX: Ensure footer wrap stretches to contain all content */
html[data-theme="dark"] footer.PcFooter_footerWrap__M1H43,
html[data-theme="light"] footer.PcFooter_footerWrap__M1H43 {
    height: auto !important;
    min-height: fit-content !important;
    padding-bottom: 20px !important;
    /* Ensure content doesn't touch bottom */
}

/* Footer Content Columns (About, Contact, etc) */
/* SHARED FOOTER COLUMNS (Both Modes) */
html[data-theme="dark"] .PcFooter_footerBox__9NroW,
html[data-theme="light"] .PcFooter_footerBox__9NroW,
html[data-theme="dark"] .PcFooter_community__4BxNo,
html[data-theme="light"] .PcFooter_community__4BxNo {
    width: auto !important;
    text-align: center !important;
    align-items: center !important;
    display: flex !important;
    flex-direction: column !important;
    margin: 0 !important;
    /* Standardized margin */
}

html[data-theme="dark"] .PcFooter_footerBox__9NroW {
    color: rgba(255, 255, 255, 0.6) !important;
    background-color: transparent !important;
}

/* Footer Content Wrapper - Center the columns */
/* Footer Content Wrapper - Center the columns */
/* SHARED FOOTER LAYOUT (Both Modes) */
html[data-theme="dark"] .PcFooter_footerContent__Uu3mf,
html[data-theme="light"] .PcFooter_footerContent__Uu3mf {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: flex-start !important;
    flex-wrap: wrap !important;
    gap: 100px !important;
    /* Widen gap significantly */
    width: 100% !important;
    /* Use full width */
    min-width: unset !important;
    max-width: 1200px !important;
    /* Constrain max width for consistency */
    margin: 0 auto !important;
    padding: 40px 20px !important;
    /* Add padding used to be margin */
    /* Standardized padding */
}

html[data-theme="dark"] .PcFooter_footerContent__Uu3mf {
    background-color: transparent !important;
}

html[data-theme="dark"] .PcFooter_footerWrap__M1H43,
html[data-theme="dark"] footer.PcFooter_footerWrap__M1H43,
html[data-theme="dark"] footer {
    background-color: #0a0a0f !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    width: 100% !important;
    min-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Fix for Light Mode Footer - Ensure White Background */
html[data-theme="light"] .PcFooter_footerWrap__M1H43,
html[data-theme="light"] footer {
    background-color: #f1f5f9 !important;
    color: #1e293b !important;
    border-top: 1px solid #e2e8f0 !important;
    width: 100% !important;
    min-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

html[data-theme="light"] .PcFooter_company__s_7Bl,
html[data-theme="light"] .PcFooter_otherBtn__m9M9D,
html[data-theme="light"] .PcFooter_fmail__BjwO4,
html[data-theme="light"] .PcFooter_footerLabel__nSgvh,
html[data-theme="light"] .PcFooter_community__4BxNo,
html[data-theme="light"] .PcFooter_footerLink__7T1oH {
    background-color: transparent !important;
    color: #1e293b !important;
    text-align: center !important;
    width: auto !important;
    margin: 0 !important;
}

html[data-theme="light"] .PcFooter_footerBox__9NroW,
html[data-theme="light"] .PcFooter_footerContent__Uu3mf {
    background-color: transparent !important;
    color: #1e293b !important;
}

html[data-theme="light"] .PcFooter_company__s_7Bl {
    width: 100% !important;
    margin: 0 !important;
    text-align: center !important;
}



/* ============================================
   FOOTER RESPONSIVE VISIBILITY
   Hide duplicate footer on wrong device size
   ============================================ */
/* Mobile: Hide desktop footer, show mobile footer */
@media (max-width: 767px) {

    html[data-theme="dark"] footer.PcFooter_footerWrap__M1H43,
    html[data-theme="light"] footer.PcFooter_footerWrap__M1H43,
    footer.PcFooter_footerWrap__M1H43 {
        display: none !important;
    }

    html[data-theme="dark"] .MFooter_footerBox__kd3X9,
    html[data-theme="light"] .MFooter_footerBox__kd3X9,
    .MFooter_footerBox__kd3X9 {
        display: block !important;
    }
}

/* Desktop: Hide mobile footer, show desktop footer */
@media (min-width: 768px) {

    html[data-theme="dark"] .MFooter_footerBox__kd3X9,
    html[data-theme="light"] .MFooter_footerBox__kd3X9,
    .MFooter_footerBox__kd3X9 {
        display: none !important;
    }

    html[data-theme="dark"] footer.PcFooter_footerWrap__M1H43,
    html[data-theme="light"] footer.PcFooter_footerWrap__M1H43,
    footer.PcFooter_footerWrap__M1H43 {
        display: flex !important;
    }
}

/* ============================================
   LIGHT THEME OVERRIDES
   ============================================ */
html[data-theme="light"] body {
    background-color: #f8fafc !important;
    color: #1e293b !important;
}

html[data-theme="light"] .PcHeader_navWrap__kKVZ8 {
    background: rgba(255, 255, 255, 0.98) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}

html[data-theme="light"] .PcHeader_navItemLabel__KpTG7,
html[data-theme="light"] .PcHeader_navItemTxt__k3llp {
    color: #1e293b !important;
}

html[data-theme="light"] .PcHeader_languageContent__XFTE1,
html[data-theme="light"] .MLanguage_languageContent__fSXSD {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
}

html[data-theme="light"] .PcHeader_languageItem__DDFfF,
html[data-theme="light"] .MLanguage_languageItem__uC5mk {
    color: #1e293b !important;
}

html[data-theme="light"] [class*="Title"],
html[data-theme="light"] [class*="bookName"],
html[data-theme="light"] [class*="BookName"] {
    color: #1e293b !important;
}

html[data-theme="light"] .PcFooter_footerBox__OdGHU {
    background: #f1f5f9 !important;
    color: rgba(30, 41, 59, 0.7) !important;
}

/* ============================================
   THEME TOGGLE BUTTON - FIXED POSITION
   ============================================ */


/* ============================================
   MOBILE RESPONSIVE FIXES
   ============================================ */
@media (max-width: 768px) {

    /* MOBILE HEADER BACKGROUND */
    .MHeader_headerWrap__I8s6L {
        display: block !important;
        background: var(--bg-primary, #0a0a0f) !important;
        /* Use theme variable */
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        position: relative;
        z-index: 1000;
        top: 0;
        left: 0;
        width: 100%;
    }

    /* Ensure flex container aligns items properly */
    .MHeader_homeHeaderBox__sT00I {
        display: flex !important;
        align-items: center !important;
        /* Vertical center alignment */
        height: 60px !important;
        /* Fixed height for better alignment consistency */
        padding: 0 12px !important;
    }

    /* Force white text on menu items */
    .MHeader_navItem__zc4sl {
        color: var(--text-primary, #ffffff) !important;
        font-size: 14px !important;
        padding: 5px 10px;
    }

    .MHeader_navItem__zc4sl.MHeader_active__EE2Mx {
        color: var(--accent-primary, #ff375f) !important;
    }

    /* RIGHT ICONS ALIGNMENT */
    .MHeader_navRight__vPNZu {
        display: flex !important;
        align-items: center !important;
        /* Critical for vertical centering */
        justify-content: flex-end !important;
        gap: 10px !important;
        /* Consistent gap between icons */
        height: 100% !important;
        margin-left: auto !important;
        padding: 0 !important;
    }

    /* Search Icon Alignment */
    .MHeader_navRight__vPNZu img,
    .MHeader_searchIcon__zBerC {
        display: block !important;
        margin: 0 !important;
        position: relative !important;
        top: auto !important;
    }

    /* MOBILE TOGGLE BUTTON - ICON ONLY, NO CIRCLE */
    .theme-toggle.mobile-toggle {
        display: flex !important;
        position: static !important;
        width: auto !important;
        /* Auto width */
        height: auto !important;
        /* Auto height */
        min-width: unset !important;
        min-height: unset !important;
        padding: 5px !important;
        /* Small touch target padding */
        margin: 0 !important;
        background: transparent !important;
        /* No background */
        border: none !important;
        /* No border */
        box-shadow: none !important;
        color: inherit !important;
        /* Inherit color from header text */
    }

    .theme-toggle.mobile-toggle:hover,
    .theme-toggle.mobile-toggle:active {
        background: transparent !important;
        transform: none !important;
    }

    /* DESKTOP TOGGLE BUTTON - HIDE ON MOBILE */
    .theme-toggle.desktop-toggle {
        display: none !important;
    }

    /* GLOBAL TEXT COLOR FIX FOR DARK MODE MOBILE */
    /* Force Header Menu Items White in Dark Mode */
    html[data-theme="dark"] .MHeader_navItem__zc4sl,
    html[data-theme="dark"] .MHeader_navItemLabel__KpTG7,
    html[data-theme="dark"] .MHeader_navItemTxt__k3llp {
        color: #ffffff !important;
        /* Strict white for dark mode */
    }

    /* Force Header Menu Items Black in Light Mode */
    html[data-theme="light"] .MHeader_navItem__zc4sl,
    html[data-theme="light"] .MHeader_navItemLabel__KpTG7,
    html[data-theme="light"] .MHeader_navItemTxt__k3llp,
    html[data-theme="light"] .PcHeader_navItem__BRAhp,
    html[data-theme="light"] .PcHeader_navItemLabel__KpTG7,
    html[data-theme="light"] .PcHeader_navItemTxt__k3llp {
        color: #000000 !important;
        /* Strict black for light mode */
    }

    /* Force Header Menu Items White in Dark Mode */
    html[data-theme="dark"] .MHeader_navItem__zc4sl,
    html[data-theme="dark"] .MHeader_navItemLabel__KpTG7,
    html[data-theme="dark"] .MHeader_navItemTxt__k3llp,
    html[data-theme="dark"] .PcHeader_navItem__BRAhp,
    html[data-theme="dark"] .PcHeader_navItemLabel__KpTG7,
    html[data-theme="dark"] .PcHeader_navItemTxt__k3llp {
        color: #ffffff !important;
        /* Strict white for dark mode */
    }

    /* Ensure Active State Visibility */
    html[data-theme="light"] .MHeader_active__EE2Mx,
    html[data-theme="light"] .PcHeader_navItemActive__KexnK .PcHeader_navItemLabel__KpTG7 {
        color: var(--accent-primary, #ff375f) !important;
        font-weight: bold !important;
    }

    html[data-theme="dark"] .MHeader_active__EE2Mx,
    html[data-theme="dark"] .PcHeader_navItemActive__KexnK .PcHeader_navItemLabel__KpTG7 {
        color: var(--accent-primary, #ff375f) !important;
        font-weight: bold !important;
    }

    /* Header Backgrounds */
    html[data-theme="dark"] .PcHeader_navWrap__kKVZ8,
    html[data-theme="dark"] .MHeader_headerWrap__I8s6L {
        background-color: var(--bg-primary, #0a0a0f) !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    }

    html[data-theme="light"] .PcHeader_navWrap__kKVZ8,
    html[data-theme="light"] .MHeader_headerWrap__I8s6L {
        background-color: #ffffff !important;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
    }


    /* EXCERPTS & TAGS */
    [class*="intro"],
    [class*="Intro"],
    [class*="tag"],
    [class*="Tag"],
    .typeTwoTag_leftTag__49wGv,
    .SwiperArea_intro___hP_c {
        color: var(--text-secondary, rgba(255, 255, 255, 0.75)) !important;
    }

    /* Fix Login Form & Inputs Visibility */
    input,
    select,
    textarea,
    .form-input {
        color: #000000 !important;
        /* Force black text on inputs by default if bg is white */
        background-color: #ffffff !important;
    }

    /* ============================================
       ADMIN PANEL FORCE DARK MODE
       ============================================ */
    body.admin-body,
    html[data-theme="light"] body.admin-body {
        background-color: #0d1117 !important;
        color: #ffffff !important;
    }

    /* Force text colors in admin to be white/light */
    body.admin-body h1,
    body.admin-body h2,
    body.admin-body h3,
    body.admin-body h4,
    body.admin-body h5,
    body.admin-body h6,
    body.admin-body p,
    body.admin-body span,
    body.admin-body div,
    body.admin-body .nav-item,
    body.admin-body .card-header h3 {
        color: #ffffff !important;
    }

    body.admin-body .text-muted {
        color: #aaaaaa !important;
    }

    /* Admin Sidebar & Cards */
    body.admin-body .admin-sidebar,
    body.admin-body .card,
    body.admin-body .stat-card {
        background-color: #161b22 !important;
        border-color: #30363d !important;
        box-shadow: none !important;
    }

    html[data-theme="light"] body.admin-body .admin-sidebar,
    html[data-theme="light"] body.admin-body .card {
        background-color: #161b22 !important;
        color: #fff !important;
    }

    /* Admin Links */
    body.admin-body a {
        color: #58a6ff !important;
    }

    body.admin-body .nav-item.active {
        background-color: #1f6feb !important;
        color: #ffffff !important;
    }

    body.admin-body .nav-item:hover {
        background-color: #21262d !important;
    }

    /* Admin Tables */
    body.admin-body table,
    body.admin-body th,
    body.admin-body td {
        color: #ffffff !important;
        border-color: #30363d !important;
    }

    /* ============================================
       MODERN ADMIN LOGIN UI (2025 Style)
       ============================================ */
    .login-page {
        background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 9999;
    }

    .login-container {
        width: 100%;
        max-width: 420px;
        padding: 20px;
    }

    .login-card {
        background: rgba(30, 30, 40, 0.8) !important;
        backdrop-filter: blur(20px) !important;
        border: 1px solid rgba(255, 255, 255, 0.1) !important;
        border-radius: 24px !important;
        padding: 40px !important;
        box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5) !important;
    }

    /* Logo & Headings */
    .login-header {
        text-align: center;
        margin-bottom: 30px;
        border-bottom: 2px solid #ff375f;
        padding-bottom: 20px;
    }

    .login-title {
        color: #fff !important;
        font-size: 28px !important;
        font-weight: 700 !important;
        margin-bottom: 10px !important;
        letter-spacing: -0.5px;
    }

    /* Inputs */
    .form-group {
        margin-bottom: 20px !important;
        position: relative;
    }

    .form-group label {
        display: block;
        color: rgba(255, 255, 255, 0.7) !important;
        margin-bottom: 8px !important;
        font-size: 14px !important;
        font-weight: 500;
    }

    .form-input,
    input#username,
    input#password {
        width: 100% !important;
        background: #0f0f15 !important;
        border: 1px solid rgba(255, 255, 255, 0.1) !important;
        border-radius: 12px !important;
        padding: 14px 16px !important;
        color: #ffffff !important;
        /* Force White Text */
        font-size: 16px !important;
        transition: all 0.3s ease !important;
    }

    .form-input:focus {
        border-color: #ff375f !important;
        box-shadow: 0 0 0 3px rgba(255, 55, 95, 0.2) !important;
        outline: none !important;
        transform: translateY(-2px);
    }

    /* Button */
    .btn-login {
        width: 100% !important;
        background: linear-gradient(90deg, #ff375f, #ff7b54) !important;
        color: white !important;
        border: none !important;
        border-radius: 12px !important;
        padding: 16px !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        cursor: pointer !important;
        transition: all 0.3s ease !important;
        margin-top: 20px !important;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .btn-login:hover {
        transform: translateY(-2px);
        box-shadow: 0 10px 20px rgba(255, 55, 95, 0.3) !important;
    }

    /* TITLES */
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    [class*="Title"],
    [class*="Name"],
    [class*="name"] {
        color: #ffffff !important;
    }
}

/* ============================================
   GLOBAL FIXES (BROWSE.PHP & OTHERS)
   ============================================ */
html[data-theme="dark"] main,
html[data-theme="dark"] .film_detailWrap__N7Nge,
html[data-theme="dark"] .PcHome_homeBox__xxxxx,
html[data-theme="dark"] .video_videoWrap__Y42x_,
html[data-theme="dark"] .category_categoryWrap__C_Gk7,
html[data-theme="dark"] .browse_browseWrap__XXXXX {
    /* Add specificity */
    background: #0a0a0f !important;
    color: #ffffff !important;
}

/* Fix Browse Page Grid Titles */
html[data-theme="dark"] .FirstList_bookName__cULmf,
html[data-theme="dark"] .FirstList_bookNameHover__f03t0,
html[data-theme="dark"] a {
    color: #ffffff !important;
}

/* ============================================
   PAGINATION FIXES (Dark Mode)
   ============================================ */
html[data-theme="dark"] .MorePagination_linkItem__AQVsa,
html[data-theme="dark"] .MorePagination_pageItem__847mF,
html[data-theme="dark"] .paginationCom_normalLi__YFrvZ,
html[data-theme="dark"] .paginationCom_prevNextIcon__ZxNjw,
html[data-theme="dark"] .pagination-prev,
html[data-theme="dark"] .pagination-next {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    background: transparent !important;
}

html[data-theme="dark"] .paginationCom_activePage__Ke4Ik {
    color: #ffffff !important;
    background: var(--accent-primary, #ff375f) !important;
    border-color: var(--accent-primary, #ff375f) !important;
}

html[data-theme="dark"] .MorePagination_linkItem__AQVsa:hover,
html[data-theme="dark"] .paginationCom_normalLi__YFrvZ:hover {
    color: var(--accent-primary, #ff375f) !important;
    border-color: var(--accent-primary, #ff375f) !important;
}

/* ============================================
   CATEGORY PAGE STYLING
   ============================================ */
.category-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 15px;
    padding: 20px 0;
}

.category-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: var(--bg-tertiary, #1a1a24);
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.1));
    border-radius: 12px;
    padding: 20px;
    text-decoration: none;
    transition: transform 0.2s, background 0.2s, box-shadow 0.2s;
    height: 160px;
}

.category-card:hover {
    transform: translateY(-5px);
    background: var(--bg-secondary, #252530);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    border-color: var(--accent-primary, #ff375f);
}

.category-icon {
    font-size: 3.5rem;
    margin-bottom: 15px;
    line-height: 1;
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2));
}

.category-name {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--text-primary, #fff);
    text-align: center;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Light Mode specific fixes for Categories */
html[data-theme="light"] .category-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

html[data-theme="light"] .category-card:hover {
    background: #f8fafc;
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
}

html[data-theme="light"] .category-name {
    color: #1e293b;
}

html[data-theme="dark"] .FirstList_chapterCount__OyG6t {
    color: rgba(255, 255, 255, 0.6) !important;
}

/* ============================================
   THEME TOGGLE - CLEAN ICON ONLY (NO CIRCLE)
   ============================================ */
.theme-toggle,
.theme-toggle.mobile-toggle,
.theme-toggle.desktop-toggle {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 8px !important;
    width: auto !important;
    height: auto !important;
    min-width: unset !important;
    min-height: unset !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    color: inherit !important;
    /* Follow header text color */
}

.theme-toggle:hover,
.theme-toggle:focus,
.theme-toggle:active {
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    transform: scale(1.1) !important;
    /* Slight zoom only */
}

/* ============================================
   HEADER MENU VISIBILITY (Strict Enforcement)
   ============================================ */
/* LIGHT MODE - FORCE BLACK */
html[data-theme="light"] .PcHeader_navBox__ZpLDU a,
html[data-theme="light"] .PcHeader_navBox__ZpLDU span,
html[data-theme="light"] .MHeader_navMenu__TtP3C a {
    color: #000000 !important;
    text-shadow: none !important;
}

/* DARK MODE - FORCE WHITE */
html[data-theme="dark"] .PcHeader_navBox__ZpLDU,
html[data-theme="dark"] .PcHeader_navBox__ZpLDU a,
html[data-theme="dark"] .PcHeader_navBox__ZpLDU span,
html[data-theme="dark"] .MHeader_navMenu__TtP3C a {
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) !important;
    /* Legibility fallback */
}

/* FORCE VISIBILITY ON HOME */
html[data-theme="light"] .PcHeader_navWrap__kKVZ8 {
    background-color: #ffffff !important;
    /* Ensure opaque on Home */
    z-index: 99999 !important;
}

/* Ensure Active State Color Override */
html[data-theme="light"] .MHeader_active__EE2Mx,
html[data-theme="light"] .PcHeader_navItemActive__KexnK span,
html[data-theme="light"] a.PcHeader_navItemActive__KexnK {
    color: var(--accent-primary, #ff375f) !important;
    font-weight: bold !important;
}

html[data-theme="dark"] .MHeader_active__EE2Mx,
html[data-theme="dark"] .PcHeader_navItemActive__KexnK span,
html[data-theme="dark"] a.PcHeader_navItemActive__KexnK {
    color: var(--accent-primary, #ff375f) !important;
    font-weight: bold !important;
}

/* ============================================
   RESPONSIVE & LAYOUT
   ============================================ */
@media (max-width: 768px) {
    .MHeader_headerWrap__I8s6L {
        display: block !important;
        position: relative;
        z-index: 1000;
        background: var(--bg-primary) !important;
    }

    .theme-toggle.desktop-toggle {
        display: none !important;
    }

    .theme-toggle.mobile-toggle {
        display: flex !important;
        margin: 0 !important;
    }
}

@media (min-width: 769px) {
    .MHeader_headerWrap__I8s6L {
        display: none !important;
    }

    .theme-toggle.mobile-toggle {
        display: none !important;
    }

    .theme-toggle.desktop-toggle {
        display: flex !important;
    }

    /* Force desktop background depending on mode */
    html[data-theme="light"] .PcHeader_navWrap__kKVZ8 {
        background: #ffffff !important;
    }

    html[data-theme="dark"] .PcHeader_navWrap__kKVZ8 {
        background: var(--bg-primary, #0a0a0f) !important;
    }
}

/* ============================================
   VIDEO PAGE EPISODE LIST - DARK MODE FIX
   ============================================ */
/* Episode List Container */
html[data-theme="dark"] .RightList_rightBox__9OVp0 {
    background: #161b22 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 12px !important;
}

/* Episode Tab Headers */
html[data-theme="dark"] .RightList_tabHeader__ZwNKK {
    background: transparent !important;
}

html[data-theme="dark"] .RightList_tabTitle__zvZRp {
    background: rgba(255, 255, 255, 0.05) !important;
    color: rgba(255, 255, 255, 0.7) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

html[data-theme="dark"] .RightList_tabTitleActive__ySX78,
html[data-theme="dark"] .RightList_tabTitle__zvZRp.RightList_tabTitleActive__ySX78 {
    background: linear-gradient(135deg, #ff375f, #a855f7) !important;
    color: #ffffff !important;
    border-color: transparent !important;
}

/* Episode Number Links */
html[data-theme="dark"] .RightList_linkText__86R_r {
    background: #21262d !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

html[data-theme="dark"] .RightList_linkText__86R_r:hover {
    background: rgba(255, 55, 95, 0.2) !important;
    border-color: #ff375f !important;
    color: #ff375f !important;
}

/* Episode Title & Info */
html[data-theme="dark"] .RightList_rightTop__Blgm4 {
    color: #ffffff !important;
}

html[data-theme="dark"] .RightList_title__09Jv_,
html[data-theme="dark"] .RightList_current__B8KDw {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* Related Episodes on Video Page */
html[data-theme="dark"] .relatedEpisode_relatedEpisode__l_NFQ {
    background: transparent !important;
}

html[data-theme="dark"] .relatedEpisode_relatedTitle__5tQl5 {
    color: #ffffff !important;
}

html[data-theme="dark"] .relatedEpisode_listItem__PNXFG {
    background: #161b22 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 8px !important;
}

html[data-theme="dark"] .relatedEpisode_title__eygbR,
html[data-theme="dark"] .relatedEpisode_pageNum__W_ulP {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* Video Info Section */
html[data-theme="dark"] .pcEpisode_videoInfo__PmvZz {
    background: transparent !important;
}

html[data-theme="dark"] .pcEpisode_videoTitle__3jWfu,
html[data-theme="dark"] .pcEpisode_videoDesc__w9PEx {
    color: rgba(255, 255, 255, 0.9) !important;
}

html[data-theme="dark"] .pcEpisode_tagItem__AqYwI {
    background: rgba(255, 255, 255, 0.1) !important;
    color: rgba(255, 255, 255, 0.8) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* Like List / Recommendations */
html[data-theme="dark"] .LikeList_likeListBox__EFCXK {
    background: transparent !important;
}

html[data-theme="dark"] .LikeList_likeTitle__vblmQ,
html[data-theme="dark"] .LikeList_bookName__Iz7zW,
html[data-theme="dark"] .LikeList_chapterCount__QFZzd {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* Video Main Wrapper */
html[data-theme="dark"] .Video_videoWrap__HUe7w,
html[data-theme="dark"] main.Video_videoWrap__HUe7w {
    background: var(--bg-primary, #0a0a0f) !important;
}

/* Breadcrumb */
html[data-theme="dark"] .breadcrumb_crumbItem__gzO8K,
html[data-theme="dark"] .breadcrumb_crumbItem__gzO8K a,
html[data-theme="dark"] .breadcrumb_lastTxt__cdw0_ {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* Video Header (breadcrumb wrapper) */
html[data-theme="dark"] .Video_videoHeader__rB_Ky,
html[data-theme="dark"] .breadcrumb_crumbsWrap__SWofi {
    background: transparent !important;
    color: rgba(255, 255, 255, 0.7) !important;
}

/* Episode List Container - Desktop */
html[data-theme="dark"] .RightList_tabContent__E2D_a {
    background: transparent !important;
}

/* ============================================
   MOBILE VIDEO PAGE - DARK MODE FIX
   ============================================ */
/* Mobile Episode List Container */
html[data-theme="dark"] .episodeList_epilistBox__9Jy4_,
html[data-theme="dark"] .episodeList_episodeList__dpKkk,
html[data-theme="dark"] .episodeList_episodeListBox__wHLqn {
    background: #161b22 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 12px !important;
}

/* Mobile Episode Links */
html[data-theme="dark"] .episodeList_epiOuter__kJctp {
    background: #21262d !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

html[data-theme="dark"] .episodeList_epiOuter__kJctp:hover {
    background: rgba(255, 55, 95, 0.2) !important;
    border-color: #ff375f !important;
    color: #ff375f !important;
}

/* Mobile Episode Title */
html[data-theme="dark"] .episodeList_titleLeft__Fkqc7,
html[data-theme="dark"] .episodeList_titleRight__JzF7F {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* ============================================
   EPISODE DIALOG/POPUP - DARK MODE FIX
   ============================================ */
/* Dialog Container */
html[data-theme="dark"] .EpisodeDialog_dialogContainer__JCOtQ {
    background: rgba(0, 0, 0, 0.7) !important;
}

/* Dialog Box (Main popup) */
html[data-theme="dark"] .EpisodeDialog_dialogBox__LTeoZ {
    background: #161b22 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* Dialog Header */
html[data-theme="dark"] .EpisodeDialog_headerTop__OthbP,
html[data-theme="dark"] .EpisodeDialog_topInfo__s6_g1 {
    background: transparent !important;
}

html[data-theme="dark"] .EpisodeDialog_title__lUtzm {
    color: #ffffff !important;
}

/* Dialog Tabs */
html[data-theme="dark"] .EpisodeDialog_tabs__uFL6F {
    background: rgba(255, 255, 255, 0.05) !important;
    color: rgba(255, 255, 255, 0.7) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

html[data-theme="dark"] .EpisodeDialog_tabTopActive__0NHcM,
html[data-theme="dark"] .EpisodeDialog_tabs__uFL6F.EpisodeDialog_tabTopActive__0NHcM {
    background: linear-gradient(135deg, #ff375f, #a855f7) !important;
    color: #ffffff !important;
    border-color: transparent !important;
}

/* Dialog Episode List */
html[data-theme="dark"] .EpisodeDialog_episodeList__WrvmV {
    background: transparent !important;
}

/* Dialog Episode Item */
html[data-theme="dark"] .EpisodeDialog_episodeItem__Zvsgh {
    background: #21262d !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

html[data-theme="dark"] .EpisodeDialog_episodeItem__Zvsgh:hover {
    background: rgba(255, 55, 95, 0.2) !important;
    border-color: #ff375f !important;
}

/* Mobile Video Intro Section */
html[data-theme="dark"] .videoIntro_videoIntro__3pcoH {
    background: transparent !important;
}

html[data-theme="dark"] .videoIntro_videoTit__bwDWf,
html[data-theme="dark"] .videoIntro_videoScore__1dld9,
html[data-theme="dark"] .videoIntro_videoDesc__XXXXX {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* Mobile Video Page Main Wrapper */
html[data-theme="dark"] .Video_videoWrap__HUe7w,
html[data-theme="dark"] main {
    background: var(--bg-primary, #0a0a0f) !important;
}

/* ============================================
   DRAMA DETAIL PAGE - DARK MODE FIX
   ============================================ */
/* Main Wrappers */
html[data-theme="dark"] .film_detailWrap__N7Nge,
html[data-theme="dark"] .film_container__I8GPO,
html[data-theme="dark"] .film_detailBox__pdSWY {
    background: var(--bg-primary, #0a0a0f) !important;
    color: rgba(255, 255, 255, 0.9) !important;
}

html[data-theme="dark"] .film_detailHeader__oxs7K {
    background: transparent !important;
}

/* Drama Title & Info */
html[data-theme="dark"] .film_bookName__ys_T3,
html[data-theme="dark"] .film_pcEpiNum__9Ja7z,
html[data-theme="dark"] .film_pcIntro__BB1Ox {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* Drama Tags */
html[data-theme="dark"] .film_tagBox__XSPYj,
html[data-theme="dark"] .film_tagItem__qLwLn {
    background: rgba(255, 255, 255, 0.1) !important;
    color: rgba(255, 255, 255, 0.8) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* Introduction Section */
html[data-theme="dark"] .film_introBox__HQyUv,
html[data-theme="dark"] .film_introTitle__75SR3,
html[data-theme="dark"] .ellipsisIntro_retractIntroBox__T4pgA {
    background: transparent !important;
    color: rgba(255, 255, 255, 0.85) !important;
}

/* Episode List Box (Drama Page) */
html[data-theme="dark"] .pcSeries_episodeListBox___2nz2 {
    background: #161b22 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 12px !important;
}

html[data-theme="dark"] .pcSeries_topInfo__CbWQV {
    background: transparent !important;
}

html[data-theme="dark"] .pcSeries_episodeTitle__9I5WJ,
html[data-theme="dark"] .pcSeries_allCounts__Dp5zX {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* Episode List Items */
html[data-theme="dark"] .pcSeries_listInfo__6ay2n {
    background: transparent !important;
}

html[data-theme="dark"] .pcSeries_listItem__sd0Xp {
    background: #21262d !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

html[data-theme="dark"] .pcSeries_listItem__sd0Xp:hover {
    background: #2d333b !important;
    border-color: #ff375f !important;
}

html[data-theme="dark"] .pcSeries_rightIntro__UFC_8,
html[data-theme="dark"] .pcSeries_title__R9vip,
html[data-theme="dark"] .pcSeries_pageNum__xkXBk {
    color: rgba(255, 255, 255, 0.9) !important;
    background: transparent !important;
}

/* Mobile Episode Nav (Drama Page) */
html[data-theme="dark"] .film_episodeNav__1qS0c,
html[data-theme="dark"] .film_catalogBox__0DHTA {
    background: #161b22 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

html[data-theme="dark"] .film_leftInfo__g7WQX,
html[data-theme="dark"] .film_innerPt__dVDtN,
html[data-theme="dark"] .film_innerPl__Ar2O5 {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* Share Section & Buttons */
html[data-theme="dark"] .share_shareBox__barw_,
html[data-theme="dark"] .share_shareLabel___KuFi,
html[data-theme="dark"] .wapShare_shareBox__wiw2s,
html[data-theme="dark"] .wapShare_shareLabel__5ftlF {
    background: transparent !important;
    background-color: transparent !important;
    color: rgba(255, 255, 255, 0.7) !important;
}

html[data-theme="dark"] .wapShare_shareIconBox__we_P_ button {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
}

/* ============================================
   FIX: EPISODE DIALOG (POPUP LIST)
   ============================================ */
/* Dialog Container Background - Force Override */
html[data-theme="dark"] .EpisodeDialog_dialogBox__LTeoZ,
html[data-theme="dark"] .EpisodeDialog_headerTop__OthbP {
    background: #161b22 !important;
    background-color: #161b22 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
}

/* Dialog Title & Text */
html[data-theme="dark"] .EpisodeDialog_title__lUtzm,
html[data-theme="dark"] .EpisodeDialog_tabs__uFL6F {
    color: #ffffff !important;
}

/* Tabs Divider */
html[data-theme="dark"] .EpisodeDialog_tabs__uFL6F:after {
    background-color: rgba(255, 255, 255, 0.3) !important;
    color: rgba(255, 255, 255, 0.3) !important;
}

/* Close Icon Invert */
html[data-theme="dark"] .EpisodeDialog_closeIcon__7oU_s {
    filter: invert(1) brightness(100%) !important;
}

/* Episode Items Grid */
html[data-theme="dark"] .EpisodeDialog_episodeItem__Zvsgh {
    background: #21262d !important;
    background-color: #21262d !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: rgba(255, 255, 255, 0.9) !important;
}

html[data-theme="dark"] .EpisodeDialog_episodeItem__Zvsgh:hover {
    background: #30363d !important;
    background-color: #30363d !important;
    border-color: #ff375f !important;
}

/* Active Episode Item */
html[data-theme="dark"] .EpisodeDialog_episodeItemActive__4Qf9i {
    color: #ff375f !important;
    border-color: #ff375f !important;
    background: rgba(255, 55, 95, 0.1) !important;
    background-color: rgba(255, 55, 95, 0.1) !important;
}

/* Locked Episode Item */
html[data-theme="dark"] .EpisodeDialog_episodeItemLock__y4bx2 {
    color: rgba(255, 255, 255, 0.4) !important;
}

/* ============================================
   FIX: INVISIBLE ARROW ICON ON HOME PAGE
   The base image is BLACK, so we need to ensure
   no filter is applied that would hide it.
   Instead, we use filter: brightness(0) invert(1)
   to convert black image to white.
   ============================================ */
html[data-theme="dark"] .HomeTitle_moreIcon__YSYVH,
html[data-theme="dark"] .HomeTitle_moreIcon__YSYVH img,
html[data-theme="dark"] a.HomeTitle_moreIcon__YSYVH img {
    filter: brightness(0) invert(1) !important;
}

/* ============================================
   MOBILE HEADER FIX (Ad + Nav Overlap)
   ============================================ */
@media (max-width: 768px) {

    /* 1. Push content down to clear fixed header (requested 1rem) */
    body,
    #__next,
    .Video_videoWrap__HUe7w,
    .home_homeWrap__OOn8U {
        padding-top: 1rem !important;
    }

    /* 2. Header Container: Auto height to fit children, Fixed top */
    .MHeader_headerWrap__I8s6L {
        position: fixed !important;
        top: 0;
        left: 0;
        width: 100%;
        height: auto !important;
        z-index: 9999 !important;
        background: transparent !important;
    }

    /* 3. Button Fit: Prevent text wrap */
    .headerAd_openBtn__krDOn {
        width: auto !important;
        /* Allow growing */
        min-width: 130px !important;
        padding: 0 10px !important;
        white-space: nowrap !important;
        font-size: 14px !important;
        line-height: normal !important;
        height: 40px !important;
        /* Visual consistency */
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        pointer-events: auto !important;
        /* Ensure clickable */
        z-index: 2000000 !important;
    }

    /* 4. Ensure Ad Banner is ABOVE Nav Bar visually */
    .headerAd_headerAdWrap__R4ORw {
        position: relative !important;
        z-index: 10005 !important;
        height: auto !important;
        min-height: 60px;
        padding: 5px 10px !important;
    }

    /* 5. Nav Bar below Ad */
    .MHeader_homeHeaderBox__sT00I {
        position: relative !important;
        z-index: 10000 !important;
        top: 0 !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 0 10px !important;
    }

    /* 6. Logo Container (Left) */
    .MHeader_navMenu__TtP3C {
        flex: 1 !important;
        display: flex !important;
        align-items: center !important;
        height: auto !important;
    }

    .MHeader_headerContent__k3oyE {
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        width: auto !important;
        height: auto !important;
        position: relative !important;
    }

    .MHeader_headerContent__k3oyE img {
        width: 120px !important;
        /* Force legitimate width */
        height: auto !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    /* 7. Right Side (Language + Search + Theme) */
    .MHeader_navRight__vPNZu {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
    }

    /* 8. Theme Toggle Visibility */
    .theme-toggle.mobile-toggle {
        display: flex !important;
        position: static !important;
        /* Don't float away */
        width: 32px !important;
        height: 32px !important;
        margin-left: 10px !important;
        background: transparent !important;
        border: 1px solid rgba(0, 0, 0, 0.1) !important;
        font-size: 20px !important;
        color: #333 !important;
        /* Visible on white */
        justify-content: center !important;
        align-items: center !important;
    }
}