/* =============================================================
   event-mercs.css — Event Mercs brand theme
   Requires: base.css, brand-shared.css

   Personality: Professional, tactical, reliable.
   Palette: Deep forest black bg, green accent, cool neutral whites.
   Typography: Inter — clean, structured, no-nonsense.
   ============================================================= */

/* ── Brand CSS variables for this page ── */
.page--talent {
  --brand-accent:      #1A6B4A;
  --brand-accent-dark: #134f37;
  --brand-bg:          #0B130E;        /* deep forest dark */
  --brand-about-bg:    #f6faf8;        /* very light mint */
  --brand-services-bg: #0B130E;
  --brand-card-bg:     rgba(255,255,255,0.04);
  --brand-partner-bg:  #081009;
}

/* ── Nav accent ── */
.site-header--talent {
  background-color: #080f0a;
  border-bottom-color: rgba(26, 107, 74, 0.25);
}

/* ── Hero ── */
.brand-hero--talent {
  background-color: #0B130E;
}

/* Green ambient glow */
.brand-hero--talent::after {
  content: '';
  position: absolute;
  top: -10%;
  right: -5%;
  width: 50%;
  height: 65%;
  background: radial-gradient(ellipse, rgba(26, 107, 74, 0.16) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
}

/* ── About section ── */
.brand-about--talent {
  background-color: #f6faf8;
}

.brand-about--talent .brand-about__heading {
  color: var(--color-talent);
}

/* ── Roster section ── */
.brand-services--talent {
  background-color: #0B130E;
  color: #ffffff;
}

.brand-services--talent .brand-services__heading {
  color: #ffffff;
}

.brand-services--talent .services-grid__item {
  background-color: rgba(255, 255, 255, 0.04);
  border-left-color: var(--color-talent);
}

.brand-services--talent .services-grid__icon {
  color: var(--color-talent);
}

.brand-services--talent .services-grid__title {
  color: #ffffff;
}

.brand-services--talent .services-grid__desc {
  color: rgba(255, 255, 255, 0.65);
}

/* ── Contact section (bookings) ── */
.brand-contact-section--talent {
  background-color: #08100b;
  border-top: 1px solid rgba(26, 107, 74, 0.2);
}

.contact-btn--talent {
  background-color: var(--color-talent);
}

.contact-btn--talent:hover {
  background-color: var(--color-talent-dark);
}

.contact-btn--talent.contact-btn--outline {
  background-color: transparent;
  border-color: var(--color-talent);
  color: var(--color-talent);
}

.contact-btn--talent.contact-btn--outline:hover {
  background-color: var(--color-talent);
  color: #ffffff;
}

/* ── Partner section ── */
.brand-partner-section--talent {
  background-color: #081009;
  border-top: 1px solid rgba(26, 107, 74, 0.15);
}

.brand-partner-section--talent .brand-partner-section__badge {
  color: var(--color-talent);
  border-color: var(--color-talent);
}

.brand-partner-section--talent .partner-perks__icon {
  color: var(--color-talent);
}