/* MONDOSOL STAGING — GLOBAL DESIGN SYSTEM v8 */

/* 1. Homepage hero */
.mondo-hero-group { background: linear-gradient(135deg, #1b2a4a 0%, #1f6fdc 100%) !important; color: #fff !important; }
.mondo-hero-group h1,.mondo-hero-group h2,.mondo-hero-group h3,.mondo-hero-group p,.mondo-hero-group span:not(.emoji) { color: #fff !important; }
.mondo-hero-group .mondo-hero-cta .wp-block-button__link { background: #d4a017 !important; color: #1b2a4a !important; border: none !important; font-weight: 700 !important; padding: 14px 32px !important; border-radius: 6px !important; }
.mondo-hero-imgcol { flex: 0 0 60% !important; }
.mondo-hero-textcol { flex: 0 0 38% !important; padding-left: 40px !important; }

/* 2. About hero */
.mab3-hero { background: linear-gradient(135deg, #1b2a4a 0%, #1f6fdc 100%) !important; }
.mab3-hero * { color: #fff !important; }
.mab3-hero .mab3-eyebrow { color: #d4a017 !important; }

/* 3. Mondosol+ hero */
.mplus-hero { background: linear-gradient(135deg, #1b2a4a 0%, #1f6fdc 100%) !important; }
.mplus-hero *:not(.emoji) { color: #fff !important; }

/* 4. Generic hero: outer element only, NOT sub-elements */
section[class*="-hero"]:not([class*="-hero-"]):not(.mplus-hero-img) { background: linear-gradient(135deg, #1b2a4a 0%, #1f6fdc 100%) !important; }
div[class*="-hero"]:not([class*="-hero-"]):not(.mondo-hero-imgcol):not(.mondo-hero-textcol) { background: linear-gradient(135deg, #1b2a4a 0%, #1f6fdc 100%) !important; }

/* 4b. White text in hero */
section[class*="-hero"]:not([class*="-hero-"]) *, div[class*="-hero"]:not([class*="-hero-"]):not(.mondo-hero-imgcol):not(.mondo-hero-textcol) * { color: #fff !important; }
section[class*="-hero"] [class*="-eyebrow"], div[class*="-hero"] [class*="-eyebrow"] { color: #d4a017 !important; }

/* 5. Gold CTAs — (0,2,2) beats page-specific (0,2,1) critical CSS */
html body .mplus-hero .mplus-btn, html body .mplus-cta-in .mplus-btn, html body .mplus-cta-txt .mplus-btn, html body a.mplus-btn { background: #d4a017 !important; color: #1b2a4a !important; border: none !important; font-weight: 700 !important; border-radius: 6px !important; }
html body .mres2-hero .mres2-cta, html body a.mres2-cta, html body .mspot a.mspot-cta, html body a.mspot-cta { background: #d4a017 !important; color: #1b2a4a !important; border: none !important; font-weight: 700 !important; border-radius: 6px !important; }
html body section[class*="-hero"] a[class*="-cta"], html body div[class*="-hero"] a[class*="-cta"] { background: #d4a017 !important; color: #1b2a4a !important; border: none !important; font-weight: 700 !important; border-radius: 6px !important; }
html body .mab3-cta, html body a.mab3-cta { background: #d4a017 !important; color: #1b2a4a !important; border: none !important; font-weight: 700 !important; border-radius: 6px !important; }

/* 6. Eyebrows */
[class*="-eyebrow"] { border: none !important; background: transparent !important; color: #d4a017 !important; font-weight: 700 !important; text-transform: uppercase !important; font-size: 0.82em !important; letter-spacing: 0.08em !important; padding: 0 !important; }

/* 7. Two-column layout */
.wp-block-columns { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 40px !important; flex-wrap: nowrap !important; }

/* 8. Media-text grid */
.entry-content .wp-block-media-text, .wp-block-post-content .wp-block-media-text { display: grid !important; grid-template-rows: auto !important; align-items: center !important; }
.entry-content .wp-block-media-text:not(.has-media-on-the-right), .wp-block-post-content .wp-block-media-text:not(.has-media-on-the-right) { grid-template-columns: 60% 1fr !important; }
.entry-content .wp-block-media-text.has-media-on-the-right, .wp-block-post-content .wp-block-media-text.has-media-on-the-right { grid-template-columns: 1fr 60% !important; }
.wp-block-media-text .wp-block-media-text__media { display: block !important; }
.wp-block-media-text .wp-block-media-text__media img { width: 100% !important; height: auto !important; }
.site .entry-content .wp-block-media-text:not(.has-media-on-the-right) { grid-template-columns: 60% 1fr !important; }
.site .entry-content .wp-block-media-text.has-media-on-the-right { grid-template-columns: 1fr 60% !important; }

/* 9. About mab3 layout */
.mab3-in { display: flex !important; align-items: center !important; gap: 48px !important; }
.mab3-in.imgL .mab3-img { flex: 0 0 60% !important; order: -1 !important; }
.mab3-in.imgL .mab3-txt { flex: 1 1 auto !important; }
.mab3-in.imgR .mab3-img { flex: 0 0 60% !important; order: 2 !important; }
.mab3-in.imgR .mab3-txt { flex: 1 1 auto !important; order: 1 !important; }
.mab3-in .mab3-img img { width: 100% !important; height: auto !important; }

/* 10. Course cards */
.mondo-ccard { background: #1b2a4a !important; color: #fff !important; border: 2px solid #d4a017 !important; border-radius: 8px !important; }
.mondo-ccard *:not(img) { color: #fff !important; }

/* 11. Mondosol+ cards */
.mplus-card { background: #1b2a4a !important; color: #fff !important; border: 2px solid #1f6fdc !important; border-radius: 8px !important; padding: 20px !important; }
.mplus-card *:not(img) { color: #fff !important; }
.mplus-price { background: #1b2a4a !important; color: #fff !important; border: 2px solid #1f6fdc !important; border-radius: 10px !important; }
.mplus-price *:not(img):not(.pcta) { color: #fff !important; }
.mplus-price.pop { border-color: #d4a017 !important; border-width: 3px !important; }

/* 12. Last CTA block */
.mplus-cta-in { display: flex !important; align-items: center !important; gap: 32px !important; }
.mplus-cta-media { flex: 0 0 60% !important; max-width: 60% !important; }
.mplus-cta-txt { flex: 1 1 auto !important; }
.mplus-cta-img { width: 100% !important; height: auto !important; }
.mplus-cta-txt p { line-height: 1.3 !important; margin: 0 0 8px !important; }

/* 13. Badge */
.badge { background: #d4a017 !important; color: #1b2a4a !important; }

/* 14. Remove thin borders */
.wp-block-group[style*="border"]:not(.mondo-ccard) { border-color: transparent !important; }
.wp-block-column[style*="border"] { border: none !important; }

/* 15. No green */
.sensei-lms-color--primary { background-color: #1f6fdc !important; border-color: #1f6fdc !important; }
[style*="background-color:#58cc02"],[style*="background-color: #58cc02"] { background-color: #d4a017 !important; }

/* 16. Line-height */
.entry-content p, .wp-block-media-text__content p { line-height: 1.3 !important; }

/* 17. Mobile */
@media (max-width: 768px) {
  .wp-block-columns { flex-direction: column !important; flex-wrap: wrap !important; }
  .wp-block-column { flex: 1 1 100% !important; max-width: 100% !important; }
  .entry-content .wp-block-media-text, .wp-block-post-content .wp-block-media-text { grid-template-columns: 1fr !important; grid-template-rows: auto auto !important; }
  .wp-block-media-text__media { grid-column: 1 !important; grid-row: 1 !important; }
  .wp-block-media-text__content { grid-column: 1 !important; grid-row: 2 !important; }
  .mab3-in,.mab3-in.imgL,.mab3-in.imgR { flex-direction: column !important; }
  .mab3-in .mab3-img { flex-basis: auto !important; width: 100% !important; order: -1 !important; }
  .mab3-in .mab3-txt { flex-basis: auto !important; width: 100% !important; order: 0 !important; }
  .mplus-cta-in { flex-direction: column !important; }
  .mplus-cta-media,.mplus-cta-txt { flex-basis: auto !important; width: 100% !important; max-width: 100% !important; }
  .mondo-hero-imgcol,.mondo-hero-textcol { flex-basis: auto !important; width: 100% !important; padding-left: 0 !important; }
}

/* === HOMEPAGE: 3-class specificity beat critical CSS === */
.mondo-hero-group.alignfull.wp-block-group { margin-left: calc(-50vw + 50%) !important; margin-right: calc(-50vw + 50%) !important; width: 100vw !important; max-width: 100vw !important; box-sizing: border-box !important; }
.mondo-hero-group .mondo-hero-textcol .mondo-hero-h2 { color: #fff !important; }
.mondo-hero-group .mondo-hero-textcol .wp-block-heading { color: #fff !important; }
.mondo-hero-group .mondo-hero-textcol h2 { color: #fff !important; }
.mondo-hero-group .mondo-hero-textcol p { color: #fff !important; }
.mondo-hero-group .mondo-hero-cta .wp-block-button__link { background: #d4a017 !important; color: #1b2a4a !important; border: none !important; font-weight: 700 !important; }
.mondo-hero-group .wp-block-columns .mondo-hero-imgcol { flex: 0 0 60% !important; max-width: 60% !important; }
.mondo-hero-group .wp-block-columns .mondo-hero-textcol { flex: 0 0 38% !important; max-width: 38% !important; padding-left: 24px !important; }

/* 18. PMPro: gold buttons + no card borders */
/* Card border: (0,1,2) beats generic (0,1,0) critical CSS */
html body .pmpro_card { border: none !important; box-shadow: none !important; background: transparent !important; }
html body .pmpro_card, html body .pmpro_level { border-color: transparent !important; }
html body .pmpro_table td, html body .pmpro_table th { border: none !important; background: transparent !important; }
.pmpro h2, .pmpro h3 { color: #1b2a4a !important; }

/* PMPro SELECT buttons — (0,2,2) beats page-specific inline CSS (0,2,1) */
html body .pmpro .pmpro_btn-select,
html body .pmpro_section .pmpro_btn-select,
html body.page-id-86090 .pmpro_btn-select,
html body.page-id-86082 .pmpro_btn-select {
  background: #d4a017 !important; color: #1b2a4a !important;
  border: none !important; box-shadow: none !important;
  font-weight: 700 !important; border-radius: 6px !important;
  text-transform: uppercase !important;
}

/* ── eToro affiliate page fixes ── */

/* Hide the Mondi loyalty widget on the eToro product page */
.post-type-archive-product .mondi-redemption,
.single-product .mondi-redemption,
.woocommerce-page .mondi-redemption,
body.single-product .mondi-redemption {
  display: none !important;
}

/* Remove top margin/padding gap above header on product pages */
body.single-product .wp-block-template-part[data-slug="header"],
body.single-product header.wp-block-template-part {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
body.single-product {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
body.single-product .wp-site-blocks > *:first-child {
  margin-block-start: 0 !important;
}

/* eToro product page — two-column description layout */
.single-product .woocommerce-product-details__short-description {
  max-width: 100%;
}

/* Ensure the two-column flex sections render correctly */
.single-product .woocommerce-tabs .woocommerce-Tabs-panel--description > div[style*="display:flex"],
.single-product .woocommerce-tabs .woocommerce-Tabs-panel--description > div[style*="display: flex"] {
  flex-wrap: wrap;
}
.single-product .woocommerce-tabs .woocommerce-Tabs-panel--description > div[style*="display:flex"] > div,
.single-product .woocommerce-tabs .woocommerce-Tabs-panel--description > div[style*="display: flex"] > div {
  min-width: 280px;
}

@media (max-width: 768px) {
  .single-product .woocommerce-tabs .woocommerce-Tabs-panel--description > div[style*="display:flex"],
  .single-product .woocommerce-tabs .woocommerce-Tabs-panel--description > div[style*="display: flex"] {
    flex-direction: column !important;
  }
  .single-product .woocommerce-tabs .woocommerce-Tabs-panel--description > div[style*="display:flex"] > div,
  .single-product .woocommerce-tabs .woocommerce-Tabs-panel--description > div[style*="display: flex"] > div {
    width: 100% !important;
    min-width: unset !important;
  }
}





/* ============================================================
   MEMBERSHIP PAGES — HERO REDESIGN v18
   - Transparent PNG cutout mascots (NO mix-blend-mode)
   - Consistent navy/gold buttons on all pages
   - Hero overlaps header
   - Bigger fonts throughout
   ============================================================ */

/* ── Remove ALL mix-blend-mode from hero images ── */
.macct-img img, .mbill-img img, .mprof-img img, .mconf-img img,
.minv-img img, .mlvl-img img, .mlogin-img img, .mcheckout-img img {
  mix-blend-mode: normal !important;
  background: transparent !important;
  opacity: 0 !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important;
  width: 100% !important; height: 100% !important;
}

/* ── GLOBAL PMPro: Bigger fonts ── */
body.pmpro-account h1, body.pmpro-billing h1,
body.pmpro-member-profile-edit h1, body.pmpro-confirmation h1,
body.pmpro-invoice h1, body.pmpro-orders h1,
body.pmpro-levels h1, body.pmpro-login h1, body.pmpro-checkout h1 {
  font-size: 3.4rem !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
}
body.pmpro-account h2, body.pmpro-billing h2,
body.pmpro-member-profile-edit h2, body.pmpro-confirmation h2,
body.pmpro-invoice h2, body.pmpro-orders h2,
body.pmpro-levels h2, body.pmpro-login h2, body.pmpro-checkout h2 {
  font-size: 2.2rem !important;
  font-weight: 700 !important;
}
body.pmpro-account p, body.pmpro-billing p,
body.pmpro-member-profile-edit p, body.pmpro-confirmation p,
body.pmpro-invoice p, body.pmpro-orders p,
body.pmpro-levels p, body.pmpro-login p, body.pmpro-checkout p {
  font-size: 1.15rem !important;
  line-height: 1.75 !important;
}

/* ── GLOBAL PMPro: Consistent navy/gold buttons ── */
body.pmpro-account .wp-block-button__link,
body.pmpro-billing .wp-block-button__link,
body.pmpro-member-profile-edit .wp-block-button__link,
body.pmpro-confirmation .wp-block-button__link,
body.pmpro-invoice .wp-block-button__link,
body.pmpro-orders .wp-block-button__link,
body.pmpro-login .wp-block-button__link,
body.pmpro-checkout .wp-block-button__link,
body.pmpro-account .pmpro_btn, body.pmpro-billing .pmpro_btn,
body.pmpro-confirmation .pmpro_btn, body.pmpro-orders .pmpro_btn,
body.pmpro-invoice .pmpro_btn, body.pmpro-login .pmpro_btn,
body.pmpro-member-profile-edit .pmpro_btn,
body.pmpro-account a[class*="btn"], body.pmpro-billing a[class*="btn"],
body.pmpro-account button[type="submit"], body.pmpro-billing button[type="submit"],
body.pmpro-member-profile-edit button[type="submit"],
body.pmpro-orders button[type="submit"], body.pmpro-confirmation button[type="submit"] {
  background-color: #1b2a4a !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 14px 28px !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease !important;
  text-decoration: none !important;
}
body.pmpro-account .wp-block-button__link:hover,
body.pmpro-billing .wp-block-button__link:hover,
body.pmpro-member-profile-edit .wp-block-button__link:hover,
body.pmpro-confirmation .wp-block-button__link:hover,
body.pmpro-invoice .wp-block-button__link:hover,
body.pmpro-orders .wp-block-button__link:hover,
body.pmpro-login .wp-block-button__link:hover {
  background-color: #c99d2a !important;
}

/* ── GLOBAL: Hero containers ── */
.macct-hero, .mbill-hero, .mprof-hero, .mconf-hero,
.minv-hero, .mlvl-hero, .mlogin-hero, .mcheckout-hero {
  display: flex !important;
  align-items: flex-end !important;
  gap: 2.5rem !important;
  padding: 0 !important;
  min-height: 420px !important;
  overflow: visible !important;
  margin-top: -80px !important;
  position: relative !important;
  z-index: 1 !important;
}

/* ── GLOBAL: Mascot image column ── */
.macct-img, .mbill-img, .mprof-img, .mconf-img,
.minv-img, .mlvl-img, .mlogin-img, .mcheckout-img {
  flex: 0 0 auto !important;
  width: 300px !important;
  min-height: 380px !important;
  position: relative !important;
  background: transparent !important;
  overflow: visible !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: bottom center !important;
}

/* ── GLOBAL: Text column ── */
.macct-txt, .mbill-txt, .mprof-txt, .mconf-txt,
.minv-txt, .mlvl-txt, .mlogin-txt, .mcheckout-txt {
  flex: 1 1 auto !important;
  max-width: 55% !important;
  padding: 3rem 2rem 3rem 0 !important;
}

/* ── GLOBAL: Below-hero centered layout ── */
body.pmpro-account .entry-content > .wp-block-group:not(:first-child),
body.pmpro-billing .entry-content > .wp-block-group:not(:first-child),
body.pmpro-member-profile-edit .entry-content > .wp-block-group:not(:first-child),
body.pmpro-confirmation .entry-content > .wp-block-group:not(:first-child),
body.pmpro-orders .entry-content > .wp-block-group:not(:first-child),
body.pmpro-invoice .entry-content > .wp-block-group:not(:first-child),
body.pmpro-login .entry-content > .wp-block-group:not(:first-child) {
  max-width: 860px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

/* ══════ ACCOUNT PAGE ══════ */
body.pmpro-account .macct-img {
  background-image: url('https://mondosol.com/wp-content/uploads/2026/06/mondosol-cutout-elio-cutout-compass.png') !important;
}

/* ══════ BILLING PAGE ══════ */
body.pmpro-billing .mbill-img {
  background-image: url('https://mondosol.com/wp-content/uploads/2026/06/mondosol-cutout-lars-cutout-journal.png') !important;
}
/* Billing: stack multiple buttons vertically */
body.pmpro-billing .wp-block-buttons {
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 1rem !important;
}

/* ══════ PROFILE EDIT PAGE ══════ */
body.pmpro-member-profile-edit .mprof-img {
  background-image: url('https://mondosol.com/wp-content/uploads/2026/06/mondosol-cutout-emily-cutout-flag-uk.png') !important;
}
body.pmpro-member-profile-edit #pmpro_account {
  max-width: 640px !important;
  margin: 2rem auto !important;
  padding: 2rem !important;
  background: #fff !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.07) !important;
}
body.pmpro-member-profile-edit .pmpro_checkout-field label,
body.pmpro-member-profile-edit td.pmpro_checkout-field label {
  font-size: 1rem !important;
  font-weight: 600 !important;
  color: #1b2a4a !important;
  display: block !important;
  margin-bottom: 0.4rem !important;
}
body.pmpro-member-profile-edit input[type="text"],
body.pmpro-member-profile-edit input[type="email"],
body.pmpro-member-profile-edit input[type="password"],
body.pmpro-member-profile-edit select,
body.pmpro-member-profile-edit textarea {
  width: 100% !important;
  padding: 10px 14px !important;
  font-size: 1rem !important;
  border: 2px solid #ddd !important;
  border-radius: 6px !important;
  margin-bottom: 1rem !important;
  box-sizing: border-box !important;
}

/* ══════ CONFIRMATION PAGE ══════ */
body.pmpro-confirmation .mconf-img {
  background-image: url('https://mondosol.com/wp-content/uploads/2026/06/mondosol-cutout-group-cutout-celebrate.png') !important;
}
body.pmpro-confirmation .pmpro_content_message,
body.pmpro-confirmation #pmpro_message {
  font-size: 1.2rem !important;
  line-height: 1.75 !important;
  max-width: 700px !important;
  margin: 2rem auto !important;
  text-align: center !important;
}

/* ══════ ORDERS / INVOICE PAGE ══════ */
body.pmpro-orders .mord-img,
body.pmpro-invoice .mord-img {
  background-image: url('https://mondosol.com/wp-content/uploads/2026/06/mondosol-cutout-ana-cutout-flag-es.png') !important;
}
body.pmpro-orders table.pmpro_orders_table,
body.pmpro-invoice table {
  width: 100% !important;
  max-width: 860px !important;
  margin: 2rem auto !important;
  font-size: 1.05rem !important;
  border-collapse: collapse !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}
body.pmpro-orders table.pmpro_orders_table th,
body.pmpro-invoice table th {
  background: #1b2a4a !important;
  color: #fff !important;
  padding: 12px 16px !important;
  text-align: left !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
}
body.pmpro-orders table.pmpro_orders_table td,
body.pmpro-invoice table td {
  padding: 10px 16px !important;
  border-bottom: 1px solid #eee !important;
}
body.pmpro-orders table.pmpro_orders_table tr:nth-child(even) td {
  background: #f9f9f9 !important;
}

/* ══════ LOGIN PAGE ══════ */
body.pmpro-login .mlogin-img {
  background-image: url('https://mondosol.com/wp-content/uploads/2026/07/mondosol-cutout-sofia-italian-flag.png') !important;
}
body.pmpro-login #loginform,
body.pmpro-login .pmpro_login_form,
body.pmpro-login #pmpro-login-wrap {
  max-width: 440px !important;
  margin: 2rem auto !important;
  padding: 2.5rem !important;
  background: #fff !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.07) !important;
}

/* ══════ MEMBERSHIP LEVELS PAGE ══════ */
body.pmpro-levels .mlvl-img {
  background-image: url('https://mondosol.com/wp-content/uploads/2026/06/mondosol-cutout-amara-cutout-circle.png') !important;
}

/* Outer container sizing */
body.pmpro-levels #pmpro_levels,
body.pmpro-levels .pmpro-levels-wrap {
  max-width: 1280px !important;
  margin: 2rem auto !important;
  padding: 0 1.5rem !important;
}

/* Strip card chrome so it doesn't interfere */
body.pmpro-levels .pmpro_card,
body.pmpro-levels .pmpro_card_content {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  border: none !important;
}

/* Reset table to block */
body.pmpro-levels table.pmpro_levels_table {
  display: block !important;
  width: 100% !important;
  border: none !important;
  background: transparent !important;
}

/* Hide boring header row */
body.pmpro-levels table.pmpro_levels_table thead {
  display: none !important;
}

/* tbody becomes flex row */
body.pmpro-levels table.pmpro_levels_table tbody {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 1.25rem !important;
  align-items: stretch !important;
}

/* Each tr becomes a card column */
body.pmpro-levels table.pmpro_levels_table tr.pmpro_level {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 0 !important;
  background: #fff !important;
  border-radius: 12px !important;
  padding: 1.75rem 1.25rem !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
  border: 2px solid #e5e7eb !important;
  text-align: center !important;
}

/* Reset td/th cells */
body.pmpro-levels table.pmpro_levels_table tr.pmpro_level th,
body.pmpro-levels table.pmpro_levels_table tr.pmpro_level td {
  display: block !important;
  border: none !important;
  padding: 0.3rem 0 !important;
  background: transparent !important;
}

/* Level name (th) */
body.pmpro-levels table.pmpro_levels_table tr.pmpro_level th {
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  color: #1b2a4a !important;
  padding-bottom: 0.75rem !important;
  border-bottom: 2px solid #e5e7eb !important;
  margin-bottom: 0.5rem !important;
}

/* Price */
body.pmpro-levels table.pmpro_levels_table .pmpro_level-price {
  font-size: 1.5rem !important;
  font-weight: 800 !important;
  color: #1b2a4a !important;
  line-height: 1.2 !important;
}

/* Select button */
body.pmpro-levels table.pmpro_levels_table .pmpro_btn-select {
  display: inline-block !important;
  background: #1b2a4a !important;
  color: #fff !important;
  border-radius: 8px !important;
  padding: 10px 18px !important;
  font-weight: 700 !important;
  font-size: 0.9rem !important;
  text-decoration: none !important;
  margin-top: auto !important;
}

body.pmpro-levels table.pmpro_levels_table .pmpro_btn-select:hover {
  background: #c99d2a !important;
  color: #1b2a4a !important;
}

/* Lifetime card (level-6) dark treatment */
body.pmpro-levels table.pmpro_levels_table tr#pmpro_level-6 {
  background: #1b2a4a !important;
  border-color: #c99d2a !important;
  border-width: 3px !important;
}

body.pmpro-levels table.pmpro_levels_table tr#pmpro_level-6 th {
  color: #fff !important;
  border-bottom-color: rgba(201,157,42,0.4) !important;
}

body.pmpro-levels table.pmpro_levels_table tr#pmpro_level-6 td,
body.pmpro-levels table.pmpro_levels_table tr#pmpro_level-6 p {
  color: #ddd !important;
}

body.pmpro-levels table.pmpro_levels_table tr#pmpro_level-6 .pmpro_level-price {
  color: #c99d2a !important;
  font-size: 1.9rem !important;
}

body.pmpro-levels table.pmpro_levels_table tr#pmpro_level-6 .pmpro_btn-select {
  background: #c99d2a !important;
  color: #1b2a4a !important;
}

body.pmpro-levels table.pmpro_levels_table tr#pmpro_level-6 .pmpro_btn-select:hover {
  background: #fff !important;
}


/* Fix mascot: correct class is mlvl-hero-img */
body.pmpro-levels .mlvl-hero-img {
  background-image: url('https://mondosol.com/wp-content/uploads/2026/06/mondosol-cutout-amara-cutout-circle.png') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: bottom center !important;
}
body.pmpro-levels .mlvl-hero-img img {
  opacity: 0 !important;
  position: absolute !important;
}
/* Remove Level:/Price: responsive labels */
body.pmpro-levels table.pmpro_levels_table tr.pmpro_level th::before,
body.pmpro-levels table.pmpro_levels_table tr.pmpro_level td::before {
  content: '' !important;
  display: none !important;
}

/* Fix mlvl-hero-img height (img is absolute so parent collapses) */
body.pmpro-levels .mlvl-hero-img {
  min-height: 380px !important;
  position: relative !important;
  width: 300px !important;
  flex: 0 0 300px !important;
}

/* ══════ CHECKOUT PAGE ══════ */
body.pmpro-checkout .mcheckout-img {
  background-image: url('https://mondosol.com/wp-content/uploads/2026/06/mondosol-cutout-amara-cutout-circle.png') !important;
}
body.pmpro-checkout #pmpro_form,
body.pmpro-checkout .pmpro-checkout-wrap {
  max-width: 720px !important;
  margin: 2rem auto !important;
  padding: 0 1.5rem !important;
}
body.pmpro-checkout table.pmpro_checkout,
body.pmpro-checkout .pmpro_checkout-field {
  width: 100% !important;
  font-size: 1rem !important;
}
body.pmpro-checkout input[type="text"],
body.pmpro-checkout input[type="email"],
body.pmpro-checkout input[type="password"],
body.pmpro-checkout input[type="tel"],
body.pmpro-checkout select {
  width: 100% !important;
  padding: 10px 14px !important;
  font-size: 1rem !important;
  border: 2px solid #ddd !important;
  border-radius: 6px !important;
  margin-bottom: 1rem !important;
  box-sizing: border-box !important;
}
body.pmpro-checkout #pmpro_submit_span input[type="submit"],
body.pmpro-checkout button[type="submit"] {
  background: #1b2a4a !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 16px 36px !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  width: 100% !important;
  margin-top: 1rem !important;
}
body.pmpro-checkout #pmpro_submit_span input[type="submit"]:hover,
body.pmpro-checkout button[type="submit"]:hover {
  background: #c99d2a !important;
}

/* ── MOBILE ── */
@media (max-width: 768px) {
  .macct-hero, .mbill-hero, .mprof-hero, .mconf-hero,
  .minv-hero, .mlvl-hero, .mlogin-hero, .mcheckout-hero {
    flex-direction: column-reverse !important;
    min-height: auto !important;
    margin-top: -40px !important;
  }
  .macct-img, .mbill-img, .mprof-img, .mconf-img,
  .minv-img, .mlvl-img, .mlogin-img, .mcheckout-img {
    width: 100% !important;
    min-height: 240px !important;
  }
  .macct-txt, .mbill-txt, .mprof-txt, .mconf-txt,
  .minv-txt, .mlvl-txt, .mlogin-txt, .mcheckout-txt {
    max-width: 100% !important;
    padding: 2rem 1rem 1rem !important;
  }
  body.pmpro-levels #pmpro_levels,
  body.pmpro-levels .pmpro-levels-wrap {
    flex-direction: column !important;
  }
}

/* ══

/* v19: Remove PMPro v3.7 pink box-shadow */
body[class*="pmpro"] .pmpro {
  box-shadow: none !important;
}

/* v19: Allow full-width heroes to escape is-layout-constrained */
body[class*="pmpro"] .entry-content,
body[class*="pmpro"] .wp-block-post-content {
  overflow: visible !important;
}

/* v19: TRUE FULL-WIDTH HEROES */
/* 100% = parent constrained width (~1000px), 100vw = full viewport */
/* margin-left shifts hero ~315px left to reach viewport left edge */
.macct-hero,
.mbill-hero,
.mprof-hero,
.mconf-hero,
.minv-hero,
.mlvl-hero,
.mlogin-hero,
.mcheckout-hero {
  width: 100vw !important;
  margin-left: calc((100% - 100vw) / 2) !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

/* v19: Hide non-transparent original img tags (CSS bg-images are the cutout PNGs) */
.macct-img img,
.mbill-img img,
.mprof-img img,
.minv-img img,
.mlogin-img img,
.mconf-img img {
  display: none !important;
}

/* v19: Billing text padding (rev layout puts text on left side) */
.mbill-txt {
  padding-left: 2rem !important;
}