/* ---------------------------------------------------------------------------
   THE 10% WINDOW
   inc/welcome-offer.php. Her spec 2026-10-13.

   A corner panel, not a full-screen overlay: the shop stays readable behind it
   and nothing has to be dismissed before the photographs can be seen. On a
   phone it sits along the bottom, where a thumb already is.

   Paper and ink, like everything else. The BUTTON LAW in site.css would make
   both buttons here black blocks, so they carry .plain, which it exempts.
--------------------------------------------------------------------------- */
/* Same trap as the language panel — see the long note in language-gate.css.
   This one is only a corner, but a corner that eats taps is still a bug. */
.ebn-welcome[hidden]{display:none !important}

.ebn-welcome{position:fixed;right:24px;bottom:24px;z-index:9000;max-width:min(380px,calc(100vw - 48px));
  opacity:0;pointer-events:none;transform:translateY(14px);
  transition:opacity .45s ease,transform .45s cubic-bezier(.16,.84,.44,1)}
.ebn-welcome.on{opacity:1;pointer-events:auto;transform:none}

.ebn-welcome-box{position:relative;background:#fff;color:#000;border:1px solid #000;
  padding:26px 26px 22px;box-shadow:0 18px 50px rgba(0,0,0,.16)}

.ebn-welcome-x{position:absolute;top:8px;right:10px;border:0;background:none;
  font-size:21px;line-height:1;color:#000;cursor:pointer;padding:4px 6px}

.ebn-welcome-k{margin:0 0 8px;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:#6b6761}
.ebn-welcome-t{margin:0 0 10px;font-size:20px;line-height:1.2;letter-spacing:.01em;font-weight:inherit}
.ebn-welcome-p{margin:0 0 16px;font-size:13px;line-height:1.6;color:#4a4742}

.ebn-welcome-form{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}
.ebn-welcome-form input[type=email]{flex:1 1 11em;min-width:0;padding:8px 0;border:0;
  border-bottom:1px solid #000;border-radius:0;background:transparent;font:inherit;font-size:14px;color:#000}
.ebn-welcome-form input[type=email]:focus{outline:none;border-bottom-width:2px;padding-bottom:7px}

.ebn-welcome-form button.plain{flex:0 0 auto;border:0;background:none;font:inherit;
  font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:#000;cursor:pointer;
  padding:8px 0 4px;text-decoration:underline;text-underline-offset:5px}

.ebn-welcome-msg{margin:12px 0 0;font-size:12.5px;line-height:1.55;color:#2c7a3f;min-height:0}
.ebn-welcome-msg.err{color:#9b2c2c}

.ebn-welcome-fine{margin:14px 0 0;font-size:10.5px;line-height:1.6;color:#8a8781}
.ebn-welcome-fine a{color:#8a8781}

@media(max-width:600px){
  .ebn-welcome{right:12px;left:12px;bottom:12px;max-width:none}
  .ebn-welcome-box{padding:22px 20px 18px}
}

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