/**
 * Seller Dashboard Extra Options - Mobile Scrolling Fixes (v5 - The One River Fix)
 *
 * This is the definitive fix based on the King's diagnosis. It removes the
 * dashboard's own scrollbar and forces the entire page to scroll as one unit.
 */
@media (max-width: 782px) {

    /*
     * Step 1: Prepare the Main River (the <body>).
     * We ensure the main page is set up to scroll smoothly.
     */
    body {
        -webkit-overflow-scrolling: touch; /* iOS momentum scrolling */
        will-change: transform;            /* GPU hardware acceleration */
        overflow-y: auto !important;       /* The main scrollbar is ON */
        overflow-x: hidden !important;     /* No sideways scrolling */
    }

    /*
     * Step 2: Break the Dam of the Small River (the Dashboard Content).
     * This is the most important command.
     */
    .dokan-dashboard-content {
        /*
         * `overflow: visible !important;` is the royal decree that shatters the dam.
         * It tells the dashboard: "DO NOT create your own scrollbar. Let your content
         * spill out. The main page (the body) will handle the scrolling for you."
         */
        overflow: visible !important;
        
        /*
         * `height: auto !important;` ensures the dashboard container can grow
         * as tall as its content, becoming part of the main page flow.
         */
        height: auto !important;
    }
}