/* ==========================================================================
   Ajustements PWA & Mobile (< 768px)
 ========================================================================== */

@media (max-width: 768px) {
    html, body {
        /* Empêche le rebond élastique complet de la page sur iOS */
        overscroll-behavior-y: contain;
        overflow-y: auto;
    }

    #main-menu .menu .menu-item-contents{
        min-height: 42px;
        min-width: 42px;
        align-items: center;
    }

    #main-menu .menu .menu-icon {
        block-size: 22px;
    }

    input, select, button, .u-touch-target{
        min-height: 42px;
        min-width: 42px;
    }

    .user-menu-wrapper a.user-details{
        min-height: 42px;
        min-width: 42px;
        justify-content: center;
    }

    .dropdown-settings a.dropdown-settings-button{
        min-height: 42px;
        min-width: 42px;
        display: flex;
        align-items: center;
        padding-inline-start: unset;
        justify-content: center;
    }












    /* Effet de pression tactile pour les boutons et liens */
    .btn,
    .action,
    .dropdown-item,
    .nav-link,
    a[href],
    button {
        position: relative; /* Pour permettre les effets de transformation */
        transition: transform 0.1s ease, background-color 0.1s ease;
    }

    /* Effet de pression (simule un "clic tactile") */
    .btn:active,
    .action:active,
    .dropdown-item:active,
    .nav-link:active,
    a[href]:active,
    button:active {
        transform: scale(0.98); /* Réduit légèrement la taille */
        background-color: rgba(0, 0, 0, 0.05) !important; /* Assombrit légèrement */
    }

    /* Pour les éléments avec fond transparent (icônes, etc.) */
    .btn:active::after,
    .action:active::after,
    .dropdown-item:active::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.05);
        border-radius: inherit;
        pointer-events: none;
    }

}