/* ---------------------------------------------------------------------------
   Native-app feel for touch devices — phones AND our in-app WebView. Desktop
   (mouse) is deliberately untouched via the media query below. Pairs with the
   hover guards (every :hover rule is now behind @media (hover: hover)) so hover
   styling never sticks after a tap on iOS.
   --------------------------------------------------------------------------- */
@media (hover: none) and (pointer: coarse) {

    /* Remove the grey/blue flash box iOS and Android paint over a tapped
       element — the #1 thing that makes a web page read as "a website". */
    * {
        -webkit-tap-highlight-color: transparent;
    }

    /* Momentum scrolling, and stop an inner scroll (a modal, a package list)
       from "leaking" into scrolling the page behind it — a native-app trait. */
    html,
    body {
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-y: contain;
    }

    /* Instant press feedback: interactive controls dim briefly while held, the
       way native iOS/Android buttons do, so a tap feels acknowledged
       immediately. Intentionally NO `transition` shorthand here — that would
       overwrite the transitions these elements already declare. The dim is
       applied and removed instantly on press/release, which reads as snappy. */
    a:active,
    button:active,
    [role="button"]:active,
    .btn:active,
    .nav-item:active,
    .simple-card:active,
    .country-card:active,
    .result-item:active,
    .buy-now:active,
    .teal-btn:active,
    .main-toggle-btn:active,
    .device-btn:active,
    .manual-install-btn:active,
    .profile-link:active,
    .second-provider-buy-btn:active,
    .second-provider-option-pill:active,
    .second-provider-duration-pill:active {
        opacity: 0.6;
    }
}