/* ---------------------------------------------------------------------------
   THE LANGUAGE QUESTION
   inc/language-gate.php. Her spec 2026-10-14: ask before the visitor goes on.

   Full screen and modal, unlike the 10% panel: this one is a fork in the road,
   not an offer, and there is nothing useful to do behind it until it is
   answered. Paper and ink, the two choices side by side, nothing else.
--------------------------------------------------------------------------- */
/* ⚠⚠ [hidden] MUST WIN, AND IT DOES NOT ON ITS OWN.
 *
 * The browser hides [hidden] elements with `display:none` from its own default
 * stylesheet — which ANY display declaration in a real stylesheet overrides.
 * So `display:flex` here left this panel laid out at all times: invisible at
 * opacity 0, and covering the whole viewport at inset:0, swallowing every tap
 * and scroll on the site. The phone looked frozen. It was not frozen; it was
 * being touched through an invisible sheet.
 *
 * Her report, 2026-10-14: "in mobile version nothing works, it's freeze".
 *
 * Two belts: the [hidden] rule below, and pointer-events, so even a half-faded
 * panel cannot intercept anything until it is really on.
 */
.ebn-gate[hidden]{display:none !important}

.ebn-gate{position:fixed;inset:0;z-index:9500;display:flex;align-items:center;justify-content:center;
  background:#fff;opacity:0;pointer-events:none;transition:opacity .4s ease}
.ebn-gate.on{opacity:1;pointer-events:auto}

.ebn-gate-box{text-align:center;padding:32px 26px;max-width:min(460px,calc(100vw - 44px))}

.ebn-gate-mark{margin:0 0 30px;font-size:13px;letter-spacing:.34em;color:#000}

.ebn-gate-t{margin:0 0 6px;font-size:clamp(17px,2vw,22px);line-height:1.3;font-weight:inherit;color:#000}
.ebn-gate-s{margin:0 0 30px;font-size:clamp(13px,1.4vw,15px);line-height:1.4;color:#6b6761}

.ebn-gate-pick{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* .ebn-gate-btn, not a <button>: these are links that carry ?lang=, so the
   switch is the same one the toolbar uses. The BUTTON LAW does not reach them. */
.ebn-gate-btn{display:inline-block;min-width:150px;padding:13px 22px;border:1px solid #000;
  background:#fff;color:#000;text-decoration:none;
  font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;
  transition:background .25s ease,color .25s ease}
.ebn-gate-btn:hover,.ebn-gate-btn:focus-visible{background:#000;color:#fff}

@media(max-width:600px){
  .ebn-gate-pick{flex-direction:column;align-items:stretch}
  .ebn-gate-btn{min-width:0;width:100%}
  .ebn-gate-mark{margin-bottom:24px}
}

@media(prefers-reduced-motion:reduce){ .ebn-gate{transition:none} }