*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:#0d0f13;color:#f4f5f7;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.container{width:100%;max-width:1320px;margin:auto;padding-left:18px;padding-right:18px}.site-header{position:sticky;top:0;z-index:1000;background:rgba(9,11,15,.97);border-bottom:1px solid #292f38;backdrop-filter:blur(12px)}.site-nav{min-height:72px}.nav-inner{min-height:72px;display:flex;align-items:center}.navbar-brand{display:flex;align-items:center;gap:9px;margin-right:28px;font-size:25px;font-weight:850;letter-spacing:-.8px}.brand-mark{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;background:#e50914;color:#fff}.brand-text{color:#f2f4f6}.brand-text span,.footer-brand span{color:#ef3340}.navbar-menu{display:flex;align-items:center;flex:1}.main-nav{display:flex;align-items:center;gap:3px;margin:0;padding:0;list-style:none}.nav-link{display:flex;align-items:center;gap:7px;padding:10px 12px;color:#b9c0ca!important;border-radius:8px;font-size:14px;font-weight:600;white-space:nowrap}.nav-link:hover,.nav-link.active{color:#fff!important;background:#191d24}.nav-chevron{font-size:9px;margin-left:1px}.has-dropdown{position:relative}.dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;display:none;min-width:190px;margin:0;padding:7px;list-style:none;background:#161a20;border:1px solid #292f38;border-radius:10px;box-shadow:0 15px 40px rgba(0,0,0,.35)}.has-dropdown:hover>.dropdown-menu,.has-dropdown:focus-within>.dropdown-menu{display:block}.dropdown-menu a{display:block;padding:9px 11px;color:#c6ccd5;border-radius:7px}.dropdown-menu a:hover{color:#fff;background:#232832}.search-form{width:270px;margin-left:auto}.search-box{display:flex;height:42px;overflow:hidden;background:#15181e;border:1px solid #292f38;border-radius:9px}.search-box input{width:100%;min-width:0;padding:0 12px;color:#fff;background:transparent;border:0;outline:0}.search-box input::placeholder{color:#737b87}.search-box button{width:45px;flex:0 0 45px;color:#9ba2ad;background:transparent;border:0}.search-box button:hover{color:#fff}.navbar-toggler{display:none;margin-left:auto;color:#fff;background:transparent;border:1px solid #292f38;border-radius:8px;padding:7px 10px;font-size:20px}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}#main-content{min-height:calc(100vh - 72px - 260px)}.hero-section{padding:32px 0 8px}.hero-card{position:relative;overflow:hidden;min-height:310px;display:flex;align-items:center;padding:48px;background:radial-gradient(circle at 85% 50%,rgba(229,9,20,.14),transparent 30%),linear-gradient(135deg,#171b22,#11141a);border:1px solid #292f38;border-radius:14px}.hero-content{position:relative;z-index:2;max-width:720px}.eyebrow,.section-kicker{color:#ef3340;font-size:12px;font-weight:800;letter-spacing:1px}.hero-card h1{margin:10px 0 12px;color:#fff;font-size:clamp(32px,5vw,56px);line-height:1.05;font-weight:850;letter-spacing:-1.7px}.hero-card p{max-width:650px;margin:0;color:#9299a5}.hero-actions{display:flex;gap:10px;margin-top:24px}.btn-accent,.btn-ghost{display:inline-flex;align-items:center;gap:8px;padding:10px 17px;border-radius:9px;font-weight:700}.btn-accent{color:#fff;background:#e50914}.btn-accent:hover{color:#fff;background:#ff1b27}.btn-ghost{color:#d7dbe1;background:#20242c;border:1px solid #292f38}.btn-ghost:hover{color:#fff;background:#292e37}.hero-icon{position:absolute;right:8%;color:rgba(255,255,255,.035);font-size:220px;line-height:1}.section-block{padding-top:34px;padding-bottom:55px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.section-heading h2{margin:4px 0 0;color:#fff;font-size:25px;font-weight:800}.section-more{color:#aab1bc;font-size:14px;font-weight:600}.section-more:hover{color:#fff}.empty-state{padding:60px 25px;text-align:center;background:#12151b;border:1px solid #292f38;border-radius:14px}.empty-state>i{display:block;margin-bottom:15px;color:#6e7682;font-size:40px}.empty-state h1,.empty-state h3{margin-bottom:8px;color:#fff}.empty-state p{max-width:620px;margin:0 auto;color:#9299a5}.site-footer{background:#090b0f;border-top:1px solid #292f38}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px;padding-top:48px;padding-bottom:35px}.footer-brand{margin:0 0 10px;font-size:22px;font-weight:850}.footer-grid section p,.footer-grid li a{color:#9299a5;font-size:14px}.footer-grid section p{max-width:520px}.footer-grid nav h2{margin:0 0 12px;font-size:15px}.footer-grid ul{margin:0;padding:0;list-style:none}.footer-grid li{margin-bottom:7px}.footer-grid li a:hover{color:#fff}.footer-bottom{padding-top:18px;padding-bottom:18px;border-top:1px solid #292f38}.footer-bottom p{margin:0;color:#7f8793;text-align:center;font-size:13px}.admin-placeholder{padding-top:80px}@media(max-width:991px){.site-nav,.nav-inner{min-height:64px}.navbar-toggler{display:block}.navbar-menu{display:none;position:absolute;top:64px;left:0;right:0;padding:12px 18px 18px;background:#090b0f;border-bottom:1px solid #292f38}.navbar-menu.open{display:block}.main-nav{display:block}.nav-link{padding:11px 10px}.search-form{width:100%;margin-top:12px}.has-dropdown .dropdown-menu{position:static;margin:3px 0 5px}.hero-card{padding:35px 28px}.hero-icon{right:-30px;font-size:170px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid section{grid-column:1/-1}}@media(max-width:575px){.container{padding-left:15px;padding-right:15px}.hero-section{padding-top:18px}.hero-card{min-height:330px;padding:30px 22px}.hero-card h1{font-size:34px}.hero-icon{right:-45px;bottom:-15px;font-size:150px}.hero-actions{flex-wrap:wrap}.section-heading{align-items:center}.footer-grid{grid-template-columns:1fr 1fr;gap:30px 20px}}

.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:0 11px;color:#b9c0ca;background:#15181e;border:1px solid #292f38;border-radius:9px;cursor:pointer}.theme-toggle:hover{color:#fff;background:#20252e}


/* =========================================================
   PHIM18 THEME FIX
   High-priority theme variables
========================================================= */

:root {
    --theme-bg: #0d0f13;
    --theme-header: #090b0f;
    --theme-surface: #12151b;
    --theme-card: #181c23;
    --theme-hover: #20252e;
    --theme-border: #292f38;
    --theme-text: #f4f5f7;
    --theme-muted: #9299a5;
}

html[data-theme="light"] {
    --theme-bg: #f4f6f8;
    --theme-header: #ffffff;
    --theme-surface: #ffffff;
    --theme-card: #ffffff;
    --theme-hover: #eef1f4;
    --theme-border: #dfe3e8;
    --theme-text: #171a1e;
    --theme-muted: #68717c;
}

html[data-theme="dark"] {
    --theme-bg: #0d0f13;
    --theme-header: #090b0f;
    --theme-surface: #12151b;
    --theme-card: #181c23;
    --theme-hover: #20252e;
    --theme-border: #292f38;
    --theme-text: #f4f5f7;
    --theme-muted: #9299a5;
}

html[data-theme="light"] body {
    background: var(--theme-bg) !important;
    color: var(--theme-text) !important;
}

html[data-theme="light"] .site-header {
    background: var(--theme-header) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="light"] .site-footer {
    background: var(--theme-header) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="light"] .nav-link {
    color: var(--theme-muted) !important;
}

html[data-theme="light"] .nav-link:hover,
html[data-theme="light"] .nav-link.active {
    color: var(--theme-text) !important;
    background: var(--theme-hover) !important;
}

html[data-theme="light"] .navbar-toggler {
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="light"] .navbar-menu {
    background: var(--theme-header) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="light"] .dropdown-menu {
    background: var(--theme-card) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="light"] .dropdown-menu a {
    color: var(--theme-muted) !important;
}

html[data-theme="light"] .dropdown-menu a:hover {
    color: var(--theme-text) !important;
    background: var(--theme-hover) !important;
}

html[data-theme="light"] .search-box,
html[data-theme="light"] .theme-toggle {
    background: var(--theme-surface) !important;
    border-color: var(--theme-border) !important;
    color: var(--theme-muted) !important;
}

html[data-theme="light"] .search-box input {
    color: var(--theme-text) !important;
}

html[data-theme="light"] .search-box input::placeholder {
    color: var(--theme-muted) !important;
}

html[data-theme="light"] .theme-toggle:hover {
    color: var(--theme-text) !important;
    background: var(--theme-hover) !important;
}

html[data-theme="light"] .hero-card {
    background: linear-gradient(135deg, #ffffff, #eef1f4) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="light"] .hero-card h1,
html[data-theme="light"] .section-heading h2,
html[data-theme="light"] .movie-title,
html[data-theme="light"] .footer-brand,
html[data-theme="light"] .footer-grid nav h2 {
    color: var(--theme-text) !important;
}

html[data-theme="light"] .hero-card p,
html[data-theme="light"] .section-more,
html[data-theme="light"] .footer-grid section p,
html[data-theme="light"] .footer-grid li a,
html[data-theme="light"] .footer-bottom p {
    color: var(--theme-muted) !important;
}

html[data-theme="light"] .movie-poster,
html[data-theme="light"] .empty-state {
    background: var(--theme-card) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="light"] .movie-title {
    color: var(--theme-text) !important;
}

html[data-theme="light"] .footer-bottom {
    border-color: var(--theme-border) !important;
}

.theme-toggle {
    cursor: pointer;
    user-select: none;
}

/* Theme switch: compact icon button immediately left of search */
.nav-actions{display:flex;align-items:center;gap:9px;margin-left:auto}
.theme-toggle{
    width:42px;
    height:42px;
    flex:0 0 42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0;
    color:#cbd1da;
    background:#15181e;
    border:1px solid #292f38;
    border-radius:9px;
    cursor:pointer;
    font-size:16px;
}
.theme-toggle:hover{color:#fff;background:#20252e}
html[data-theme="light"] .theme-toggle{
    color:#303740;
    background:#fff;
    border-color:#dfe3e8;
}
html[data-theme="light"] .theme-toggle:hover{background:#eef1f4;color:#16191d}

/* Force the complete light palette */
html[data-theme="light"] body{background:#f4f6f8!important;color:#171a1e!important}
html[data-theme="light"] .site-header,
html[data-theme="light"] .site-footer{background:#fff!important;border-color:#dfe3e8!important}
html[data-theme="light"] .hero-card{background:linear-gradient(135deg,#fff,#eef1f4)!important;border-color:#dfe3e8!important}
html[data-theme="light"] .movie-poster,
html[data-theme="light"] .empty-state{background:#fff!important;border-color:#dfe3e8!important}
html[data-theme="light"] .movie-title,
html[data-theme="light"] .section-heading h2,
html[data-theme="light"] .footer-brand{color:#171a1e!important}
html[data-theme="light"] .hero-card p,
html[data-theme="light"] .section-more,
html[data-theme="light"] .footer-grid section p,
html[data-theme="light"] .footer-grid li a,
html[data-theme="light"] .footer-bottom p{color:#68717c!important}

/* =========================================================
   PHIM18 - CLEAN THEME BUTTON
   Theme button is always directly LEFT of search.
========================================================= */

.nav-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    margin-left: auto !important;
    flex: 0 0 auto !important;
}

.theme-toggle {
    appearance: none !important;
    -webkit-appearance: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 38px !important;
    width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid #292f38 !important;
    border-radius: 9px !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: #15181e !important;
    color: #b9c0ca !important;
    font-size: 16px !important;
    line-height: 1 !important;
    cursor: pointer !important;
}

.theme-toggle:hover {
    background: #20252e !important;
    color: #fff !important;
}

.theme-toggle:focus-visible {
    outline: 2px solid rgba(229, 9, 20, .55) !important;
    outline-offset: 2px !important;
}

.theme-toggle i {
    display: block !important;
    font-size: 16px !important;
    line-height: 1 !important;
    pointer-events: none !important;
}

.search-form {
    flex: 0 0 270px !important;
    width: 270px !important;
    margin: 0 !important;
}

html[data-theme="light"] .theme-toggle {
    background: #fff !important;
    border-color: #dfe3e8 !important;
    color: #4f5863 !important;
}

html[data-theme="light"] .theme-toggle:hover {
    background: #eef1f4 !important;
    color: #16191d !important;
}

@media (max-width: 1199px) {
    .search-form {
        flex-basis: 220px !important;
        width: 220px !important;
    }
}

@media (max-width: 991px) {
    .nav-actions {
        display: flex !important;
        align-items: center !important;
        gap: 9px !important;
        width: 100% !important;
        margin: 12px 0 0 !important;
    }

    .theme-toggle {
        flex: 0 0 38px !important;
        width: 38px !important;
    }

    .search-form {
        flex: 1 1 auto !important;
        width: auto !important;
    }
}

@media (max-width: 575px) {
    .nav-actions {
        gap: 8px !important;
    }

    .theme-toggle {
        flex-basis: 38px !important;
        width: 38px !important;
        height: 38px !important;
    }
}


/* =========================================================
   PHIM18 SINGLE POST
========================================================= */

.single-page{
    padding:34px 0 70px;
}

.breadcrumb-nav{
    display:flex;
    align-items:center;
    gap:8px;
    color:var(--text-muted,#9299a3);
    font-size:13px;
    margin-bottom:22px;
}

.breadcrumb-nav a{
    color:var(--accent,#e50914);
}

.single-header{
    display:grid;
    grid-template-columns:240px minmax(0,1fr);
    gap:30px;
    padding:26px;
    border:1px solid var(--border,#292e38);
    border-radius:var(--radius,12px);
    background:var(--bg-card,#181b22);
}

.single-poster-wrap{
    min-width:0;
}

.single-poster{
    display:block;
    width:100%;
    aspect-ratio:2 / 3;
    height:auto;
    object-fit:cover;
    border-radius:10px;
    background:#111;
    border:1px solid var(--border,#292e38);
}

.single-poster-placeholder{
    display:flex;
    align-items:center;
    justify-content:center;
    color:#707783;
    font-size:42px;
}

.single-info{
    min-width:0;
    padding-top:8px;
}

.single-info h1{
    margin:8px 0 16px;
    font-size:clamp(30px,4vw,48px);
    line-height:1.08;
    letter-spacing:-.025em;
}

.single-stats{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:18px;
}

.single-stats span{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:7px 10px;
    border:1px solid var(--border,#292e38);
    border-radius:7px;
    background:var(--bg-input,#171a20);
    color:var(--text-main,#f1f3f5);
    font-size:13px;
}

.single-stats i{
    color:#e50914;
}

.single-tags{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-bottom:20px;
}

.single-tags a{
    padding:6px 10px;
    border-radius:999px;
    background:rgba(229,9,20,.12);
    border:1px solid rgba(229,9,20,.28);
    color:var(--text-main,#f1f3f5);
    font-size:12px;
}

.single-description{
    color:var(--text-muted,#a0a7b1);
    font-size:15px;
    line-height:1.85;
}

.single-player-section{
    margin-top:32px;
}

.single-player{
    width:100%;
    overflow:hidden;
    border:1px solid var(--border,#292e38);
    border-radius:var(--radius,12px);
    background:#000;
    aspect-ratio:16 / 9;
}

.single-player iframe{
    display:block;
    width:100% !important;
    height:100% !important;
    min-height:420px;
    border:0;
}

@media(max-width:767px){

    .single-page{
        padding-top:22px;
    }

    .single-header{
        grid-template-columns:130px minmax(0,1fr);
        gap:18px;
        padding:16px;
    }

    .single-info{
        padding-top:0;
    }

    .single-info h1{
        font-size:25px;
    }

    .single-description{
        font-size:14px;
        line-height:1.7;
    }

    .single-player{
        aspect-ratio:16 / 10;
    }

    .single-player iframe{
        min-height:260px;
    }
}

@media(max-width:480px){

    .single-header{
        grid-template-columns:1fr;
    }

    .single-poster{
        max-width:190px;
        margin:0 auto;
    }
}



/* =========================================================
   PHIM18 - SINGLE POST CLEAN LAYOUT
   Player is intentionally not styled here.
========================================================= */

.single-page{
    padding:24px 0 70px;
}

.single-page .container{
    max-width:1100px;
}

/* Breadcrumb */

.breadcrumb-nav{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:7px;
    margin:0 0 18px;
    color:var(--text-muted,#9299a3);
    font-size:13px;
    line-height:1.5;
}

.breadcrumb-nav a{
    color:var(--accent,#e50914);
    text-decoration:none;
}

.breadcrumb-nav a:hover{
    text-decoration:underline;
}

/* Player wrapper only */

.single-player-section{
    width:100%;
    margin:0 0 28px;
}

/* Main information */

.single-content{
    width:100%;
    max-width:900px;
    margin:0 auto;
}

.single-description a {
    color: #e50914 !important;
    text-decoration: none !important;
}

.single-description a:hover {
    color: #ff4d4d !important;
    text-decoration: underline !important;
}

.single-title-block{
    margin:0;
    padding:0 0 22px;
    border-bottom:1px solid var(--border,#292e38);
}

.single-title{
    margin:7px 0 13px;
    font-size:clamp(27px,4vw,42px);
    line-height:1.16;
    font-weight:800;
    letter-spacing:-.02em;
    overflow-wrap:anywhere;
}

.single-stats{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
}

.single-stats span{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:6px 10px;
    border:1px solid var(--border,#292e38);
    border-radius:7px;
    background:var(--bg-input,#171a20);
    color:var(--text-main,#f1f3f5);
    font-size:13px;
    line-height:1;
}

.single-stats i{
    color:#e50914;
    font-size:12px;
}

/* Description */

.single-description-section{
    padding:23px 0 22px;
    border-bottom:1px solid var(--border,#292e38);
}

.single-section-title{
    margin:0 0 11px;
    font-size:18px;
    line-height:1.3;
    font-weight:700;
}

.single-description{
    color:var(--text-muted,#a0a7b1);
    font-size:15px;
    line-height:1.85;
    overflow-wrap:anywhere;
}

/* Tags */

.single-tags-section{
    padding:20px 0 0;
}

.single-tags{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;
}

.single-tags a{
    display:inline-flex;
    align-items:center;
    min-height:31px;
    box-sizing:border-box;
    padding:5px 11px;
    border:1px solid rgba(229,9,20,.28);
    border-radius:999px;
    background:rgba(229,9,20,.10);
    color:var(--text-main,#f1f3f5);
    font-size:12px;
    line-height:1.3;
    text-decoration:none;
    transition:background .15s ease,border-color .15s ease;
}

.single-tags a:hover{
    background:rgba(229,9,20,.18);
    border-color:rgba(229,9,20,.45);
}

/* Accessibility helper */

.visually-hidden{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    padding:0 !important;
    margin:-1px !important;
    overflow:hidden !important;
    clip:rect(0,0,0,0) !important;
    white-space:nowrap !important;
    border:0 !important;
}

/* Light theme */

html[data-theme="light"] .single-title-block,
html[data-theme="light"] .single-description-section{
    border-color:var(--border,#dfe3e8);
}

html[data-theme="light"] .single-stats span{
    background:#f7f8fa;
}

/* Mobile */

@media(max-width:767px){

    .single-page{
        padding:18px 0 50px;
    }

    .single-page .container{
        width:100%;
    }

    .breadcrumb-nav{
        margin-bottom:14px;
        padding:0 2px;
        font-size:12px;
    }

    .single-player-section{
        margin-bottom:22px;
    }

    .single-content{
        max-width:none;
    }

    .single-title-block{
        padding-bottom:18px;
    }

    .single-title{
        margin-top:6px;
        font-size:25px;
        line-height:1.2;
    }

    .single-stats{
        gap:7px;
    }

    .single-stats span{
        padding:6px 9px;
        font-size:12px;
    }

    .single-description-section{
        padding:19px 0;
    }

    .single-section-title{
        font-size:17px;
    }

    .single-description{
        font-size:14px;
        line-height:1.75;
    }

    .single-tags-section{
        padding-top:18px;
    }

    .single-tags{
        gap:6px;
    }

    .single-tags a{
        min-height:29px;
        padding:5px 9px;
        font-size:11px;
    }
}





/* =========================================================
   MOBILE HEADER SEARCH
   Desktop search tetap seperti semula.
   Mobile memakai icon search baru.
========================================================= */

/* Icon search mobile: default tersembunyi */
.mobile-search-toggle {
    display: none !important;
}


/* =========================================================
   MOBILE
========================================================= */

html.mobile-device .nav-inner {
    position: relative;
}

/* Urutan:
   Logo -> Theme -> Search -> Hamburger
*/

html.mobile-device .navbar-brand {
    order: 1;
    margin-right: 0;
}

html.mobile-device .nav-actions {
    order: 2;
    width: auto !important;
    margin: 0 8px 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    flex: 0 0 auto !important;
}

html.mobile-device .theme-toggle {
    order: 3 !important;
    flex: 0 0 38px !important;
    width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Search lama desktop -> HIDE di mobile */
html.mobile-device .nav-actions .search-form {
    display: none !important;
}

/* Icon search baru */
html.mobile-device .mobile-search-toggle {
    order: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #b9c0ca !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 9px !important;
    outline: 0 !important;
    box-shadow: none !important;
    cursor: pointer !important;
    font-size: 18px !important;
    line-height: 1 !important;
}

html.mobile-device .mobile-search-toggle:hover {
    color: #fff !important;
    background: #20252e !important;
}

html.mobile-device .mobile-search-toggle i {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 18px !important;
    line-height: 1 !important;
    pointer-events: none !important;
}

/* Hamburger */
html.mobile-device .navbar-toggler {
    order: 3 !important;
    margin-left: 0 !important;
}


/* =========================================================
   MOBILE SEARCH BOX TERBUKA
========================================================= */

html.mobile-device .search-form.mobile-search-open {
    display: block !important;
    position: absolute !important;

    /* Tepat di bawah header */
    top: 64px !important;

    /* FULL WIDTH */
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    flex: none !important;
    z-index: 1100 !important;
}

html.mobile-device .search-form.mobile-search-open .search-box {
    display: flex !important;
    width: 100% !important;
    height: 42px !important;

    background: #15181e !important;
    border: 1px solid #292f38 !important;
    border-radius: 9px !important;
    overflow: hidden !important;
}

html.mobile-device .search-form.mobile-search-open .search-box input {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 40px !important;

    padding: 0 12px !important;

    color: #fff !important;
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
}

html.mobile-device .search-form.mobile-search-open .search-box button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 45px !important;
    min-width: 45px !important;
    height: 40px !important;

    flex: 0 0 45px !important;
    padding: 0 !important;

    color: #9ba2ad !important;
    background: transparent !important;
    border: 0 !important;
}


/* =========================================================
   DESKTOP
========================================================= */

@media (min-width: 992px) {

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

    .search-form,
    .theme-toggle,
    .nav-actions {
        position: static;
    }
}

@media (max-width: 575px) {
    .site-header .container {
        padding-left: 1px !important;
        padding-right: 1px !important;
    }
}