/* ===== 1) Vars: red theme ===== */
:root{
  --mma-gym-accent:#C9E813;   /* lime */
  --mma-gym-accent-2:#0a0a0a; /* lime (secondary) */
  --mma-gym-white:#FFFFFF;
  --mma-gym-black:#000000;
  --mma-gym-ink:ghostwhite;
  --mma-gym-muted:#BBBBBB;
  --mma-gym-bg:#0A0A0A;
  --mma-gym-card:#1E1E1E;
  --mma-gym-ring:rgba(201,232,19,.4);
  --mma-gym-shadow-1:rgba(0,0,0,.35);
  --mma-gym-shadow-2:rgba(0,0,0,.45);
  --mma-gym-radius:16px;
  --mma-gym-maxw:1100px;
  /* ===== Add these inside your existing :root {} ===== */
  --font-heading: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-heading-weight: 700;
  --font-body-weight: 400;
}

/* ===== 2) Global theme overrides (with !important) ===== */
body, .site, #main { background-color: var(--mma-gym-bg) !important; color: var(--mma-gym-ink) !important; }

/* Links: keep red text; no invert on hover (as per your latest snippet) */
a { color: var(--mma-gym-muted) !important; }
a:hover, a:focus { color: var(--mma-gym-accent) !important; }

h1,h2,h3,h4,h5,h6{ color: var(--mma-gym-white) !important; }

/* ===== Typography (headings + paragraphs) ===== */
body {
  font-family: var(--font-body) !important;
  font-weight: var(--font-body-weight) !important;
  line-height: 1.6 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* You already set heading color above; this adds the font family/weight */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading) !important;
  font-weight: var(--font-heading-weight) !important;
  line-height: 1.2 !important;
  letter-spacing: -0.01em;
}

/* Base paragraph style (specific sections can still override, e.g. muted) */
p {
  font-family: var(--font-body) !important;
  font-weight: var(--font-body-weight) !important;
  color: var(--mma-gym-ink) !important;
  margin: 0 0 1em;
}

/* Optional: sensible heading sizes (keeps your section-specific sizes intact) */
h1 { font-size: clamp(28px, 4.5vw, 44px); }
h2 { font-size: clamp(22px, 3.5vw, 32px); }
h3 { font-size: clamp(18px, 3vw, 24px); }
h4 { font-size: clamp(16px, 2.5vw, 20px); }
h5 { font-size: 1rem; }
h6 { font-size: 0.875rem; }

/* Optional: make “muted” paragraphs easy to call */
p.is-muted { color: var(--mma-gym-muted) !important; }

/* Buttons: default red bg + black text; HOVER = black bg + red text; ACTIVE = red bg + black text */
button,
input[type="button"],
input[type="submit"],
.oceanwp-button,
.theme-button,
.elementor-button,
.mma-gym-btn {
  background: var(--mma-gym-accent) !important;
  color: var(--mma-gym-black) !important;
  border-radius: var(--mma-gym-radius) !important;
  box-shadow: 0 6px 20px var(--mma-gym-shadow-2) !important;
  transition: background-color .2s ease, color .2s ease, transform .05s ease !important;
}
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
.oceanwp-button:hover,
.theme-button:hover,
.elementor-button:hover,
.mma-gym-btn:hover,
button:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
.oceanwp-button:focus,
.theme-button:focus,
.elementor-button:focus,
.mma-gym-btn:focus {
  background: var(--mma-gym-accent-2) !important; /* black */
  color: var(--mma-gym-accent) !important;        /* red */
  filter: none !important;
  outline: none !important;
}
button:active,
input[type="button"]:active,
input[type="submit"]:active,
.oceanwp-button:active,
.theme-button:active,
.elementor-button:active,
.mma-gym-btn:active {
  background: var(--mma-gym-accent) !important;   /* red */
  color: var(--mma-gym-black) !important;         /* black text */
  transform: translateY(0) !important;
}

input, select, textarea {
  background: var(--mma-gym-card) !important;
  color: var(--mma-gym-ink) !important;
  border-color: transparent !important;
}
input:focus, select:focus, textarea:focus, .elementor-field:focus {
  outline: 2px solid var(--mma-gym-ring) !important;
  box-shadow: 0 0 0 3px var(--mma-gym-ring) !important;
}

/* Elementor section-specific button hover (converted to follow the same invert rule) */
.elementor-173 .elementor-element.elementor-element-kibazvq .elementor-button:hover,
.elementor-173 .elementor-element.elementor-element-kibazvq .elementor-button:focus {
  background-color: var(--mma-gym-accent-2) !important; /* black */
  color: var(--mma-gym-accent) !important;              /* red */
}
.elementor-173 .elementor-element.elementor-element-kibazvq .elementor-button:active {
  background-color: var(--mma-gym-accent) !important;   /* red */
  color: var(--mma-gym-black) !important;               /* black */
}
.elementor-173 .elementor-element.elementor-element-bauzrzc .elementor-heading-title {
    font-size: 24px;
    color: var(--mma-gym-accent-2) !important;
  }
/* Scroll-to-top wrapper */
#scroll-top {
  background-color: var(--mma-gym-accent) !important;
}

/* Default icon = white */
#scroll-top i,
#scroll-top svg {
  color: var(--mma-gym-black) !important;
  fill: var(--mma-gym-black) !important;
}
.fa-search {
  color: var(--mma-gym-accent)!important;
}
/* Hover + Active icon = black */
#scroll-top:hover i,
#scroll-top:hover svg,
#scroll-top:active i,
#scroll-top:active svg {
  color: var(--mma-gym-black) !important;
  fill: var(--mma-gym-black) !important;
}

/* ===== 3) Elementor bits you shared, now hard-forced ===== */
.elementor-173 .elementor-element.elementor-element-vhbdtpo .elementor-heading-title {
  color: var(--mma-gym-accent) !important;
}

.mobile-menu .hamburger-inner,
.mobile-menu .hamburger-inner::before,
.mobile-menu .hamburger-inner::after {
  background-color: var(--mma-gym-accent) !important;
}
#teach
.elementor-icon {
  background-color: var(--mma-gym-accent) !important;
}
.elementor-icon {
  fill: var(--mma-gym-white) !important;
  color: var(--mma-gym-white) !important;
  background: none;
}

.mma-open-cue {
  background: var(--mma-gym-accent) !important;
  color: var(--mma-gym-black) !important;
  box-shadow: 0 2px 8px var(--mma-gym-shadow-1) !important;
}

.elementor-173 .elementor-element.elementor-element-aalrwlq.elementor-view-framed .elementor-icon,
.elementor-173 .elementor-icon svg {
  fill: var(--mma-gym-accent) !important;
}

.elementor-173 .elementor-element.elementor-element-rvcziha .elementor-heading-title,
.elementor-173 .elementor-element.elementor-element-txsnfuo .elementor-heading-title {
  color: var(--mma-gym-white) !important;
}

.elementor-173 .elementor-element.elementor-element-mceeebo .elementor-heading-title {
  color: var(--mma-gym-accent) !important;
}

.elementor-173 .elementor-element.elementor-element-ivokknn:not(.elementor-motion-effects-element-type-background),
.elementor-173 .elementor-element.elementor-element-ivokknn > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-color: var(--mma-gym-accent) !important;
}

.elementor-173 .elementor-element.elementor-element-oncpvwn .elementor-counter-number-wrapper {
  color: var(--mma-gym-black) !important;
}

.elementor-173 .elementor-element.elementor-element-e40cba2 .elementor-icon-box-description {
  color: var(--mma-gym-white) !important;
}

/* ===== 4) Brutal helper: catch old hard-coded lime (#C9E813) ===== */
[style*="color:#C9E813"], [style*="color: #C9E813"] { color: var(--mma-gym-accent) !important; }
[style*="background:#C9E813"], [style*="background: #C9E813"],
[style*="background-color:#C9E813"], [style*="background-color: #C9E813"] { background-color: var(--mma-gym-accent) !important; }
[style*="fill:#C9E813"], [style*="fill: #C9E813"] { fill: var(--mma-gym-accent) !important; }

/* Optional utility */
.text-accent{ color: var(--mma-gym-accent) !important; }
.has-card{ background: var(--mma-gym-card) !important; }

/* =========================
   Pricing Table Buttons
   ========================= */
.elementor .pricing-btn .elementor-button {
  max-width: 213px;
  width: 100%;
}

/* =========================
   Header Logo
   ========================= */
#site-header .oceanwp-custom-logo,
#site-header .custom-logo-link {
  background: none !important;
}

/* =========================
   WPForms Modern Theme Overrides
   ========================= */
#wpforms-559.wpforms-container {
  background: var(--mma-gym-card) !important;
  padding: 20px;
  border-radius: 12px;
  border: 1px solid #2a2a2a;
  color: var(--mma-gym-ink) !important;
}

#wpforms-559 label {
  color: var(--mma-gym-ink) !important;
  font-weight: 600;
}

/* Inputs, Textareas, Selects */
#wpforms-559 input[type="text"],
#wpforms-559 input[type="email"],
#wpforms-559 input[type="url"],
#wpforms-559 input[type="tel"],
#wpforms-559 input[type="number"],
#wpforms-559 input[type="password"],
#wpforms-559 textarea,
#wpforms-559 select {
  background: var(--mma-gym-bg) !important;
  border: 1px solid #333 !important;
  color: var(--mma-gym-ink) !important;
  border-radius: 8px !important;
  padding: 12px 14px !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

/* Focus State */
#wpforms-559 input[type="text"]:focus,
#wpforms-559 input[type="email"]:focus,
#wpforms-559 input[type="url"]:focus,
#wpforms-559 input[type="tel"]:focus,
#wpforms-559 input[type="number"]:focus,
#wpforms-559 input[type="password"]:focus,
#wpforms-559 textarea:focus,
#wpforms-559 select:focus {
  border-color: var(--mma-gym-accent) !important;
  box-shadow: 0 0 8px var(--mma-gym-ring) !important;
  outline: none !important;
}

/* Placeholder Text */
#wpforms-559 ::placeholder {
  color: var(--mma-gym-muted) !important;
}

/* Submit Button (same invert behavior) */
#wpforms-559 .wpforms-submit,
#wpforms-submit-559 {
  background-color: var(--mma-gym-accent) !important;   /* red */
  color: var(--mma-gym-black) !important;               /* black text */
  font-weight: 700 !important;
  padding: 14px 22px !important;
  border-radius: 8px !important;
  border: none !important;
  cursor: pointer;
  transition: all 0.25s ease !important;
  box-shadow: 0 4px 12px var(--mma-gym-ring) !important;
}
#wpforms-559 .wpforms-submit:hover,
#wpforms-submit-559:hover,
#wpforms-559 .wpforms-submit:focus,
#wpforms-submit-559:focus {
  background-color: var(--mma-gym-accent-2) !important; /* black */
  color: var(--mma-gym-accent) !important;              /* red text */
  box-shadow: 0 6px 18px var(--mma-gym-ring) !important;
  transform: translateY(-1px);
  outline: none !important;
}
#wpforms-559 .wpforms-submit:active,
#wpforms-submit-559:active {
  background-color: var(--mma-gym-accent) !important;   /* red */
  color: var(--mma-gym-black) !important;               /* black text */
  transform: translateY(0);
}

/* ========= Colour Tokens for the section ========= */
#about-mma-gym {
  --bg: var(--mma-gym-bg);
  --card: var(--mma-gym-card);
  --ink: var(--mma-gym-ink);
  --muted: var(--mma-gym-muted);
  --accent: var(--mma-gym-accent);
  --accent-2: var(--mma-gym-accent-2);
  --ring: var(--mma-gym-ring);
  --radius: var(--mma-gym-radius);
  --shadow: 0 10px 30px var(--mma-gym-shadow-2);
  --maxw: var(--mma-gym-maxw);
}

/* ========= Base ========= */
.mma-gym-wrap {
  background: linear-gradient(180deg, var(--mma-gym-bg) 0%, var(--mma-gym-card) 100%);
  color: var(--ink);
  font: 16px/1.6 system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans";
  padding: clamp(28px, 4vw, 48px);
  border-radius: var(--radius);
}
.mma-gym-container { max-width: var(--maxw); margin-inline: auto; }

/* ========= Nav ========= */
.mma-gym-nav {
  display: flex; gap: 12px; flex-wrap: wrap; justify-content: center; margin-bottom: 22px;
}
.mma-gym-nav a {
  text-decoration: none;
  color: var(--ink);
  opacity: .75;
  padding: 8px 12px;
  border: 1px solid transparent;
  border-radius: 999px;
  transition: .2s ease;
}
.mma-gym-nav a:hover {
  opacity: 1;
  border-color: var(--accent);
  background: var(--accent);
  color: var(--mma-gym-black)!important;
}

/* ========= Hero ========= */
.mma-gym-hero { text-align: center; margin-bottom: 26px; }
.mma-gym-eyebrow {
  display: inline-block;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--accent);
  background: color-mix(in srgb, var(--accent) 15%, transparent);
  border: 1px solid var(--ring);
  padding: 6px 10px;
  border-radius: 999px;
}
.mma-gym-hero h1 {
  font-size: clamp(28px, 4.5vw, 44px);
  line-height: 1.15;
  margin: 10px 0 8px;
  color: var(--ink);
}
.mma-gym-hero p { color: var(--muted); max-width: 70ch; margin: 0 auto; }

.mma-gym-cta {
  display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; margin-top: 14px;
}
.mma-gym-btn {
  appearance: none; border: 0; cursor: pointer; text-decoration: none;
  padding: 12px 18px; border-radius: 12px; font-weight: 700;
  transition: .2s ease; box-shadow: var(--shadow);
}
/* Primary CTA follows the same invert behavior */
.mma-gym-btn--primary {
  background: var(--accent); color: var(--mma-gym-black);
}
.mma-gym-btn--primary:hover,
.mma-gym-btn--primary:focus {
  background: var(--accent-2);            /* black */
  color: var(--mma-gym-accent);           /* red text */
}
.mma-gym-btn--primary:active {
  background: var(--accent);              /* red */
  color: var(--mma-gym-black);
}
.mma-gym-btn--ghost {
  border-color: var(--accent); color: var(--accent)!important;
  background-color: var(--mma-gym-black)!important;
}
.mma-gym-btn--ghost:hover,
.mma-gym-btn--ghost:focus { background: transparent; color: var(--ink); border: 1px solid #333; }
/* === FIX CTA STATES (place at the end of mmagym.css) ================== */
/* Primary = "Attend a Class"
   - Default: RED bg + BLACK text + RED border
   - Hover/Focus/Active: BLACK bg + RED text + BLACK border
*/
.mma-gym-btn--primary,
.mma-gym-cta .elementor-button.mma-gym-btn--primary,
.mma-gym-cta .elementor-button-link.mma-gym-btn--primary .elementor-button {
  background: var(--mma-gym-accent) !important;
  color: var(--mma-gym-black) !important;
  border: 2px solid var(--mma-gym-accent) !important;
  border-radius: 12px !important;
}
.mma-gym-btn--primary:hover,
.mma-gym-btn--primary:focus,
.mma-gym-btn--primary:active,
.mma-gym-cta .elementor-button.mma-gym-btn--primary:hover,
.mma-gym-cta .elementor-button.mma-gym-btn--primary:focus,
.mma-gym-cta .elementor-button.mma-gym-btn--primary:active,
.mma-gym-cta .elementor-button-link.mma-gym-btn--primary:hover .elementor-button,
.mma-gym-cta .elementor-button-link.mma-gym-btn--primary:focus .elementor-button,
.mma-gym-cta .elementor-button-link.mma-gym-btn--primary:active .elementor-button {
  background: var(--mma-gym-accent-2) !important; /* black */
  color: var(--mma-gym-accent) !important;        /* red text */
  border-color: var(--mma-gym-accent-2) !important;
  outline: none !important;
}

/* Ghost = "See Programs"
   - Default: BLACK bg + RED text + RED border
   - Hover/Focus/Active: RED bg + BLACK text + RED border
*/
.mma-gym-btn--ghost,
.mma-gym-cta .elementor-button.mma-gym-btn--ghost,
.mma-gym-cta .elementor-button-link.mma-gym-btn--ghost .elementor-button {
  background: var(--mma-gym-black) !important;
  color: var(--mma-gym-accent) !important;
  border: 2px solid var(--mma-gym-accent) !important;
  border-radius: 12px !important;
}
.mma-gym-btn--ghost:hover,
.mma-gym-btn--ghost:focus,
.mma-gym-btn--ghost:active,
.mma-gym-cta .elementor-button.mma-gym-btn--ghost:hover,
.mma-gym-cta .elementor-button.mma-gym-btn--ghost:focus,
.mma-gym-cta .elementor-button.mma-gym-btn--ghost:active,
.mma-gym-cta .elementor-button-link.mma-gym-btn--ghost:hover .elementor-button,
.mma-gym-cta .elementor-button-link.mma-gym-btn--ghost:focus .elementor-button,
.mma-gym-cta .elementor-button-link.mma-gym-btn--ghost:active .elementor-button {
  background: var(--mma-gym-accent) !important;   /* red */
  color: var(--mma-gym-black) !important;         /* black text */
  border-color: var(--mma-gym-accent) !important; /* keep red border */
  outline: none !important;
}

/* (Optional) Nix any earlier generic button filter that dulls the hover */
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
.oceanwp-button:hover,
.theme-button:hover,
.elementor-button:hover {
  filter: none !important;
}

/* ========= Sections ========= */
.mma-gym-section { margin-top: clamp(28px, 5vw, 48px); }
.mma-gym-section h2 {
  font-size: clamp(22px, 3.5vw, 32px);
  margin: 0 0 14px;
  color: var(--accent);
}
.mma-gym-kicker { color: var(--muted); margin: -6px 0 16px; }

/* ========= Cards ========= */
.mma-gym-grid { display: grid; grid-template-columns: 1fr; gap: 14px; }
@media (min-width: 740px) {
  .mma-gym-grid--2 { grid-template-columns: repeat(2,1fr); }
  .mma-gym-grid--3 { grid-template-columns: repeat(3,1fr); }
}
.mma-gym-card {
  background: var(--card);
  border: 1px solid #2a2a2a;
  border-radius: var(--radius);
  padding: clamp(14px, 2.6vw, 18px);
  box-shadow: var(--shadow);
}
.mma-gym-card h3 { font-size: 18px; margin: 0 0 6px; color: var(--ink); }
.mma-gym-card p { margin: 0; color: var(--muted); }

/* ========= Bullets ========= */
.mma-gym-bullets { display: grid; gap: 10px; margin-top: 10px; }
.mma-gym-bullet { display: grid; grid-template-columns: 28px 1fr; gap: 10px; }
.mma-gym-ico {
  width: 22px; height: 22px; border-radius: 6px;
  background: color-mix(in srgb, var(--accent) 15%, transparent);
  display: grid; place-items: center;
  border: 1px solid var(--ring);
  color: var(--accent);
  font-size: 14px;
}

/* ========= Closer ========= */
.mma-gym-closer {
  text-align: center;
  margin-top: clamp(28px, 5.5vw, 56px);
  background: color-mix(in srgb, var(--accent) 5%, transparent);
  border: 1px dashed var(--accent);
  border-radius: var(--radius);
  padding: clamp(16px, 3.2vw, 22px);
}
.mma-gym-closer h2 { color: var(--accent); }
.mma-gym-closer p { color: var(--muted); margin: 8px auto 0; max-width: 70ch; }

#scroll-top { font-size: 28px; }
#scroll-top { width: 31px; height: 31px; line-height: 31px; }
@media only screen and (max-width: 480px) {
  #scroll-top {
    right: 10px;
    bottom: 10px;
    width: 26px;
    height: 26px;
    line-height: 24px;
    font-size: 14px;
  }
}
#scroll-top {
  display: none;
  opacity: 0;
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  cursor: pointer;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  text-align: center;
  z-index: 100;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/* =========================
   Pricing (Base styles)
   ========================= */
/* Container */
.mma-pricing {
  background: var(--mma-gym-card);
  color: var(--mma-gym-ink);
  border: 1px solid #2a2a2a;
  padding: 1rem;
  border-radius: 12px;
}
.mma-pricing__title {
  color: var(--mma-gym-ink);
  margin-top: 5px;
}

/* Cards */
.mma-card {
  background: var(--mma-gym-card);
  border: 1px solid #2a2a2a;
  border-radius: 12px;
  padding: 14px;
  margin-bottom: 1rem;
  box-shadow: 0 6px 20px var(--mma-gym-shadow-1);
}
.mma-card h3 { color: var(--mma-gym-accent); margin-top: 0; }

/* Lists */
.mma-list { list-style: none; margin: 0; padding: 0; }
.mma-list__item { padding: 6px 0; border-bottom: 1px dashed #2a2a2a; }
.mma-list__item:last-child { border-bottom: 0; }

/* Sign up (primary CTA): red bg + black text; hover invert; active back to red */
.mma-signup {
  display: inline-block;
  background: var(--mma-gym-accent) !important;   /* red */
  color: var(--mma-gym-black) !important;          /* black text */
  border: 2px solid var(--mma-gym-accent) !important;
  padding: 10px 12px;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 800;
  letter-spacing: .02em;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
.mma-signup:hover,
.mma-signup:focus {
  background: var(--mma-gym-black) !important;     /* invert */
  color: var(--mma-gym-accent) !important;
  border-color: var(--mma-gym-black) !important;
  outline: none !important;
}
.mma-signup:active {
  background: var(--mma-gym-accent) !important;    /* back to red */
  color: var(--mma-gym-black) !important;
  border-color: var(--mma-gym-accent) !important;
}

/* ===========================================================
   5) SECTION-SCOPED THEMING (adds full control per section)
   =========================================================== */

/* ===== Get In Touch (Elementor section data-id="7db7da7") ===== */
/* You can also duplicate these under #contact if you add that ID later */
section[data-id="7db7da7"]{
  /* Map to plugin/admin options (fallback to global tokens) */
  --sec-bg: var(--contact-bg, var(--mma-gym-bg));
  --sec-ink: var(--contact-ink, var(--mma-gym-ink));
  --sec-muted: var(--contact-muted, var(--mma-gym-muted));
  --sec-title: var(--contact-title, var(--mma-gym-white));
  --sec-link: var(--contact-link, var(--mma-gym-accent));
  --sec-border: var(--contact-border, var(--mma-gym-ring));
  --sec-card: var(--contact-card, var(--mma-gym-card));
  --sec-radius: var(--contact-radius, var(--mma-gym-radius));
  --sec-shadow-1: var(--contact-shadow-1, var(--mma-gym-shadow-1));
  --sec-shadow-2: var(--contact-shadow-2, var(--mma-gym-shadow-2));
}
section[data-id="7db7da7"]{
  background: var(--sec-bg);
  color: var(--sec-ink);
}
section[data-id="7db7da7"] .elementor-heading-title{
  color: var(--sec-title) !important;
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
section[data-id="7db7da7"] a{ color: var(--sec-link); }
section[data-id="7db7da7"] .wpforms-container{
  background: var(--sec-card);
  border: 1px solid color-mix(in srgb, var(--sec-border) 55%, transparent);
  border-radius: var(--sec-radius);
  box-shadow: 0 8px 20px var(--sec-shadow-1), 0 2px 6px var(--sec-shadow-2);
}
section[data-id="7db7da7"] .wpforms-container input,
section[data-id="7db7da7"] .wpforms-container textarea,
section[data-id="7db7da7"] .wpforms-container select{
  background: var(--mma-gym-bg) !important;
  color: var(--sec-ink) !important;
  border: 1px solid #333 !important;
  border-radius: calc(var(--sec-radius) / 2) !important;
}
section[data-id="7db7da7"] .wpforms-submit{
  background: var(--sec-link) !important;
  color: var(--mma-gym-black) !important;
  border: 2px solid var(--sec-link) !important;
  border-radius: calc(var(--sec-radius) / 2) !important;
}
section[data-id="7db7da7"] .wpforms-submit:hover,
section[data-id="7db7da7"] .wpforms-submit:focus{
  background: var(--mma-gym-accent-2) !important;
  color: var(--sec-link) !important;
  border-color: var(--mma-gym-accent-2) !important;
}

/* ===== Pricing (section id="pricing") ===== */
section#pricing{
  /* Section-scoped variables (map to your admin options) */
  --sec-bg: var(--pricing-bg, transparent);
  --sec-ink: var(--pricing-ink, var(--mma-gym-ink));
  --sec-muted: var(--pricing-muted, var(--mma-gym-muted));
  --card-bg: var(--pricing-card-bg, var(--mma-gym-card));
  --card-ring: var(--pricing-card-ring, #2a2a2a);
  --title: var(--pricing-title, var(--mma-gym-ink));
  --price: var(--pricing-price, var(--mma-gym-ink));
  --cta: var(--pricing-cta, var(--mma-gym-accent));
  --radius: var(--pricing-radius, var(--mma-gym-radius));
  --shadow-1: var(--pricing-shadow-1, var(--mma-gym-shadow-1));
  --shadow-2: var(--pricing-shadow-2, var(--mma-gym-shadow-2));
}
section#pricing { background: var(--sec-bg); color: var(--sec-ink); }
section#pricing .mma-pricing { background: var(--card-bg); color: var(--sec-ink); border-color: var(--card-ring); }
section#pricing .mma-pricing__title { color: var(--title); }
section#pricing .mma-card{
  background: var(--card-bg);
  border: 1px solid var(--card-ring);
  border-radius: var(--radius);
  box-shadow: 0 8px 20px var(--shadow-1), 0 2px 6px var(--shadow-2);
}
section#pricing .mma-card__title{ color: var(--cta); }
section#pricing .mma-price{ color: var(--price); }
section#pricing .mma-desc{ color: var(--sec-muted); }
section#pricing .mma-signup{
  border-color: var(--cta) !important;
  color: var(--cta) !important;
  background: var(--mma-gym-black) !important;
}
section#pricing .mma-signup:hover,
section#pricing .mma-signup:focus{
  background: var(--cta) !important;
  color: var(--mma-gym-black) !important;
  border-color: var(--cta) !important;
}
.mma-label {
  color: var(--mma-gym-accent);
}
/* ===== Gallery (section id="gallery") ===== */
section#gallery{
  --sec-bg: var(--gallery-bg, #0b0b0b);
  --sec-ink: var(--gallery-ink, #f8fafc);
  --dot: var(--gallery-dot, #ffffff);
  --dot-active: var(--gallery-dot-active, var(--mma-gym-accent));
  --nav: var(--gallery-nav, #ffffff);
}
section#gallery{ background: var(--sec-bg); color: var(--sec-ink); }
section#gallery .elementor-heading-title{ color: var(--sec-ink) !important; }
/* metaslider dots + arrows */
section#gallery .flex-control-paging li a{
  background: var(--dot) !important; opacity:.5;
}
section#gallery .flex-control-paging li a.flex-active{
  background: var(--dot-active) !important; opacity:1;
}
section#gallery .flex-direction-nav a{
  color: var(--nav); text-shadow:none;
}
/* ensure slides don't get unexpected tint */
section#gallery .msDefaultImage{ filter: none !important; }

/* ===== (Optional) If you later add IDs, these aliases will pick them up ===== */
#contact{ all: initial; }
#contact, #contact *{ all: unset; } /* reserved: only enable if you want a hard reset */

/* End of file */
/* if the class is on the span itself */
span.mma-price { font-weight: 700 !important; }
@media (max-width: 480px) {
  .pill--insta {
    font-size: 12px !important;
  }
}
.bio summary {
  cursor: pointer;
  color: var(--mma-gym-accent-2)!important;
}
.tag {
  display: inline-block;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--mma-gym-accent) !important;
  font-weight: 900;
  font-size: 1em;
}
.mma-fieldpair input[type="text"],
.mma-fieldpair input[type="email"] {
  width: 100%;
  padding: 10px 12px;
  border-radius: 10px;
  background: var(--mma-gym-background, #fff) !important;

  /* subtle default border */
  border: 1px solid rgba(0, 0, 0, 0.18) !important;
  transition: border-color .15s ease, box-shadow .15s ease;
}

.mma-fieldpair input:hover {
  border-color: rgba(0, 0, 0, 0.28) !important;
}

.mma-fieldpair input:focus,
.mma-fieldpair input:focus-visible {
  outline: none !important;
  border-color: var(--mma-gym-accent-2, #6d28d9) !important;
  box-shadow: 0 0 0 3px rgba(109, 40, 217, 0.18) !important;
}

/* dark mode (optional) */
@media (prefers-color-scheme: dark) {
  .mma-fieldpair input[type="text"],
  .mma-fieldpair input[type="email"] {
    border-color: rgba(255, 255, 255, 0.16) !important;
  }
  .mma-fieldpair input:hover {
    border-color: rgba(255, 255, 255, 0.28) !important;
  }
  .mma-fieldpair input:focus,
  .mma-fieldpair input:focus-visible {
    border-color: var(--mma-gym-accent-2, #a78bfa) !important;
    box-shadow: 0 0 0 3px rgba(167, 139, 250, 0.30) !important;
  }
}
/* override defaults */
#book-class-fab {
  background: var(--mma-gym-black) !important;     /* black background */
  color: var(--mma-gym-accent-2) !important;       /* accent-2 text */
  border-color: currentcolor !important;           /* border follows text color */
}

/* on hover/focus: accent-2 -> accent (for both text & border) */
#book-class-fab:hover,
#book-class-fab:focus-visible {
  color: var(--mma-gym-accent) !important;
  background: var(--mma-gym-black) !important;     /* keep background black */
  border-color: currentcolor !important;
}
/* Mobile press (finger down) */
@media (hover: none) and (pointer: coarse) {
  #book-class-fab:active {
    background: var(--mma-gym-accent-2) !important; /* background accent-2 */
    color: var(--mma-gym-accent) !important;        /* text accent (aka accent-1) */
    border-color: var(--mma-gym-accent-2) !important; /* border accent-2 */
  }
}
/* group the element IDs on page 173 */
.elementor-173 .elementor-element:is(
  .elementor-element-ofbcjez,
  .elementor-element-svkpzcg,
  .elementor-element-mciepdv,
  .elementor-element-oncpvwn
) {
  --counter-color: var(--mma-gym-black);
}

/* title */
.elementor-173 .elementor-element:is(
  .elementor-element-ofbcjez,
  .elementor-element-svkpzcg,
  .elementor-element-mciepdv,
  .elementor-element-oncpvwn
) .elementor-counter-title {
  color: var(--counter-color) !important;
  font-size: 15px !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
}

/* number + parts (wrapper, number, prefix/suffix) */
.elementor-173 .elementor-element:is(
  .elementor-element-ofbcjez,
  .elementor-element-svkpzcg,
  .elementor-element-mciepdv,
  .elementor-element-oncpvwn
) .elementor-counter-number-wrapper,
.elementor-173 .elementor-element:is(
  .elementor-element-ofbcjez,
  .elementor-element-svkpzcg,
  .elementor-element-mciepdv,
  .elementor-element-oncpvwn
) .elementor-counter-number,
.elementor-173 .elementor-element:is(
  .elementor-element-ofbcjez,
  .elementor-element-svkpzcg,
  .elementor-element-mciepdv,
  .elementor-element-oncpvwn
) .elementor-counter-number-prefix,
.elementor-173 .elementor-element:is(
  .elementor-element-ofbcjez,
  .elementor-element-svkpzcg,
  .elementor-element-mciepdv,
  .elementor-element-oncpvwn
) .elementor-counter-number-suffix {
  color: var(--counter-color) !important;
  font-size: 66px !important; /* adjust as needed */
  line-height: 1 !important;
}