/* Golden Money 2D - Custom overrides for KPaySlot theme */

/* Fallback for pages without kpay-theme class (bet.php, deposit.php etc.) */
body:not(.kpay-theme) {
    font-family: "Plus Jakarta Sans", "Segoe UI", sans-serif;
    background:
        radial-gradient(circle at top left, rgba(89, 167, 255, 0.35), transparent 28%),
        radial-gradient(circle at top right, rgba(255, 212, 92, 0.14), transparent 24%),
        linear-gradient(180deg, #d9ecff 0%, #eff7ff 46%, #f8fbff 100%);
    color: #12314d;
    margin: 0;
    padding: 0;
}

/* Pages without #app wrapper - still show header/footer correctly */
body:not(.kpay-theme) .app_header {
    max-width: 450px;
    margin: 0 auto;
}

body:not(.kpay-theme) .app_footer {
    max-width: calc(450px - 1.5rem);
}

body:not(.kpay-theme) .body-container {
    max-width: 450px;
    margin: 0 auto;
    padding: 0 .75rem;
    color: #12314d;
}

body:not(.kpay-theme) .user_info {
    max-width: 450px;
    margin: 0 auto;
}

/* Override brand-mark colors for GM gold accent */
.brand-mark {
    background: linear-gradient(135deg, #f5c95c, #e6a817) !important;
    color: #0b57bb !important;
}

/* Download button in public page */
.wallet-chip.w-full {
    width: 100%;
}

/* Banner image fill */
.homepageSwiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 24px;
}

/* Game card icon placeholders - position fix */
.game_background {
    position: relative;
}

/* Auth input focus ring */
.auth_input:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* SKM game modal (fullscreen iframe overlay) */
.gm-game-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: #000;
    display: none;
    flex-direction: column;
}

.gm-game-modal.active {
    display: flex;
}

/* Page-specific fixes for existing bet.php, deposit.php, etc. */
.body-container {
    padding: 0;
}

.pb-100px {
    padding-bottom: 100px;
}

/* Error text */
.error-text {
    color: var(--kbz-danger, #f15c4e);
}

/* Compatibility: old pages that use .form-login */
.form-login {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}