/* M-02 : touch targets minimum 44x44px (WCAG 2.5.5) sur mobile/tablette */
/* Activé uniquement en pointer:coarse pour ne pas affecter le desktop */

@media (pointer: coarse), (max-width: 768px) {
    /* Tous les liens et boutons interactifs */
    button,
    a[href],
    [role="button"],
    [role="tab"],
    input[type="submit"],
    input[type="button"],
    input[type="reset"],
    select {
        min-height: 44px;
    }

    /* Inputs : confort de saisie */
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    input[type="password"],
    input[type="number"],
    input[type="search"],
    input[type="url"],
    textarea {
        min-height: 44px;
    }

    /* Iconography buttons (close, qty controls) avec dimensions explicites */
    .auth-modal-close,
    .lightbox-close,
    .modal-close,
    .cart-close,
    .qty-btn,
    .quantity-btn {
        min-width: 44px;
        min-height: 44px;
    }

    /* Liens en ligne dans les paragraphes : on ne force pas la hauteur, juste un padding */
    p a,
    .breadcrumb a,
    .footer-legal a,
    .legal-content a,
    .mini-legal-footer a {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
    }

    /* Espacement vertical entre cibles cliquables proches */
    nav a + a,
    .auth-tab + .auth-tab,
    .pt-tab + .pt-tab {
        /* on ne casse pas l'alignement horizontal mais on garantit un padding */
    }

    /* Cas particuliers : icones sociales en footer */
    .footer-contact-item a,
    .social-link {
        padding: 0.5rem 0;
        min-height: 44px;
        display: inline-flex;
        align-items: center;
    }

    /* Bottom nav tabs : la classe gere deja la hauteur (64px) */
    .bottom-nav-tab {
        min-height: 56px;
    }
}

/* Exclusions : ne PAS forcer 44px sur des elements purement decoratifs ou des cas speciaux */
/* Le bouton "x" du toast cart doit rester compact */
.cart-toast .ct-close {
    min-height: 22px !important;
    min-width: 22px !important;
}

/* Boutons dans tableaux admin : compacts par necessite */
.admin-table button,
.admin-table a {
    min-height: 36px;
}