/* ============================================================
   8FLiX — Global Theme Colour System
   File: /wp-content/themes/8flix-child/css/efx-theme-colors.css
   ============================================================ */

:root {
  /* Core 8FLiX brand */
  --efx-magenta: #D3239A;
  --efx-warm: #FF6A00;

  /* Site foundation */
  --efx-bg: #0B0F17;
  --efx-surface: #111827;
  --efx-surface-soft: #161F2E;

  /* Header / footer */
  --efx-header-bg: #070A10;
  --efx-footer-bg: #090C12;

  /* Text */
  --efx-text: #F4F7FB;
  --efx-text-muted: #AEB7C6;
  --efx-text-soft: #D6DCE7;

  /* Borders / accents */
  --efx-border: rgba(255,255,255,.10);
  --efx-border-strong: rgba(255,255,255,.16);
  --efx-accent-soft: rgba(211,35,154,.14);
  --efx-warm-soft: rgba(255,106,0,.13);

  /* Links */
  --efx-link: #F4F7FB;
  --efx-link-hover: #FF8A2A;
}

/* Main site background */
html,
body {
  background: var(--efx-bg);
  color: var(--efx-text);
}

/* ============================================================
   8FLiX — Header Background Bleed Fix
   Forces every Astra header layer to use the same dark surface.
   ============================================================ */

#masthead,
#masthead .site-header,
#masthead .ast-primary-header-bar,
#masthead .main-header-bar,
#masthead .ast-container,
#masthead .site-primary-header-wrap,
#masthead .ast-builder-grid-row,
#masthead .ast-builder-layout-element,
#masthead .main-header-container,
#masthead .ast-site-identity,
#masthead .site-branding,
#masthead .main-navigation {
  background-color: var(--efx-header-bg) !important;
}

/* Astra page containers */
.site,
.site-content,
.ast-container,
#content,
#page {
  background: var(--efx-bg);
}

/* Main content text defaults */
.entry-content,
.entry-content p,
.entry-content li,
.entry-content td,
.entry-content th,
.ast-archive-description p {
  color: var(--efx-text-soft);
}

/* Headings */
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.site-main h1,
.site-main h2,
.site-main h3,
.site-main h4,
.site-main h5,
.site-main h6,
.ast-archive-description h2,
.ast-archive-description h3,
.ast-archive-description h4,
.ast-archive-description h5,
.ast-archive-description h6 {
  color: var(--efx-text);
}

/* Links */
.entry-content a,
.site-content a {
  color: var(--efx-link);
}

.entry-content a:hover,
.site-content a:hover {
  color: var(--efx-link-hover);
}

/* Astra header */
.site-header,
.ast-primary-header-bar,
.main-header-bar,
#masthead {
  background: var(--efx-header-bg);
}

/* Thin cinematic brand blade under header */
.ast-primary-header-bar,
.main-header-bar {
  border-bottom: 0;
  position: relative;
}

.ast-primary-header-bar::after,
.main-header-bar::after {
  content: "";
  display: block;
  height: 2px;
  width: 100%;
  background: linear-gradient(90deg, var(--efx-magenta), var(--efx-warm));
  position: absolute;
  left: 0;
  bottom: 0;
}

/* Header navigation */
.main-header-menu .menu-link,
.ast-builder-menu .main-navigation .menu-item > .menu-link,
.site-header a {
  color: var(--efx-text);
}

.main-header-menu .menu-link:hover,
.ast-builder-menu .main-navigation .menu-item > .menu-link:hover,
.site-header a:hover {
  color: var(--efx-link-hover);
}

/* Mobile header */
#ast-mobile-header,
.ast-mobile-header-wrap,
.ast-mobile-header-content {
  background: var(--efx-header-bg);
}

/* Footer */
.site-footer,
.site-primary-footer-wrap,
.site-above-footer-wrap,
.site-below-footer-wrap,
.ast-footer-copyright,
footer {
  background: var(--efx-footer-bg);
  color: var(--efx-text-muted);
}

/* Footer headings */
.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer h6,
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6 {
  color: var(--efx-text);
}

/* Footer links */
.site-footer a,
footer a {
  color: var(--efx-text-muted);
}

.site-footer a:hover,
footer a:hover {
  color: var(--efx-link-hover);
}

/* Beaver Builder row defaults */
.fl-builder-content,
.fl-row-content-wrap {
  background-color: transparent;
}

/* Optional dark card utility for future blocks */
.efx-surface,
.efx-card,
.efx-panel {
  background: var(--efx-surface);
  color: var(--efx-text-soft);
  border: 1px solid var(--efx-border);
  border-radius: 14px;
}

/* Softer alternate panel */
.efx-surface-soft,
.efx-card-soft,
.efx-panel-soft {
  background: var(--efx-surface-soft);
  color: var(--efx-text-soft);
  border: 1px solid var(--efx-border);
  border-radius: 14px;
}

/* Header dropdowns */
.main-header-menu .sub-menu,
.ast-builder-menu .main-navigation .sub-menu {
  background: var(--efx-surface);
  border: 1px solid var(--efx-border);
}

.main-header-menu .sub-menu .menu-link,
.ast-builder-menu .main-navigation .sub-menu .menu-link {
  color: var(--efx-text-soft);
}

.main-header-menu .sub-menu .menu-link:hover,
.ast-builder-menu .main-navigation .sub-menu .menu-link:hover {
  color: var(--efx-link-hover);
  background: rgba(255,255,255,.04);
}

/* ===============================
   Tag Icons
   =============================== */
/* Tag Icon*/
.ast-terms-link:before {
	content: '\f02c' !important;
	font-family: 'Font Awesome 6 Pro';
	color: var(--efx-warm);
	padding-right: 5px;
}