/* MudBlazor.min.css SONRASINDA yüklenmeli — Temporary drawer `left` animasyonunu ezer. */

.mud-drawer.mud-drawer-temporary,
.mud-drawer.mud-drawer-temporary.mud-drawer-pos-left:not(.mud-drawer--initial),
.mud-drawer.mud-drawer-temporary.mud-drawer-pos-right:not(.mud-drawer--initial),
.mud-drawer.agroculus-drawer.drawer-mobile,
.mud-drawer.agroculus-drawer.drawer-mobile.mud-drawer-temporary,
.mud-drawer.agroculus-drawer.drawer-mobile.mud-drawer-temporary.mud-drawer-pos-left:not(.mud-drawer--initial) {
    transition: none !important;
    animation: none !important;
}

.mud-drawer-overlay,
.mud-drawer-overlay.mud-drawer-overlay-temporary,
.mud-overlay-drawer {
    transition: none !important;
    animation: none !important;
}

@media (max-width: 1023px) {
    .mud-drawer.agroculus-drawer.drawer-mobile,
    aside.mud-drawer.agroculus-drawer.drawer-mobile {
        top: 0 !important;
        bottom: 0 !important;
        height: 100% !important;
        height: 100dvh !important;
        max-height: none !important;
        border-radius: 0 !important;
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
        box-shadow: none !important;
        background: #061f18 !important;
        background-image: none !important;
        overflow: hidden !important;
    }

    .mud-drawer.agroculus-drawer.drawer-mobile.mud-drawer-temporary.mud-drawer-pos-left.mud-drawer--open {
        left: 0 !important;
    }

    .mud-drawer.agroculus-drawer.drawer-mobile.mud-drawer-temporary.mud-drawer-pos-left.mud-drawer--closed {
        left: calc(-1 * var(--mud-drawer-width, 280px)) !important;
    }

    .mud-drawer.agroculus-drawer.drawer-mobile .mud-drawer-content,
    .mud-drawer.agroculus-drawer.drawer-mobile .drawer-inner {
        background: #061f18 !important;
        background-image: none !important;
        opacity: 1 !important;
        height: 100% !important;
        overflow: hidden !important;
        position: relative;
        display: flex !important;
        flex-direction: column !important;
        padding-top: env(safe-area-inset-top, 0px);
        padding-bottom: 0;
        box-sizing: border-box;
    }

    .mud-drawer.agroculus-drawer.drawer-mobile .drawer-header {
        overflow: visible !important;
        flex: 0 0 auto !important;
        padding-top: 12px !important;
        min-height: 80px !important;
    }

    /*
     * RKSOFT alt logo: flex footer.
     * absolute + contain:layout paint + parent overflow, logo + drop-shadow'u kesiyordu.
     */
    .mud-drawer.agroculus-drawer.drawer-mobile .drawer-vendor {
        position: static !important;
        inset: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        flex: 0 0 auto !important;
        flex-shrink: 0 !important;
        background: #061f18 !important;
        z-index: 2;
        contain: none !important;
        overflow: visible !important;
        padding: 10px 16px calc(16px + env(safe-area-inset-bottom, 0px)) !important;
        min-height: 76px;
        box-sizing: border-box;
        transform: none !important;
        filter: none !important;
    }

    .mud-drawer.agroculus-drawer.drawer-mobile .drawer-vendor__logo {
        display: block !important;
        max-height: 52px !important;
        height: auto !important;
        width: auto !important;
        max-width: 72% !important;
        object-fit: contain !important;
        opacity: 0.32 !important;
        /* Drop-shadow overflow:hidden ile kesilmiş gibi görünüyordu */
        filter: none !important;
    }

    .mud-drawer.agroculus-drawer.drawer-mobile .drawer-menu-container {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        padding-bottom: 8px !important;
    }
}

html.agro-mobile-nav-open,
body.agro-mobile-nav-open {
    overflow: hidden !important;
    overscroll-behavior: none !important;
}

body.agro-mobile-nav-open {
    position: static !important;
    top: auto !important;
    width: 100% !important;
}

/*
 * Yarı saydam scrim — içerik görünsün.
 * Titreme: hero slide/grain aşağıda gizli; blur yok.
 */
body.agro-mobile-nav-open .mud-overlay-drawer,
body.agro-mobile-nav-open .mud-drawer-overlay,
body.agro-mobile-nav-open .mud-drawer-overlay.mud-drawer-overlay-temporary {
    background-color: rgba(2, 8, 6, 0.52) !important;
    background-image: none !important;
    opacity: 1 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    transition: none !important;
    animation: none !important;
}

/* Layout blur da mobil nav açıkken titreyebilir */
body.agro-mobile-nav-open .layout-bg-overlay,
body.agro-mobile-nav-open .layout-bg-image {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    animation: none !important;
}

/*
 * Hero katmanlarını tamamen durdur / gizle (visibility yetmez; blend-mode flash eder).
 */
body.agro-mobile-nav-open .home-scene__slideshow,
body.agro-mobile-nav-open .home-scene__slide,
body.agro-mobile-nav-open .home-scene__ribs,
body.agro-mobile-nav-open .home-scene__light,
body.agro-mobile-nav-open .home-scene__grain {
    visibility: hidden !important;
    opacity: 0 !important;
    animation: none !important;
    transition: none !important;
    will-change: auto !important;
    mix-blend-mode: normal !important;
    pointer-events: none !important;
}
