/* Mobil: alt tab bar viewport ile hizalansın; içerik tab'ın altında kalmasın (100vh / sabit footer satırı sorunları). */
html.is-mobile,
html.is-mobile body {
    min-height: 100vh;
    min-height: 100dvh;
}

html.is-mobile #root.layout-bc {
    min-height: 100vh;
    min-height: 100dvh;
    padding: 2px;
    box-sizing: border-box;
}

html.is-mobile .layout-bc:not(.hide-tab-navigation-footer-mobile) .layout-content-holder-bc {
    padding-bottom: calc(var(--tab-navigation-height, 49px) + env(safe-area-inset-bottom, 0px));
}

html.is-mobile .popup-holder-bc .popup-middleware-bc {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
    min-height: 100% !important;
}

/* Betslip / hızlı bahis mesaj çubuğu: sol şerit kaldır, köşe yuvarlaklığı yok */
.quickBetMsgWrapper-bc {
    border-radius: 0 !important;
}

.quickBetMsgWrapper-bc.betslip-success-message,
.quickBetMsgWrapper-bc.betslip-error-message,
.quickBetMsgWrapper-bc.betslip-warning-message,
.quickBetMsgWrapper-bc.betslip-info-message {
    border-left: 0 !important;
    border-inline-start: 0 !important;
}

/*
 * Kupon başarı/hata bildirimi (react-toastify) — mobilde varsayılan
 * `bottom-center` pozisyonu kupon panelinin ARKASINDA kalıyordu. Toast'ı
 * ekranın üst kısmına alıp z-index'i en üste sabitliyoruz.
 */
.Toastify__toast-container,
.Toastify__toast-container--bottom-center,
.Toastify__toast-container--bottom-left,
.Toastify__toast-container--bottom-right,
.Toastify__toast-container--top-center,
.Toastify__toast-container--top-left,
.Toastify__toast-container--top-right {
    top: calc(env(safe-area-inset-top, 0px) + 12px) !important;
    bottom: auto !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    width: min(96vw, 480px) !important;
    max-width: 96vw !important;
    padding: 0 !important;
    z-index: 2147483647 !important; /* int32 max — her şeyin üstünde */
    pointer-events: none; /* arkadaki UI'yı bloklamasın */
}

.Toastify__toast-container .Toastify__toast {
    pointer-events: auto;
    margin: 6px auto !important;
    border-radius: 10px !important;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35) !important;
    min-height: 52px !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
}

/* Renkli temada başarıyı daha belirgin yap — 2 sn'lik auto-close'da gözden kaçmasın */
.Toastify__toast--success,
.Toastify__toast-theme--colored.Toastify__toast--success {
    background: linear-gradient(180deg, #1a7f37 0%, #0f5d24 100%) !important;
    color: #ffffff !important;
}

.Toastify__toast--error,
.Toastify__toast-theme--colored.Toastify__toast--error {
    background: linear-gradient(180deg, #c1352c 0%, #8a1f17 100%) !important;
    color: #ffffff !important;
}

.Toastify__toast--warning,
.Toastify__toast-theme--colored.Toastify__toast--warning {
    background: linear-gradient(180deg, #b87900 0%, #835200 100%) !important;
    color: #ffffff !important;
}

.Toastify__toast--info,
.Toastify__toast-theme--colored.Toastify__toast--info {
    background: linear-gradient(180deg, #2563eb 0%, #1d4ed8 100%) !important;
    color: #ffffff !important;
}

.Toastify__close-button {
    color: rgba(255, 255, 255, 0.85) !important;
    opacity: 0.9 !important;
}

.Toastify__progress-bar {
    background: rgba(255, 255, 255, 0.7) !important;
    height: 3px !important;
}