/*
 * Classic look: the practitioner pages, the join form and the practitioner hub
 * in the site's original identity, used while the new identity (Amira Design
 * Language) is off. Loaded only then, so everything here can stay unscoped.
 *
 * Original palette (amiramayoof-child): antique tan #c1aa89 / #dbc8ad,
 * near-black #141823, grey #7a7a7a, white and light-grey sections; Cairo for
 * Arabic and Montserrat for English come from the theme; pill buttons; page
 * heads on the slider image (--icx-classic-hero, set inline by PHP).
 */

body {
  --icx-navy: #141823;
  --icx-deep: #141823;
  --icx-gold: #c1aa89;
  --icx-gold-d: #a08a68;
  --icx-cream: #faf7f2;
  --icx-paper: #f6f4f0;
  --icx-line: #e7ded1;
  --icx-ink: #3b3f47;
  --icx-muted: #7a7a7a;
  --icx-ok: #8f7752;
}

/* Page heads: the theme's title-bar image under a dark veil. */
.icx-hero:not(.is-portrait):not(.is-split):not(.is-home):not(.is-ic) {
  background: linear-gradient(rgba(20, 24, 35, 0.62), rgba(20, 24, 35, 0.62)),
    var(--icx-classic-hero, #141823) center / cover no-repeat;
}
.icx-hero::after {
  display: none;
}
.icx-hero .icx-eyebrow,
.icx-hero .icx-motto {
  color: #dbc8ad;
}
.icx-hero .icx-eyebrow::before {
  background: #dbc8ad;
}
.icx-tabs {
  background: rgba(20, 24, 35, 0.55);
}
.icx-tabs.is-pinned {
  background: rgba(20, 24, 35, 0.95);
}

/* Buttons: the theme's tan pills with white text. */
.icx-btn {
  border-radius: 30px;
  color: #fff !important;
  padding: 12px 28px;
}
.icx-btn:hover,
.icx-btn:focus-visible {
  color: #fff !important;
}
.icx-btn.is-ghost {
  color: var(--icx-navy) !important;
  background: transparent;
  border-color: var(--icx-gold);
}
.icx-btn.is-ghost:hover,
.icx-btn.is-ghost:focus-visible {
  background: var(--icx-gold);
  color: #fff !important;
}
.icx-hero .icx-btn.is-ghost,
.icx-band .icx-btn.is-light,
.icx-value .icx-btn {
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.85);
}
.icx-hero .icx-btn.is-ghost:hover,
.icx-band .icx-btn.is-light:hover {
  background: #fff;
  color: var(--icx-navy) !important;
}

/* Cards and panels: softer, rounder, like the theme's boxes. */
.icx-card,
.icx-benefit,
.icx-package,
.icx-objectives li,
.icx-join-steps li,
.icx-axes li,
.icx-roadmap li,
.icx-tier,
.icx-form {
  border-radius: 12px;
}
.icx-card,
.icx-benefit,
.icx-package {
  border-end-end-radius: 12px;
}
.icx-card::before,
.icx-benefit::before {
  display: none;
}
.icx-benefit-head .icx-num,
.icx-letters .l {
  background: var(--icx-gold);
  color: #fff;
}
.icx-tier.is-base,
.icx-value,
.icx-band {
  background: #141823;
}
.icx-tier.is-base strong,
.icx-value h3 {
  color: #dbc8ad;
}
.icx-tag.is-now {
  background: #f3ece1;
  color: #8f7752;
}
.icx-package .icx-save {
  color: #8f7752;
}
.icx-objectives li::before,
.icx-list li::marker,
.icx-kind {
  color: #a08a68;
}

/* Practitioner hub inside My Account. */
.ich-tabs a.is-active,
.ich-tabs a[aria-current] {
  border-bottom-color: var(--icx-gold) !important;
}
.ich-card.is-accent {
  border-top-color: var(--icx-gold) !important;
}