@media (max-width: 900px) {
    .bosstheme-header-inner {
        min-height: 64px;
        width: calc(100% - 24px);
        gap: 12px;
    }

    .bosstheme-header-brand {
        flex: 0 1 auto;
        min-width: 0;
    }

    .bosstheme-header-actions {
        margin-left: auto;
        margin-right: 12px;
        flex: 0 0 auto;
    }

    .bosstheme-primary-nav {
        display: none;
    }

    .bosstheme-header-actions .bosstheme-login-link {
        display: none;
    }

    .bosstheme-hero {
        padding: 44px 0;
    }

    .bosstheme-hero-grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .bosstheme-footer-columns {
        grid-template-columns: 1fr 1fr;
    }

    /* Footer must clear the fixed mobile bottom nav (56px nav + breathing room) */
    .bosstheme-site-footer {
        padding-bottom: 96px;
    }

    /* Bonus table scrolls horizontally instead of breaking the page */
    .bosstheme-table-scroll {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .bosstheme-bonus-table {
        min-width: 640px;
    }

    /* Floating CTA sits clearly above the mobile bottom nav (~56px) */
    .bosstheme-floating-cta {
        right: 16px;
        bottom: 72px;
    }

    .bosstheme-mobile-bottom-nav {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 90;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        background: #08111f;
        border-top: 1px solid var(--bosstheme-border);
    }

    .bosstheme-mobile-bottom-nav a {
        min-height: 56px;
        display: grid;
        place-items: center;
        color: var(--bosstheme-text);
        text-decoration: none;
        font-weight: 700;
        padding: 0 6px;
        text-align: center;
        overflow-wrap: anywhere;
        font-size: 13px;
    }

    .bosstheme-mobile-bottom-nav a:focus-visible {
        outline: 2px solid var(--bosstheme-gold);
        outline-offset: -2px;
    }
}

@media (max-width: 560px) {
    .bosstheme-header-inner {
        width: calc(100% - 20px);
        min-height: 56px;
        gap: 10px;
    }

    .bosstheme-logo {
        max-width: min(58vw, 220px);
    }

    .bosstheme-logo img {
        max-width: 100%;
        max-height: 42px;
    }

    .bosstheme-header-actions {
        margin-left: auto;
        margin-right: 12px;
        justify-content: flex-end;
    }

    .bosstheme-site-header .bosstheme-btn-primary {
        min-height: 40px;
        padding-inline: 16px;
        font-size: 14px;
        white-space: nowrap;
    }

    .bosstheme-footer-columns {
        grid-template-columns: 1fr;
    }

    .bosstheme-header-actions .bosstheme-btn {
        padding: 0 12px;
        font-size: 13px;
    }
}

/* BossTheme v0.2.1B Mobile Responsive Overrides */

@media (max-width: 900px) {
    /* Mobile header: logo left, Register right; hide primary nav + login text. */
    .bosstheme-primary-nav {
        display: none;
    }

    .bosstheme-header-actions .bosstheme-login-link {
        display: none;
    }

    /* Content/footer breathing room so fixed bottom nav never overlaps content. */
    body {
        padding-bottom: calc(96px + env(safe-area-inset-bottom));
    }

    /* Show + force the new 5-item bottom nav (overrides old 3-col rules). */
    .bosstheme-mobile-bottom-nav {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        align-items: center;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        height: 80px;
        padding-bottom: env(safe-area-inset-bottom);
        z-index: 90;
    }

    /* Hide floating CTA on mobile while bottom nav is active. */
    .bosstheme-floating-cta {
        display: none;
    }

    /* Drawer sits above the bottom nav. */
    .bosstheme-mobile-drawer {
        z-index: 120;
    }
}

/* BossTheme T-043D — Casino Footer mobile rules */

@media (max-width: 760px) {
    .bosstheme-casino-footer {
        padding: 32px 16px;
        padding-bottom: calc(120px + env(safe-area-inset-bottom));
        overflow-x: hidden;
        max-width: 100%;
    }

    .bosstheme-footer-section {
        padding: 18px 16px;
        margin-bottom: 20px;
        overflow-wrap: break-word;
    }

    .bosstheme-footer-logo-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .bosstheme-footer-logo-item {
        min-height: 64px;
        padding: 14px;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }

    .bosstheme-footer-two-col {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .bosstheme-footer-badges {
        justify-content: flex-start;
        gap: 10px;
    }

    .bosstheme-footer-brand-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
    }

    .bosstheme-footer-brand {
        flex-wrap: wrap;
    }

    .bosstheme-footer-social {
        flex-wrap: wrap;
        gap: 10px;
    }

    .bosstheme-footer-seo {
        font-size: 12.5px;
        padding: 0 16px;
    }
}

@media (min-width: 901px) {
    /* Desktop: mobile-only chrome never shows. Desktop header v0.2.1A untouched. */
    .bosstheme-mobile-bottom-nav {
        display: none;
    }

    .bosstheme-mobile-drawer {
        display: none;
    }
}

/* BossTheme v0.2.1B Mobile Logo Visibility */

/* Default / desktop: show desktop logo image, hide mobile logo image. */
.bosstheme-logo__image--mobile {
    display: none;
}

.bosstheme-logo__image--desktop {
    display: block;
}

@media (max-width: 900px) {
    /* Mobile: show the mobile logo image when present. */
    .bosstheme-logo__image--mobile {
        display: block;
    }

    /* Hide the desktop image ONLY when a mobile image precedes it.
       If no mobile image is rendered, the desktop image stays visible (fallback). */
    .bosstheme-logo__image--mobile + .bosstheme-logo__image--desktop {
        display: none;
    }
}