/* Visual-only tuning for the AR launch card.
   Intentionally does not change sizing, spacing, positioning, or layout. */

html.ar-route-ready .ar-entry-wash,
html.ar-route-unsupported .ar-entry-wash {
  background:linear-gradient(180deg,rgba(0,0,0,.008) 0%,rgba(0,0,0,.012) 58%,rgba(0,0,0,.045) 100%)!important;
}

/* Target-matched dark glass. The actual hue now comes from the saved product
   card color while opacity/blur remain fixed, so changing the setting cannot
   accidentally alter the approved glass strength or geometry. */
html.ar-route-ready .ar-entry-card,
html.ar-route-unsupported .ar-entry-card {
  isolation:isolate;
  border-color:rgba(157,124,88,.58)!important;
  background:
    linear-gradient(180deg,rgba(255,248,236,.018) 0%,rgba(255,248,236,.004) 28%,rgba(0,0,0,.018) 100%),
    var(--ar-card-fill,rgba(31,23,17,.72))!important;
  box-shadow:
    0 11px 28px rgba(0,0,0,.09),
    inset 0 1px 0 rgba(255,248,236,.055),
    inset 0 -1px 0 rgba(0,0,0,.13)!important;
  backdrop-filter:blur(5px) saturate(.88) brightness(.78)!important;
  -webkit-backdrop-filter:blur(5px) saturate(.88) brightness(.78)!important;
  color:#f3eadc!important;
  scrollbar-width:none;
}

/* Very restrained top sheen, matching the reference without turning the card
   into a glossy pane. */
html.ar-route-ready .ar-entry-card::before,
html.ar-route-unsupported .ar-entry-card::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,0) 30%);
}
html.ar-route-ready .ar-entry-card > *,
html.ar-route-unsupported .ar-entry-card > * {
  position:relative;
  z-index:1;
}

html.ar-route-ready .ar-entry-card::-webkit-scrollbar,
html.ar-route-unsupported .ar-entry-card::-webkit-scrollbar {
  width:0;
  height:0;
  display:none;
}

html.ar-route-ready .ar-entry-card .ar-entry-kicker,
html.ar-route-unsupported .ar-entry-card .ar-entry-kicker {
  color:rgba(207,178,139,.82)!important;
  text-shadow:0 1px 4px rgba(0,0,0,.09)!important;
}

html.ar-route-ready .ar-entry-card #arEntryProduct,
html.ar-route-unsupported .ar-entry-card #arEntryProduct {
  color:#f8f1e7!important;
  text-shadow:0 1px 5px rgba(0,0,0,.12)!important;
}

html.ar-route-ready .ar-entry-card .ar-entry-copy,
html.ar-route-unsupported .ar-entry-card .ar-entry-copy {
  color:rgba(214,202,187,.78)!important;
  text-shadow:0 1px 4px rgba(0,0,0,.09)!important;
}

/* The CTA hue comes from its own saved setting. It stays a subtle translucent
   inset over the already-blurred parent, so color can change independently
   without changing the approved transparency/blur treatment. */
html.ar-route-ready .ar-entry-card .ar-entry-button,
html.ar-route-unsupported .ar-entry-card .ar-entry-button {
  isolation:isolate;
  border-color:rgba(157,124,88,.58)!important;
  background:
    linear-gradient(180deg,rgba(255,248,236,.012) 0%,rgba(255,248,236,.002) 30%,rgba(0,0,0,.020) 100%),
    var(--ar-cta-fill,rgba(13,10,8,.28))!important;
  color:var(--ar-button-fg,#f8f1e7)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.040),
    inset 0 -1px 0 rgba(0,0,0,.15),
    0 4px 12px rgba(0,0,0,.05)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

html.ar-route-ready .ar-entry-button-icon,
html.ar-route-unsupported .ar-entry-button-icon {
  color:color-mix(in srgb,var(--ar-icon-color,#b7a082) 20%,#c4a36f 80%)!important;
  opacity:.90;
}

html.ar-route-ready .ar-entry-button-chevron,
html.ar-route-unsupported .ar-entry-button-chevron {
  color:var(--ar-button-fg,#f7eddf)!important;
}

/* The launch UI uses its own explicit CTA. Suppress model-viewer's native
   floating AR button so a second cube icon never appears at bottom-right. */
model-viewer::part(default-ar-button) {
  display:none!important;
}