/*
 * AQUORIX Widget — Clean Drop-In theme (host-page stylesheet)
 * File: aqx-clean-theme.css
 * Path: /Users/larrymclean/CascadeProjects/aquorix-frontend/widget-embed/public/aqx-clean-theme.css
 * Description:
 *   The "Clean Drop-In" look as a STANDALONE host-page stylesheet. A host page
 *   (e.g. nesima.html) links this AFTER /widget-embed.css so it wins and re-skins
 *   the widget to white/neutral. It is NOT imported into the widget bundle — the
 *   bundle stays tropical; this file is what makes a given operator's page clean.
 *   Remove the <link> to revert that page to Tropical Money.
 *   Palette: white/neutral background, teal accent #0E8C9B, true gold #CBA135.
 * Author: Larry McLean / Claude
 * Created: 2026-08-09
 * Version: 1.2.0
 * Status: ACTIVE
 * Change Log (append-only):
 *   - 2026-08-09: v1.0.0 - Initial Clean Drop-In theme: token remap, white background
 *     (tropical water hidden), flat gold price, and fixes for elements that were white
 *     text/tracks on the old water. Phone + web bodies. [Larry McLean / Claude]
 *   - 2026-08-10: v1.1.0 - Relocated from src/ to public/ as a standalone host-page
 *     stylesheet (no longer bundle-imported). Content unchanged; role changed to a
 *     swappable <link> the host page loads after /widget-embed.css. [Larry McLean / Claude]
 *   - 2026-08-13: v1.2.0 - Extend clean skin to the funnel: flatten .aqx-funnel .oc .amt to
 *     flat gold; darken .aqx-build-foot so the funnel footer branding does not vanish on the
 *     clean background. Violet featured chip left as-is per owner. [Larry McLean / Claude]
 */

/* 1) PALETTE — remap the tokens for both bodies (phone :root + web .aqx) */
:root, .aqx{
  --turq:#0E8C9B; --turq-deep:#0E8C9B;
  --deep-aqua:#123F52;                 /* headings stay dark; buttons read teal→ink */
  --ink:#123F52; --ink-strong:#0C3547;
  --muted:#55686F; --faint:#8A99A0;
  --line:#E6ECEF;
  --gold:#CBA135; --gold-mid:#D8B24A; --gold-bright:#E3C25E;
  --card:#FFFFFF; --card-solid:#FFFFFF; --card-brd:#E6ECEF;
  --panel:#FFFFFF; --panel-brd:#E6ECEF;
  --reef:#1F9E6B; --reef-ink:#137A51; --reef-tint:rgba(31,158,107,.14);
}

/* 2) WHITE BACKGROUND — drop the tropical water on both bodies */
.aqx{
  background:#F5F8F9 !important;
  box-shadow:0 1px 4px rgba(18,63,82,.06), 0 0 0 1px #E6ECEF !important;
}
.aqx-water, .water, .water-web{ display:none !important; }
.phone{
  background:#FFFFFF !important;
  box-shadow:0 1px 4px rgba(18,63,82,.06), 0 0 0 1px #E6ECEF !important;
}

/* 3) PRICE — flatten the gold gradient to a clean, readable gold */
.aqx-amt, .aqx-rail-trow .val, .aqx-itamt, .aqx-course-amt, .aqx-trow.grand .aqx-val,
.scard .price .amt, .itin-amt, .trow.grand .val, .aqx-funnel .oc .amt{
  background:none !important;
  -webkit-background-clip:initial !important; background-clip:initial !important;
  -webkit-text-fill-color:#CBA135 !important; color:#CBA135 !important;
}

/* 4) FIX elements that were white text / near-white tracks on the old water */
.aqx-foot, .aqx-build-foot{ color:#55686F !important; text-shadow:none !important; }
.aqx-seg .aqx-bar{ background:#E6ECEF !important; }
.rail .bar{ background:#E6ECEF !important; }

/* 5) MOBILE sticky action bar — neutral instead of the tropical wash */
.bar{ background:#FFFFFF !important; border-top:1px solid #E6ECEF !important; }