/* VERSION MOBILE - le dropdown devient full screen width */
@media (max-width: 768px) {
.rdv-btn {
    max-width: 160px;
    padding: 8px 12px 8px 12px;
}
.woocommerce-result-count {
    text-align: center;
    width: 100%;
    margin: 2em 0 2em 0 !important;
}
#mobile-menu {
    position: absolute;
    z-index: 9999;
    width: 100%;
}

   #mobile-menu-btn {
    position: absolute;
    top: 8%;
    right: 3%;
}
.woocommerce-breadcrumb {
    text-align: center;
}
.woocommerce-products-header__title {
    font-size: 28px;
    text-align: center;
    font-weight: 700;
}
#filter-dropdown { display: block;}
    /* Le wrapper reste normal */
    .filter-dropdown-wrapper {
        width: 100%;
        position: relative;
    }

    /* Le bouton prend 100% */
    #filter-dropdown button {
        width: 100%;
    }

    /* DROPDOWN FULL WIDTH VIEWPORT */
    #dropdownMenu {
        position: fixed !important;
        top: 19%; /* sous le header WooCommerce, ajuste si besoin */
        left: 0 !important;
        right: 0 !important;

        width: 100vw !important;
        max-width: 100vw !important;

        margin: 0 !important;
        border-radius: 0 !important;

        background: white;
        z-index: 9999;

        max-height: calc(100vh - 140px);
        overflow-y: auto;

        padding-bottom: 20px;
        animation: dropdownSlide 0.2s ease-out;
    }

    @keyframes dropdownSlide {
        from { opacity: 0; transform: translateY(-5px); }
        to   { opacity: 1; transform: translateY(0); }
    }
}