/* Elite "soft tide" polish layer. Loads after soft-depth.css on every public page.
   Three motions only, all transform/opacity/shadow (no layout work): 1) cards lift softly on hover,
   2) blocks below the fold fade up once as they arrive, 3) buttons keep the water fill and get a warm gold glow.
   Every motion is skipped for prefers-reduced-motion, and nothing above the fold is ever hidden. */
:root {
  --ea-gold: #fbbc05;
  --ea-gold-soft: #fff4d0;
  --ea-navy: #16245f;
  --ea-ink: #0e1533;
  --ea-line-soft: rgba(22, 36, 95, .09);
  --ea-shadow-1: 0 1px 2px rgba(22, 36, 95, .05), 0 8px 22px -6px rgba(22, 36, 95, .10);
  --ea-shadow-2: 0 2px 4px rgba(22, 36, 95, .06), 0 20px 40px -12px rgba(22, 36, 95, .18);
  --ea-shadow-gold: 0 10px 24px -10px rgba(214, 150, 0, .7);
  --ea-glass: rgba(255, 255, 255, .78);
  --ea-ease-soft: cubic-bezier(.22, .8, .2, 1);
}

/* ---- Buttons: gold is the one primary action again; navy stays for everything else ---- */
html:root:root body:not(.wp-admin) :is(.ea-btn--gold, .ea-btn[data-cca-enrollment]:not(.ea-btn--outline):not(.ea-btn--sm)):not([data-elite-seminar-launcher]) {
  --ea-btn-bg: var(--ea-navy, #16245f);
  --ea-btn-fg: #fff;
  --ea-btn-fg-hover: #0b1437;
  --ea-btn-water: var(--ea-gold, #fbbc05);
  --ea-btn-water-2: #ffd34d;
  --ea-btn-shadow: 0 10px 22px -12px rgba(22, 36, 95, .6);
  box-shadow: 0 10px 22px -12px rgba(22, 36, 95, .6);
}
html:root:root body:not(.wp-admin) :is(.ea-btn--gold, .ea-btn[data-cca-enrollment]:not(.ea-btn--outline)) .ea-btn__icon { background: rgba(255, 255, 255, .16); }
html:root:root body:not(.wp-admin) :is(.ea-btn--gold, .ea-btn[data-cca-enrollment]:not(.ea-btn--outline)):is(:hover, :focus-visible) .ea-btn__icon { background: rgba(255, 255, 255, .18); }
html:root:root body:not(.wp-admin) .ea-btn:not(.ea-btn--gold):not(.ea-btn--outline):not(.ea-btn--on-navy):not([data-cca-enrollment]):not(:disabled) { box-shadow: 0 8px 20px -10px rgba(22, 36, 95, .55); }
html:root:root body:not(.wp-admin) .ea-btn--outline { background: rgba(255, 255, 255, .6); box-shadow: 0 2px 8px -4px rgba(22, 36, 95, .2); }
html:root:root body:not(.wp-admin) .ea-btn:is(:disabled, [aria-disabled="true"]) { box-shadow: none; }

/* ---- Cards: one soft raised surface, a gentle lift and a warm edge on hover ---- */
html:root:root body:not(.wp-admin) :is(.elite-path-card, .elite-course-card, .elite-about-card, .cca-course-card, .cca-schedule-card, .cca-track-card, .cca-review-card:not(.is-lead), .cca-selection-editor, .cca-enrollment-summary) {
  border: 1px solid var(--ea-line-soft);
  border-radius: 24px;
  box-shadow: var(--ea-shadow-1);
  transition: translate .3s var(--ea-ease-soft), box-shadow .3s var(--ea-ease-soft), border-color .3s var(--ea-ease-soft);
}
@media (hover: hover) and (pointer: fine) {
  html:root:root body:not(.wp-admin) :is(.elite-path-card, .elite-course-card, .cca-course-card, .cca-schedule-card:not(.is-unavailable), .cca-track-card, .cca-review-card:not(.is-lead)):hover {
    translate: 0 -4px;
    border-color: rgba(251, 188, 5, .6);
    box-shadow: var(--ea-shadow-2);
  }
}
html:root:root body:not(.wp-admin) .cca-schedule-card.is-unavailable { box-shadow: none; }

/* ---- Pills: status and meta chips share one soft shape ---- */
html:root:root body:not(.wp-admin) :is(.cca-status, .elite-course-tag, .elite-course-hours, .cca-card-meta span, .cca-flow-badge) {
  border-radius: 999px;
}
html:root:root body:not(.wp-admin) .cca-status.is-open { background: var(--ea-gold-soft); color: #5c3d00; border: 1px solid rgba(251, 188, 5, .55); }
html:root:root body:not(.wp-admin) .cca-card-meta span { background: #f3f5fb; padding: 3px 10px; }

/* ---- Glass: the floating header and every dialog ---- */
@supports (backdrop-filter: blur(1px)) {
  html:root:root body:not(.wp-admin) .era-nav-surface { background-color: var(--ea-glass); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
  dialog.cca-dialog::backdrop, dialog.cca-enrollment-flow::backdrop { background: rgba(11, 20, 55, .42); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); }
}
dialog.cca-dialog, dialog.cca-enrollment-flow { border-radius: 28px; box-shadow: 0 36px 90px -24px rgba(11, 20, 55, .5); }
dialog.cca-dialog[open], dialog.cca-enrollment-flow[open] { animation: ea-pop .28s var(--ea-ease-soft) both; }
@keyframes ea-pop { from { opacity: 0; transform: translate3d(0, 14px, 0) scale(.985); } to { opacity: 1; transform: none; } }

/* ---- Fade-up: blocks below the fold arrive once. Classes are added and removed by ea-polish.js ---- */
.ea-rv { opacity: 0; translate: 0 18px; }
.ea-rv.ea-rv-in { opacity: 1; translate: 0 0; transition: opacity .55s var(--ea-ease-soft) var(--ea-rv-d, 0ms), translate .55s var(--ea-ease-soft) var(--ea-rv-d, 0ms); }

/* ---- Forms: soft inset fields with a clear gold focus ring ---- */
html:root:root body:not(.wp-admin) :is(.cca-public, .woocommerce-checkout, .woocommerce-cart) :is(input[type="text"], input[type="email"], input[type="tel"], input[type="password"], select, textarea) {
  border-radius: 14px;
  border: 1px solid rgba(22, 36, 95, .16);
  background: #fff;
  box-shadow: inset 0 1px 3px rgba(22, 36, 95, .06);
  transition: border-color .2s ease, box-shadow .2s ease;
}
html:root:root body:not(.wp-admin) :is(.cca-public, .woocommerce-checkout, .woocommerce-cart) :is(input, select, textarea):focus-visible {
  outline: none;
  border-color: var(--ea-gold);
  box-shadow: 0 0 0 4px rgba(251, 188, 5, .28);
}

/* ---- Cart and checkout: soft panels, a gold pay button and friendlier notices ---- */
html:root:root body:not(.wp-admin) .cca-payment-page :is(.cca-checkout-details, .cca-checkout-summary) { box-shadow: var(--ea-shadow-1); }
html:root:root body:not(.wp-admin) .cca-payment-page .woocommerce #payment { border: 1px solid var(--ea-line-soft); }
html:root:root body:not(.wp-admin) .cca-payment-page .woocommerce #payment #place_order {
  --ea-btn-bg: var(--ea-gold); --ea-btn-fg: #0b1437; --ea-btn-fg-hover: #fff; --ea-btn-water: #16245f; --ea-btn-water-2: #283d77;
  border-radius: 999px; font-weight: 700; box-shadow: var(--ea-shadow-gold);
}
html:root:root body:not(.wp-admin) .cca-payment-page .woocommerce .woocommerce-info {
  border: 1px solid rgba(251, 188, 5, .5); border-radius: 16px; background: var(--ea-gold-soft); color: #3b2e00; box-shadow: var(--ea-shadow-1);
}
html:root:root body:not(.wp-admin) .cca-payment-page .woocommerce .woocommerce-error { border-radius: 16px; }

@media (prefers-reduced-motion: reduce) {
  .ea-rv { opacity: 1; translate: none; }
  .ea-rv.ea-rv-in { transition: none; }
  dialog.cca-dialog[open], dialog.cca-enrollment-flow[open] { animation: none; }
  html:root:root body:not(.wp-admin) :is(.elite-path-card, .elite-course-card, .cca-course-card, .cca-schedule-card, .cca-track-card, .cca-review-card):hover { translate: none; }
}
@media (forced-colors: active) {
  html:root:root body:not(.wp-admin) :is(.elite-path-card, .cca-course-card, .cca-schedule-card, .cca-track-card, .cca-review-card, .cca-enrollment-summary) { box-shadow: none; border: 1px solid CanvasText; }
}

/* ---- Less yellow (2026-10-12): the rule above makes these buttons navy with a gold hover fill. Gold stays only on
   navy surfaces (an ID inside :is() gives these rules the higher specificity), plus the hero CTA and the pay button. ---- */
html:root:root body:not(.wp-admin) :is(#era-footer, #era-header .era-feature, .esp-cta-banner, .ea-surface-navy) :is(.ea-btn--gold, .ea-btn[data-cca-enrollment]:not(.ea-btn--outline)) {
  --ea-btn-bg: var(--ea-gold, #fbbc05);
  --ea-btn-fg: #0b1437;
  --ea-btn-fg-hover: #fff;
  --ea-btn-water: #16245f;
  --ea-btn-water-2: #283d77;
  --ea-btn-shadow: var(--ea-shadow-gold);
  box-shadow: var(--ea-shadow-gold);
}
html:root:root body:not(.wp-admin) [data-elite-seminar-launcher] .esm-launcher-dot { background: var(--ea-gold, #fbbc05); }
/* The launcher's gold comes from an ID-weighted rule in soft-depth.css; the ID inside :is() matches its weight. */
html:root:root body:not(.wp-admin) :is([data-elite-seminar-launcher], #era-none)[data-elite-seminar-launcher] { --ea-btn-bg: var(--ea-navy, #16245f); --ea-btn-fg: #fff; --ea-btn-fg-hover: #0b1437; --ea-btn-water: var(--ea-gold, #fbbc05); --ea-btn-water-2: #ffd34d; --ea-btn-border: var(--ea-navy, #16245f); }