/* ============================================================================
   XXVI · task 004 (design trial, V17_COPY only): the page-wide parts of the
   Emil Kowalski review items, in one file, loaded last (index.html).
   The rest of 004 is in place in v15.*, corner077.css, expand075.*,
   champagne19.js, scene19.js, brand.js, hero.css and the film pages.
   ========================================================================== */

/* I5: no grey/blue flash of the browser over a tapped control; the controls give their own answer (I19 below) */
html{ -webkit-tap-highlight-color:transparent; }

/* I10: a tap is a tap at once, never held back to wait for a double tap */
a, button{ touch-action:manipulation; }

/* I12: a finger held on the menu or on W2 does not select the word or open the link's callout */
.bc .cn a, .wa{ -webkit-user-select:none; user-select:none; -webkit-touch-callout:none; }

/* I9: EN/HE reach 44 px in height (they stay 33 px wide, side by side); the look is unchanged */
.langs button{ position:relative; }
.langs button::after{ content:""; position:absolute; left:0; right:0; top:50%; height:44px; translate:0 -50%; }

/* I19: a press is felt at once - the control gives a little (.97) while held. `scale`, so each control's own
   transform stays; each transition list keeps the control's own fades. The menu's points light instead (v15.css .tap). */
.langs button{ transition:scale .16s var(--e15); }
.wa{ transition:color .4s, scale .16s var(--e15); }
.x075-open{ transition:opacity .25s ease, scale .16s var(--e15); }
.cn077 .x77-go{ transition:color .3s var(--e15, ease), scale .16s var(--e15); }
.langs button:active, .wa:active, .x075-open:active, .x075-close:active, .cn077 .x77-go:active{ scale:.97; }
.x075-close{ transition:scale .16s var(--e15); }
@media (prefers-reduced-motion:reduce){
  .langs button:active, .wa:active, .x075-open:active, .x075-close:active, .cn077 .x77-go:active{ scale:none; }
}