/**
 * Element Overrides - Generated by FVE
 * Last updated: 2026-02-16T03:57:13.438Z
 * 
 * These are element-specific style changes that override
 * the base theme styles for individual elements.
 */

[data-hbs-id="sgrs5r5"] {
  background-color: var(--color-primary-text) !important; /* detached from --color-primary-text */
}

/* ===== Give brand skin — faster-courses plugin (fc-* classes are course-page only) ===== */
.fc-catalog-hero, .fc-dashboard-hero, .fc-detail-hero {
  background: linear-gradient(135deg, #F7F9FB 0%, #E8EEF2 100%) !important;
  border-bottom: 1px solid var(--light-gray) !important;
  padding: clamp(48px, 6vw, 84px) 24px !important;
}
.fc-catalog-hero h1, .fc-dashboard-hero h1, .fc-detail-hero__content h1 {
  font-family: var(--font-heading) !important; color: var(--brand-primary) !important;
}
.fc-eyebrow {
  color: var(--brand-primary) !important; font-family: var(--font-heading) !important;
  font-weight: 700 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important;
}
.fc-hero-copy { color: #52606D !important; }
.fc-page h1, .fc-page h2, .fc-page h3 { font-family: var(--font-heading) !important; }

/* Course cards */
.fc-course-card {
  border: 1px solid var(--light-gray) !important; border-radius: 14px !important;
  background: #FFFFFF !important; overflow: hidden !important;
  transition: border-color .2s, transform .2s, box-shadow .2s !important;
}
.fc-course-card:hover { border-color: var(--brand-secondary) !important; transform: translateY(-3px) !important; box-shadow: 0 18px 40px rgba(0,0,0,.07) !important; }
.fc-course-card__media { aspect-ratio: 16/10 !important; background: rgba(0,173,177,.07) !important; }
.fc-course-card__media img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
.fc-course-card__placeholder { display: flex !important; align-items: center; justify-content: center; width: 100%; height: 100%; background: linear-gradient(135deg, var(--brand-secondary), var(--brand-accent)) !important; color: #fff !important; font-family: var(--font-heading) !important; font-weight: 700 !important; }
.fc-course-card h2, .fc-course-card h2 a { font-family: var(--font-heading) !important; color: #111827 !important; text-decoration: none !important; }
.fc-course-card:hover h2 a { color: var(--brand-primary) !important; }
.fc-course-card__meta span { color: #6B7280 !important; }
.fc-price { color: var(--brand-primary) !important; font-family: var(--font-heading) !important; font-weight: 700 !important; }

/* Buttons */
.fc-primary-button, .fc-link-button, .fc-sidebar-button, .fc-certificate-action--primary {
  background: var(--action-primary) !important; color: #FFFFFF !important; border: none !important;
  font-family: var(--font-heading) !important; font-weight: 700 !important; border-radius: 10px !important;
}
.fc-primary-button:hover, .fc-link-button:hover, .fc-sidebar-button:hover, .fc-certificate-action--primary:hover { background: var(--action-primary-hover) !important; }
.fc-secondary-button {
  background: #FFFFFF !important; color: var(--brand-primary) !important; border: 1px solid var(--brand-primary) !important;
  font-family: var(--font-heading) !important; font-weight: 700 !important; border-radius: 10px !important;
}
.fc-secondary-button:hover { background: var(--brand-primary) !important; color: #FFFFFF !important; }
.fc-secondary-button--accent { border-color: var(--brand-secondary) !important; color: var(--brand-secondary) !important; }

/* Progress */
.fc-progress__track { background: var(--light-gray) !important; }
.fc-progress__bar { background: linear-gradient(90deg, var(--brand-secondary), var(--brand-primary)) !important; }

/* Share card: long course URL must wrap (was nowrap -> horizontal overflow) */
.fc-share-card { max-width: 100% !important; }
.fc-share-url { white-space: normal !important; overflow-wrap: anywhere !important; word-break: break-word !important; max-width: 100% !important; }