/*
 * ============================================================
 *  PROSTACHOCK — Corrections v2
 *  À coller à la fin de prostachock_mobile_menu.css
 * ============================================================
 */

@media (max-width: 767px) {

    /* ── FIX 1 : Flèches des catégories — alignement vertical ── */

    /* Le li doit être en position relative pour que la flèche soit bien placée */
    #psm-sheet .mm_menus_ul .mm_menus_li {
        position: relative !important;
    }

    /* Flèche positionnée à droite, centrée verticalement dans le lien */
    #psm-sheet .mm_menus_ul .arrow {
        position: absolute !important;
        right: 10px !important;
        top: 10px !important;
        margin: 0 !important;
        z-index: 5 !important;
    }

    /* Padding droit sur le lien pour ne pas être caché par la flèche */
    #psm-sheet .mm_menus_ul .mm_menus_li > a.ets_mm_url {
        padding-right: 52px !important;
    }

    /* ── FIX 2 : Sheet recherche — barre visible + bottom nav reste ── */

    /* Le search sheet s'arrête au-dessus de la bottom nav */
    #psm-search-sheet {
        bottom: calc(64px + env(safe-area-inset-bottom, 0px)) !important;
        top: 0 !important;
        z-index: 100001 !important;
    }

    /* Réduire le padding-top de la barre de recherche */
    .psm-search-bar-wrap {
        padding-top: 20px !important;
    }

}