/* Early access marking: faint grey watermark over buyer tools that are still being refined,
   plus one line underneath. Grey only (Surgical steel / Steel light): no red, no green, no glow.
   Uses logical properties, so the same file works for Arabic (right to left).
   Turned off in one place: LL_EARLY_ACCESS in inc/early-access.php. */

/* Watermark layer: covers the tool's visual area, never catches clicks or taps.
   It sits over the product pictures but under the buttons, labels and readouts, so those stay clear. */
.ll-ea { position: absolute; inset: 0; z-index: 2; overflow: hidden; border-radius: inherit; pointer-events: none; user-select: none; }
.kit__stage > .kit__controls, .kit__stage > .kit__readout, .kit__stage > .kit__note, .threed__stage > .threed__readout { z-index: 3; }
.ll-ea::before { content: var(--ll-ea-wm, "EARLY ACCESS"); position: absolute; inset-block-start: 50%; inset-inline-start: 50%; transform: translate(-50%, -50%) rotate(-24deg); white-space: pre; font: 600 clamp(15px, 1.6vw, 21px)/3.4 var(--ll-font-body); letter-spacing: .18em; text-align: start; }
[dir="rtl"] .ll-ea::before { transform: translate(50%, -50%) rotate(-24deg); letter-spacing: 0; }
.ll-ea--navy::before { color: rgba(169, 180, 192, .2); }   /* Steel light on navy */
.ll-ea--light::before { color: rgba(91, 107, 125, .14); }  /* Surgical steel on white */

/* On forms the watermark sits under the fields, so typing stays fully clear. */
.ll-ea--under { z-index: -1; }
.tp__pack:has(> .ll-ea--under) { isolation: isolate; }

/* The line under a tool. */
.ll-ea-note { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin: 18px 0 0; font: 400 14px/1.5 var(--ll-font-body); }
.ll-ea-note__tag { flex: none; padding: 3px 8px; border: 1px solid currentColor; border-radius: 6px; font-size: 11px; font-weight: 500; line-height: 1.3; letter-spacing: .1em; text-transform: uppercase; }
.ll-ea-note--navy { color: #A9B4C0; }
.ll-ea-note--light { color: #5B6B7D; }
[dir="rtl"] .ll-ea-note__tag, [lang="ar"] .ll-ea-note__tag { letter-spacing: 0; font-family: var(--ll-font-body); text-transform: none; }

/* Product expert (built by its script): watermark over the orb area, note at the top of the chat. */
.llx .llx__stage { overflow: hidden; }
.llx .llx__stage::after { content: var(--ll-ea-wm, "EARLY ACCESS"); position: absolute; inset-block-start: 50%; inset-inline-start: 50%; transform: translate(-50%, -50%) rotate(-24deg); white-space: pre; font: 600 15px/3.4 var(--ll-font-body); letter-spacing: .18em; color: rgba(169, 180, 192, .16); pointer-events: none; user-select: none; }
[dir="rtl"] .llx .llx__stage::after { transform: translate(50%, -50%) rotate(-24deg); letter-spacing: 0; }
.llx .llx__log::before { content: var(--ll-ea-tag, "EARLY ACCESS") "  ·  " var(--ll-ea-note, ""); display: block; margin: 0 4px 12px; color: #A9B4C0; font: 400 12px/1.45 var(--ll-font-body); text-align: center; }

@media print { .ll-ea, .llx .llx__stage::after { display: none; } }