/* ============================================
   DataLink Training Portal v01 — Touch Optimizations
   iPad/tablet: 44px targets, no zoom, tactile
   ============================================ */

/* No double-tap zoom (harmless on desktop, helpful on touch) */
* {
    touch-action: manipulation;
}

/* Remove tap highlight (harmless on desktop) */
a, button, input, select, textarea, [role="button"] {
    -webkit-tap-highlight-color: transparent;
}

/* Smooth momentum scrolling (harmless on desktop) */
.main {
    -webkit-overflow-scrolling: touch;
}

/* The rest of touch.css is gated to actual touch devices. Without
   the gate, the 44px min-height inflates every desktop checkbox /
   select to the size of a thumb-tip, and the 16px font !important
   blows up small dropdowns. */
@media (hover: none) and (pointer: coarse) {

    /* Prevent iOS zoom on input focus */
    input, select, textarea {
        font-size: 16px !important;
    }

    /* Active press feedback */
    .btn:active,
    .tab-item:active,
    .nav-item:active,
    .card:active,
    [role="button"]:active {
        transform: scale(0.97);
        transition: transform 100ms ease;
    }

    .btn:hover {
        filter: none;
    }

    /* Minimum touch targets */
    button,
    [role="button"],
    input[type="checkbox"],
    input[type="radio"],
    select,
    .tab-item,
    .quiz-option {
        min-height: 44px;
        min-width: 44px;
    }
}