/* MCF GYMS — Brand lock (load last)
   Source of truth: uploaded MCF GYMS logo
   Primary #F02D0D · Black #000000 · White #FFFFFF · Dark text #111111 · Light #F5F5F5 */

:root {
  --brand-primary: #F02D0D !important;
  --brand-primary-dark: #C8240A !important;
  --brand-primary-light: #FF4A2A !important;
  --brand-primary-rgb: 240, 45, 13 !important;
  --brand-black: #000000 !important;
  --brand-white: #FFFFFF !important;
  --brand-dark-text: #111111 !important;
  --brand-light-bg: #F5F5F5 !important;

  --as-black: #000000 !important;
  --as-charcoal: #0a0a0a !important;
  --as-steel: #141414 !important;
  --as-footer: #000000 !important;
  --as-primary: #F02D0D !important;
  --as-primary-dark: #C8240A !important;
  --as-primary-light: #FF4A2A !important;
  --as-primary-rgb: 240, 45, 13 !important;
  --as-silver: #E8E8E8 !important;
  --as-cream: #FFFFFF !important;
  --as-muted: #B8B8B8 !important;
  --as-red: #F02D0D !important;
  --as-red-dark: #C8240A !important;
  --as-amber: #FF4A2A !important;
  --as-lime-gradient: linear-gradient(135deg, #C8240A 0%, #F02D0D 48%, #FF4A2A 100%) !important;
  --as-primary-gradient: linear-gradient(135deg, #C8240A 0%, #F02D0D 48%, #FF4A2A 100%) !important;
  --as-glow: 0 0 32px rgba(240, 45, 13, 0.35) !important;
  --as-glass-border: rgba(240, 45, 13, 0.28) !important;
}

html, body {
  background-color: #000000 !important;
  color: #FFFFFF !important;
}

body {
  background-image:
    radial-gradient(ellipse at 8% -8%, rgba(240, 45, 13, 0.18), transparent 42%),
    radial-gradient(ellipse at 92% 0%, rgba(255, 255, 255, 0.05), transparent 40%),
    linear-gradient(180deg, #000000, #0a0a0a 55%, #000000) !important;
  background-attachment: fixed !important;
}

/* Primary CTAs — white text on red/orange for contrast */
.btn-as,
.btn-hero-primary,
.badge-featured,
.float-call,
.plan-card .badge-featured,
.announcement-bar {
  background: linear-gradient(135deg, #C8240A 0%, #F02D0D 48%, #FF4A2A 100%) !important;
  border-color: #F02D0D !important;
}
body:not(.home-landing) .nav-link.active {
  color: #FFFFFF !important;
  background: linear-gradient(135deg, #C8240A 0%, #F02D0D 48%, #FF4A2A 100%) !important;
  border-radius: 999px;
}
body:not(.home-landing) .nav-link.active::after {
  display: none !important;
  content: none !important;
}

.btn-as,
.btn-hero-primary,
.badge-featured,
.plan-card .badge-featured {
  color: #FFFFFF !important;
  box-shadow: 0 12px 32px rgba(240, 45, 13, 0.4) !important;
}

.btn-as:hover,
.btn-hero-primary:hover {
  background: linear-gradient(135deg, #F02D0D 0%, #FF4A2A 100%) !important;
  color: #FFFFFF !important;
  filter: brightness(1.05);
}

.btn-as:focus-visible,
.btn-hero-primary:focus-visible,
.form-as .form-control:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(240, 45, 13, 0.28) !important;
  border-color: #F02D0D !important;
}

body:not(.home-landing) .nav-link.active {
  box-shadow: 0 6px 18px rgba(240, 45, 13, 0.4) !important;
}

.float-call {
  color: #FFFFFF !important;
}

a:not(.btn):not(.nav-link):not(.dropdown-item):not(.btn-as):not(.btn-hero-primary):not(.btn-hero-secondary):not(.btn-as-outline) {
  color: #F02D0D;
}
a:not(.btn):not(.nav-link):not(.dropdown-item):not(.btn-as):not(.btn-hero-primary):not(.btn-hero-secondary):not(.btn-as-outline):hover {
  color: #FF4A2A;
}

.section-title span,
.hero-highlight,
.eyebrow,
.plan-price,
.trainer-info .spec,
.hp-stat-value,
.hp-feature-card__icon,
.hp-service-list-item__icon {
  color: #F02D0D !important;
}

.section-title span,
.hero-highlight {
  background: linear-gradient(120deg, #C8240A, #F02D0D 45%, #FF4A2A) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

.site-header {
  background: rgba(0, 0, 0, 0.9) !important;
  border-bottom: 1px solid rgba(240, 45, 13, 0.28) !important;
}

.section-alt {
  background: linear-gradient(180deg, rgba(240, 45, 13, 0.07), transparent 40%), #0a0a0a !important;
  color: #FFFFFF !important;
}

.announcement-bar {
  background: #F02D0D !important;
  color: #FFFFFF !important;
}

.pagination .page-link {
  color: #F02D0D !important;
  border-color: rgba(240, 45, 13, 0.25) !important;
  background: #0a0a0a !important;
}
.pagination .page-item.active .page-link,
.pagination .page-link:hover {
  background: #F02D0D !important;
  border-color: #F02D0D !important;
  color: #FFFFFF !important;
}

.dropdown-menu {
  background: #161816 !important;
  border: 1px solid rgba(240, 45, 13, 0.35) !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.55);
}
.dropdown-item {
  color: rgba(255, 255, 255, 0.9) !important;
}
.dropdown-item:hover,
.dropdown-item:focus {
  background: rgba(240, 45, 13, 0.2) !important;
  color: #FFFFFF !important;
}
.dropdown-item.active,
.dropdown-item.active:hover,
.dropdown-item.active:focus {
  background: linear-gradient(135deg, #C8240A 0%, #F02D0D 48%, #FF4A2A 100%) !important;
  color: #FFFFFF !important;
}

.offer-popup-cta,
.modal .btn-as {
  color: #FFFFFF !important;
}

/* Logo display: full circular mark, no crop */
.brand-logo-wrap {
  width: auto !important;
  height: auto !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}
.brand-logo {
  width: auto !important;
  height: 58px !important;
  max-width: min(220px, 55vw) !important;
  object-fit: contain !important;
  object-position: left center !important;
  border-radius: 0 !important;
}
.site-footer .brand-logo {
  height: 68px !important;
}

@media (max-width: 991.98px) {
  .brand-logo {
    height: 46px !important;
    max-width: min(160px, 46vw) !important;
  }
}
@media (max-width: 575.98px) {
  .brand-logo {
    height: 40px !important;
    max-width: min(140px, 42vw) !important;
  }
}