/* ==========================================================================
 * provider-modal-overlay-fix.css
 * Generated: 2026-04-27
 * Owner: agent (provider-modal-overlay)
 * File ownership (rule #30): only this file is mutated by this agent.
 *   theme-robinbet-mobile.css and sidebar-overlay-fix.css are owned by other
 *   agents — DO NOT touch.
 *
 * Purpose: Fix the "siyah tabaka" (full-viewport dark overlay) that appears
 *   when the user taps "Tüm Sağlayıcılar" / "Sağlayıcı Seç" on the slot
 *   page. The provider drawer (#providersSidebar) opens correctly with
 *   provider tiles inside, but the .sidebar-overlay.active dim layer
 *   covers the ENTIRE viewport including the announcement bar and header,
 *   producing a darkened, "covered" appearance.
 *
 * BS comparison (m.bahissende301.com /tr/casino/slots, after click):
 *   - .overlaySlidingWrapperBc — backdrop dim
 *     position: fixed
 *     top: 49px         <-- starts BELOW BS topnav
 *     left: 0
 *     w: 400, h: 545     <-- only covers the in-page content area
 *     background: rgba(0, 0, 0, 0.7)
 *     z-index: 970
 *
 * MR before fix:
 *   - .sidebar-overlay.active (theme-robinbet-mobile.css line 17952-17963)
 *     position: fixed
 *     top: 0            <-- covers FULL viewport (announcement bar + header
 *                            + content all dimmed)
 *     w: 400, h: 594
 *     background: rgba(0, 0, 0, 0.7)
 *     z-index: 9999
 *
 * Layout context (MR mobile, 400x594):
 *   - Announce bar: top:0, h:68, z:1200
 *   - Header:       top:68, h:49, z:1085
 *   - Content area starts: top:117
 *   - #providersSidebar drawer when open: top:49, h:545, z:10000
 *
 * Decision: clamp .sidebar-overlay.active to start at top:49 to align with
 *   the provider drawer's own top edge (matches BS pattern of "dim only
 *   below the static top region"). Header (logo + GIRIS/KAYIT) above the
 *   drawer remains undimmed, which is BS-paralel.
 *
 * Specificity: same as theme-robinbet-mobile.css selector (html.mobile-root
 *   body.mobile-site .sidebar-overlay.active = 0,3,2 + class on body root),
 *   plus !important. Loads AFTER theme-robinbet-mobile.css to win cascade
 *   by source order.
 *
 * Click-out-to-close behavior (rule #122 katman 2 — clickability): the
 *   sibling sidebar-overlay-fix.css already sets pointer-events:none on
 *   .sidebar-overlay so clicks pass through to underlying header/announce.
 *   We do NOT alter pointer-events here.
 * ========================================================================== */

/* Override the .sidebar-overlay.active geometry so the dim layer starts at
 * the same top as the provider drawer (49px), matching BS's
 * .overlaySlidingWrapperBc placement. Header and announcement bar remain
 * untouched — exactly like BS. */
html.mobile-root body.mobile-site .sidebar-overlay,
html.mobile-root body.mobile-site .sidebar-overlay.active {
    top: 49px !important;
    height: calc(100% - 49px) !important;
    bottom: 0 !important;
    /* Keep the BS-paralel rgba(0,0,0,0.7) dim. */
    background: rgba(0, 0, 0, 0.7) !important;
    /* Keep z-index below the drawer (drawer is z:10000). */
    z-index: 9999 !important;
    /* Clicks pass through to drawer's outside-close handler — sibling
     * sidebar-overlay-fix.css already sets pointer-events:none. We do not
     * alter pointer-events here, but reaffirm none for cross-cascade
     * safety. */
    pointer-events: none !important;
}

/* End of provider-modal-overlay-fix.css */