/* ============================================================
   A1_IGAMING - Fixed Header (Slim)
   Header tetap fixed, tetapi tinggi dipersempit.
   ============================================================ */

.page {
    /* Harus sama dengan tinggi header */
    padding-top: 72px;
}

.site-header {
    position: fixed;
    top: 0;
    left: 50%;
    z-index: 5000;

    width: min(100%, 480px);
    height: 72px;

    display: flex;
    align-items: center;

    /* Horizontal padding tetap, vertical padding 0 */
    padding: 0 18px;

    background: #000;
    border-bottom: 1px solid #818285;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .42);

    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);

    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.site-header__logo {
    /* Lebar logo dipertahankan */
    width: 210px;
    height: auto;

    /* Biar logo tidak memaksa header jadi tinggi */
    max-height: 60px;

    object-fit: contain;
    object-position: left center;
}

@media (max-width: 360px) {
    .page {
        padding-top: 68px;
    }

    .site-header {
        height: 68px;
        padding: 0 14px;
    }

    .site-header__logo {
        width: 190px;
        max-height: 56px;
    }
}