/* Homepage presentation only; WAAVE owns visibility, choices and verification. */
:is(body.home.clearwater-commerce:not(.woocommerce-page), body.clearwater-commerce.woocommerce-shop) .age-verification-overlay {
  background:
    radial-gradient(ellipse at 12% 48%, rgba(57, 222, 132, .10), transparent 65%),
    radial-gradient(ellipse at 90% 48%, rgba(141, 220, 247, .09), transparent 68%),
    #0b111b;
  cursor: default;
}

:is(body.home.clearwater-commerce:not(.woocommerce-page), body.clearwater-commerce.woocommerce-shop) .age-verification-overlay > .age-verification-popup {
  max-width: 1040px;
  padding: clamp(16px, 3vw, 28px);
  background: transparent;
  color: var(--cw-text);
  border: 0;
  box-shadow: none;
  scrollbar-color: var(--cw-muted) #0b111b;
  scrollbar-gutter: stable;
}

/* Exact captured branding node only. No provider text, error or choice is replaced.
   Package this unchanged PNG at assets/clearwater-entry-identity.png beside style.css.
   Retain the original DOM src/alt; native preview must verify CSS image replacement. */
:is(body.home.clearwater-commerce:not(.woocommerce-page), body.clearwater-commerce.woocommerce-shop) .age-verification-overlay > .age-verification-popup > img.age-verification-client-img[src="https://images.getwaave.co/clients/ZCC/Efh/ZCCEfhwOCy.png"][alt=""] {
  content: url("clearwater-entry-identity.png");
  display: block;
  width: min(780px, 100%, 90vh);
  width: min(780px, 100%, 90dvh);
  height: auto;
  aspect-ratio: 3 / 2;
  /* This exact replacement asset needs its retained crop despite Shop fit rules. */
  object-fit: cover !important;
  object-position: 50% 50%;
  margin: 0 auto;
  /* Lower the portrait backdrop beneath the overlay in the existing lighten blend.
     Keep the logo shape, image geometry and provider controls intact. */
  filter: contrast(1.25);
  -webkit-mask-image: linear-gradient(90deg, transparent, rgba(0,0,0,.18) 4%, rgba(0,0,0,.72) 9%, #000 14%, #000 86%, rgba(0,0,0,.72) 91%, rgba(0,0,0,.18) 96%, transparent), linear-gradient(0deg, transparent, rgba(0,0,0,.45) 3%, #000 6%, #000 96%, rgba(0,0,0,.45) 98%, transparent);
  -webkit-mask-composite: source-in;
  mask-image: linear-gradient(90deg, transparent, rgba(0,0,0,.18) 4%, rgba(0,0,0,.72) 9%, #000 14%, #000 86%, rgba(0,0,0,.72) 91%, rgba(0,0,0,.18) 96%, transparent), linear-gradient(0deg, transparent, rgba(0,0,0,.45) 3%, #000 6%, #000 96%, rgba(0,0,0,.45) 98%, transparent);
  mask-composite: intersect;
}

:is(body.home.clearwater-commerce:not(.woocommerce-page), body.clearwater-commerce.woocommerce-shop) .age-verification-overlay > .age-verification-popup > .age-verification-title {
  margin: 12px 0;
  color: var(--cw-text);
  font-family: var(--cw-display);
  font-size: clamp(26px, 4vw, 34px);
  font-weight: 400;
  line-height: 1.2;
}

:is(body.home.clearwater-commerce:not(.woocommerce-page), body.clearwater-commerce.woocommerce-shop) .age-verification-overlay > .age-verification-popup > .age-verification-q {
  color: var(--cw-text);
  font-size: 16px;
  line-height: 1.55;
}

:is(body.home.clearwater-commerce:not(.woocommerce-page), body.clearwater-commerce.woocommerce-shop) .age-verification-overlay > .age-verification-popup > p:not(.age-verification-q) {
  flex-direction: column;
  align-items: center;
  width: min(100%, 374px);
  gap: 8px;
  color: var(--cw-text);
}

:is(body.home.clearwater-commerce:not(.woocommerce-page), body.clearwater-commerce.woocommerce-shop) .age-verification-overlay > .age-verification-popup .age-verification-btn {
  min-width: 100px;
  border-radius: 12px;
  box-shadow: none;
  font-size: 18px;
  line-height: 1.35;
}

:is(body.home.clearwater-commerce:not(.woocommerce-page), body.clearwater-commerce.woocommerce-shop) .age-verification-overlay > .age-verification-popup .age-verification-btn-yes {
  width: 100%;
  min-height: 52px;
  color: #07140e;
  background: var(--cw-green);
  border: 1px solid rgba(124, 248, 177, .72);
}

:is(body.home.clearwater-commerce:not(.woocommerce-page), body.clearwater-commerce.woocommerce-shop) .age-verification-overlay > .age-verification-popup .age-verification-btn-no {
  color: var(--cw-text);
  background: transparent;
  border: 1px solid rgba(240, 238, 245, .32);
}

:is(body.home.clearwater-commerce:not(.woocommerce-page), body.clearwater-commerce.woocommerce-shop) .age-verification-overlay > .age-verification-popup .age-verification-btn-yes:hover {
  margin-top: 0;
  color: #07140e;
  background: #6aeda3;
}

:is(body.home.clearwater-commerce:not(.woocommerce-page), body.clearwater-commerce.woocommerce-shop) .age-verification-overlay > .age-verification-popup .age-verification-btn-no:hover {
  margin-top: 0;
  color: var(--cw-text);
  background: rgba(240, 238, 245, .10);
}

:is(body.home.clearwater-commerce:not(.woocommerce-page), body.clearwater-commerce.woocommerce-shop) .age-verification-overlay > .age-verification-popup > .age-gate-remember-me {
  max-width: 100%;
  gap: 8px;
  color: var(--cw-text);
  font-size: 16px;
  line-height: 1.5;
}

:is(body.home.clearwater-commerce:not(.woocommerce-page), body.clearwater-commerce.woocommerce-shop) .age-verification-overlay > .age-verification-popup .age-gate-remember-me-checkbox {
  width: 24px !important;
  height: 24px;
  flex: 0 0 24px;
  accent-color: var(--cw-green);
}

:is(body.home.clearwater-commerce:not(.woocommerce-page), body.clearwater-commerce.woocommerce-shop) .age-verification-overlay > .age-verification-popup .age-verification-btn:focus,
:is(body.home.clearwater-commerce:not(.woocommerce-page), body.clearwater-commerce.woocommerce-shop) .age-verification-overlay > .age-verification-popup .age-gate-remember-me-checkbox:focus {
  outline: 2px solid var(--cw-blue);
  outline-offset: 3px;
}

/* Native r1 preview exposed the portrait's dark rectangular background.
   Composite the whole provider panel against this overlay's own backdrop:
   an image-level blend would be isolated inside its fixed-position panel.
   Native colour/contrast/edge acceptance is still required. No asset bytes,
   provider controls, visibility or verification behavior are changed. */
:is(body.home.clearwater-commerce:not(.woocommerce-page), body.clearwater-commerce.woocommerce-shop) .age-verification-overlay {
  isolation: isolate;
}

:is(body.home.clearwater-commerce:not(.woocommerce-page), body.clearwater-commerce.woocommerce-shop) .age-verification-overlay > .age-verification-popup {
  mix-blend-mode: lighten;
}

/* Explicitly resolve reviewed Shop fit specificity against the retained 1040px branding. */
body.clearwater-commerce.woocommerce-shop > .age-verification-overlay > .age-verification-popup {
  max-width: 1040px !important;
  background: transparent !important;
  color: var(--cw-text);
  max-height: calc(100dvh - 24px);
  overflow-y: auto;
  overscroll-behavior: contain;
}
body.clearwater-commerce.woocommerce-shop > .age-verification-overlay > .age-verification-popup > img.age-verification-client-img {
  max-width: 100%;
  object-fit: cover;
}