/* ANAGATA88 — LOGO FINAL / WIDE HEADER OVERRIDE
   Scope: HEADER LOGO ONLY.
   No balance, game, API, menu, or page logic is changed. */

/* Remove every legacy top-logo / logo-space element that may still exist. */
.anagata-logo-top,
.anagata-top-logo,
.logo-top-space,
.logo-top-banner,
.top-logo-banner,
.top-logo-space,
.hero-logo-space,
.hero-logo-banner,
.site-top-logo,
.home-top-logo,
.header-logo-space,
.logo-hero-space,
.logo-hero-banner,
#anagataTopLogo,
#topLogoSpace {
    display:none!important;
    width:0!important;
    height:0!important;
    min-width:0!important;
    min-height:0!important;
    max-width:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
}

/* Remove the old blank area above the site header. */
html,
body {
    margin-top:0!important;
}
body:not(.empty-layout),
body.has-apk-download-notification {
    padding-top:0!important;
}
body.has-apk-download-notification .site-menu {
    top:0!important;
}

.total-header {
    position:sticky!important;
    top:0!important;
    margin-top:0!important;
    z-index:1000!important;
}
.total-header-inner {
    margin-top:0!important;
}

/*
 * IMPORTANT:
 * The previous 190px limit made the logo look tiny even though the header
 * still had unused space. The logo column now consumes the available space
 * before the balance/deposit/menu controls, so the real logo becomes wide
 * and clearly visible without creating a second top area.
 */
.total-logo {
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex:1 1 auto!important;
    min-width:0!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    line-height:0!important;
    overflow:visible!important;
}

.total-logo img {
    display:block!important;
    width:min(330px,100%)!important;
    max-width:330px!important;
    height:58px!important;
    max-height:58px!important;
    object-fit:contain!important;
    object-position:left center!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
}

.total-logo span {
    display:none!important;
}

/* Keep the action controls at their normal size and prevent the logo from
   pushing them outside the viewport. */
.total-actions,
.total-burger {
    flex:0 0 auto!important;
}

@media (max-width:768px) {
    .total-header {
        height:68px!important;
    }

    .total-header-inner {
        padding-left:8px!important;
        padding-right:8px!important;
        gap:8px!important;
    }

    .total-logo {
        flex:1 1 auto!important;
        min-width:0!important;
    }

    .total-logo img {
        width:min(330px,100%)!important;
        max-width:330px!important;
        height:58px!important;
        max-height:58px!important;
    }

    .total-sidebar {
        top:68px!important;
        height:calc(100vh - 68px)!important;
    }
}

@media (max-width:520px) {
    .total-header {
        height:66px!important;
    }

    .total-header-inner {
        padding-left:8px!important;
        padding-right:8px!important;
        gap:8px!important;
    }

    /* Wide enough to visibly fill the free area on the left, but still
       leaves the IDR / Deposit / Menu controls untouched. */
    .total-logo img {
        width:min(300px,100%)!important;
        max-width:300px!important;
        height:56px!important;
        max-height:56px!important;
    }
}

@media (max-width:400px) {
    .total-logo img {
        width:min(275px,100%)!important;
        max-width:275px!important;
        height:54px!important;
        max-height:54px!important;
    }
}