/* ════════════════════════════════════════════════════════════════
   CHECKOUT · LOGIN · ACCOUNT — Men's Mind Cave
   The plugin ships these in purple glass. This brings them into
   the site's dark green and ember.
   ════════════════════════════════════════════════════════════════ */

body .mmc-checkout-page,
body .mmc-checkout-wrap,
body .mmc-account-wrap,
body .pmbr-wrap{
  background:#040a07!important;
  font-family:'Inter',system-ui,sans-serif!important;
  color:#b8c6bb!important}

/* ── the panels ──────────────────────────────────────── */
body .mmc-glass-card,
body .pmbr-glass-card,
body .mmc-form-panel,
body .mmc-summary-panel,
body .mmc-membership-card{
  background:#07110c!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:6px!important;
  backdrop-filter:none!important;
  box-shadow:0 30px 70px rgba(0,0,0,.4)!important}
body .mmc-order-summary{background:rgba(255,255,255,.025)!important}

/* ── headings ────────────────────────────────────────── */
body .mmc-form-header,
body .mmc-account-header,
body .mmc-checkout-wrap h1,
body .mmc-checkout-wrap h2,
body .mmc-account-wrap h1,
body .mmc-account-wrap h2{
  font-family:'Bricolage Grotesque',system-ui,sans-serif!important;
  font-weight:800!important;letter-spacing:-.03em!important;
  color:#ffffff!important}
body .mmc-form-header{font-size:25px!important;margin:0 0 8px!important}
body .mmc-pay-subtext,
body .mmc-form-header + p,
body .mmc-account-email{color:#8fb59a!important;font-size:15px!important}
body .mmc-account-name,body .mmc-level-name-lg{
  font-family:'Bricolage Grotesque',system-ui,sans-serif!important;
  font-weight:800!important;color:#fff!important;letter-spacing:-.025em!important}
body .mmc-level-label,body .mmc-best-for{
  font-family:'Inter',system-ui,sans-serif!important;font-size:10.5px!important;
  font-weight:700!important;letter-spacing:.22em!important;
  text-transform:uppercase!important;color:#e08b3e!important}

/* ── progress steps ──────────────────────────────────── */
body .mmc-progress-dot{
  background:rgba(255,255,255,.10)!important;color:#8fb59a!important;
  border:1px solid rgba(255,255,255,.16)!important}
body .mmc-progress-step.active .mmc-progress-dot,
body .mmc-progress-step.done .mmc-progress-dot{
  background:#e08b3e!important;color:#180d03!important;border-color:#e08b3e!important}
body .mmc-progress-step{color:#5d7064!important;
  font-family:'Inter',system-ui,sans-serif!important;font-size:10.5px!important;
  font-weight:600!important;letter-spacing:.18em!important;text-transform:uppercase!important}
body .mmc-progress-step.active{color:#e08b3e!important}
body .mmc-progress-line{background:rgba(255,255,255,.12)!important}

/* ── the order summary ───────────────────────────────── */
body .mmc-summary-level{
  font-family:'Bricolage Grotesque',system-ui,sans-serif!important;
  font-weight:800!important;font-size:20px!important;color:#fff!important;
  letter-spacing:-.02em!important}
body .mmc-summary-price{
  font-family:'Bricolage Grotesque',system-ui,sans-serif!important;
  font-weight:800!important;color:#e08b3e!important;letter-spacing:-.04em!important}
body .mmc-summary-price .sym{font-size:.6em!important;vertical-align:top}
body .mmc-summary-price .per{
  font-family:'Inter',system-ui,sans-serif!important;font-size:14px!important;
  font-weight:400!important;color:#93a897!important;letter-spacing:0!important}
body .mmc-summary-features li{
  color:#cfdad0!important;font-size:14px!important;line-height:1.6!important;
  padding-left:24px!important;position:relative;list-style:none!important}
body .mmc-summary-features li::before{
  content:''!important;position:absolute;left:0;top:7px;width:6px;height:6px;
  border-radius:50%;background:#e08b3e!important}
body .mmc-summary-features li svg,
body .mmc-summary-features li .mmc-check{display:none!important}
body .mmc-summary-divider{background:rgba(255,255,255,.10)!important;border:0!important}
body .mmc-secure-badge{color:#8fb59a!important;font-size:12.5px!important}

/* ── form fields ─────────────────────────────────────── */
body .mmc-field-group label,
body .mmc-form label{
  display:block!important;
  font-family:'Inter',system-ui,sans-serif!important;font-size:11px!important;
  font-weight:700!important;letter-spacing:.16em!important;
  text-transform:uppercase!important;color:#8fb59a!important;
  margin:0 0 8px!important}
body .mmc-form input[type=text],
body .mmc-form input[type=email],
body .mmc-form input[type=password],
body .mmc-form input[type=tel],
body .mmc-form select,
body .mmc-checkout-wrap input,
body .mmc-account-wrap input{
  background:rgba(0,0,0,.34)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:3px!important;color:#ffffff!important;
  font-family:'Inter',system-ui,sans-serif!important;font-size:15.5px!important;
  padding:15px 16px!important;width:100%!important;box-sizing:border-box!important}
body .mmc-form input::placeholder{color:#4d5c52!important}
body .mmc-form input:focus,body .mmc-form select:focus{
  border-color:#e08b3e!important;outline:none!important;
  box-shadow:0 0 0 3px rgba(224,139,62,.16)!important;
  background:rgba(0,0,0,.45)!important}
body .mmc-row-2{display:grid!important;grid-template-columns:1fr 1fr!important;
  gap:0 18px!important}
@media(max-width:560px){body .mmc-row-2{grid-template-columns:1fr!important}}
body .mmc-field-group{margin-bottom:20px!important}

/* password strength + reveal */
body .mmc-pw-bar{background:rgba(255,255,255,.10)!important}
body .mmc-pw-bar > *{background:#35a95e!important}
body .mmc-pw-strength{color:#8fb59a!important;font-size:12px!important}
body .mmc-toggle-pw{color:#8fb59a!important}
body .mmc-toggle-pw:hover{color:#e08b3e!important}

/* checkboxes */
body .mmc-optin-label,
body .mmc-checkout-wrap label[for],
body .mmc-form-panel label:not([class]){
  color:#a5b6a8!important;font-size:13.5px!important;font-weight:400!important;
  text-transform:none!important;letter-spacing:0!important;line-height:1.6!important}
body .mmc-checkout-wrap input[type=checkbox]{
  accent-color:#e08b3e!important;width:auto!important}
body .mmc-checkout-wrap a{color:#8fb59a!important;text-decoration:underline!important}
body .mmc-checkout-wrap a:hover{color:#e08b3e!important}

/* ── buttons ─────────────────────────────────────────── */
body .mmc-btn,
body .pmbr-btn,
body .mmc-btn-primary,
body .pmbr-btn-primary{
  font-family:'Inter',system-ui,sans-serif!important;font-weight:700!important;
  font-size:15.5px!important;letter-spacing:0!important;text-transform:none!important;
  padding:17px 26px!important;border-radius:3px!important;border:0!important;
  transition:.25s!important;cursor:pointer!important}
body .mmc-btn-primary,body .pmbr-btn-primary{
  background:#e08b3e!important;color:#180d03!important;
  box-shadow:0 8px 26px rgba(224,139,62,.3)!important}
body .mmc-btn-primary:hover,body .pmbr-btn-primary:hover{
  background:#f5c088!important;color:#180d03!important;transform:translateY(-2px)}
body .mmc-btn-ghost,body .mmc-btn-outline{
  background:transparent!important;color:#c4d1c6!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)!important}
body .mmc-btn-ghost:hover,body .mmc-btn-outline:hover{
  background:rgba(255,255,255,.05)!important;color:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(224,139,62,.55)!important}
body .mmc-back-link,body .mmc-link-row a{
  color:#8fb59a!important;font-size:13.5px!important;text-decoration:none!important}
body .mmc-back-link:hover,body .mmc-link-row a:hover{color:#e08b3e!important}

/* coupon */
body .mmc-checkout-wrap input#mmc-coupon,
body .mmc-checkout-wrap .mmc-coupon-input{text-transform:uppercase!important;
  letter-spacing:.1em!important}

/* ── messages ────────────────────────────────────────── */
body .mmc-message{border-radius:5px!important;padding:16px 20px!important;
  font-size:14.5px!important;line-height:1.6!important}
body .mmc-message.error,body .mmc-card-error-text{
  background:rgba(224,139,62,.10)!important;border:1px solid rgba(224,139,62,.4)!important;
  color:#e8d3bd!important}
body .mmc-message.success{
  background:rgba(26,122,60,.14)!important;border:1px solid rgba(53,169,94,.4)!important;
  color:#cfdad0!important}

/* ── success step ────────────────────────────────────── */
body .mmc-success-icon{background:#1a7a3c!important;color:#fff!important}
body .mmc-success-level{color:#e08b3e!important}
body .mmc-spinner,body .mmc-success-loader{border-top-color:#e08b3e!important}

/* ── account page extras ─────────────────────────────── */
body .mmc-avatar{background:#1a7a3c!important;color:#fff!important;
  font-family:'Bricolage Grotesque',system-ui,sans-serif!important;font-weight:800!important}
body .mmc-meta-item{color:#a5b6a8!important;font-size:14px!important}
body .mmc-divider{background:rgba(255,255,255,.10)!important;border:0!important}
body .mmc-cancel-zone{
  background:rgba(224,139,62,.06)!important;
  border:1px solid rgba(224,139,62,.28)!important;border-radius:5px!important}
body .mmc-cancel-zone h3{color:#fff!important}
body .mmc-cancel-zone p{color:#a5b6a8!important}
body .mmc-no-membership{color:#8fb59a!important}

/* ── the logo at the top ─────────────────────────────── */
body .mmc-logo-icon{max-width:200px!important;height:auto!important;margin:0 auto 8px!important}
body .mmc-logo-icon img{width:100%!important;height:auto!important}

/* trial chips */
body .mmc-trial-chip{
  background:rgba(224,139,62,.14)!important;color:#e08b3e!important;
  border:1px solid rgba(224,139,62,.35)!important;border-radius:2px!important;
  font-family:'Inter',system-ui,sans-serif!important;font-size:11px!important;
  font-weight:700!important;letter-spacing:.16em!important;text-transform:uppercase!important}
body .mmc-trial-note{color:#8fb59a!important;font-size:13px!important}

/* ════════════════════════════════════════════════════════════════
   ACCOUNT PAGE — polish
   The template writes inline background colours from the level's
   colour field, so these need !important to win.
   ════════════════════════════════════════════════════════════════ */

body .mmc-account-wrap{
  max-width:820px!important;margin:0 auto!important;padding:0 24px 80px!important}

/* ── the logo above the card ─────────────────────────── */
body .mmc-logo-icon{
  display:block!important;max-width:230px!important;width:230px!important;
  margin:0 auto 34px!important;height:auto!important;
  font-size:0!important;line-height:0!important}
body .mmc-logo-icon img{
  width:100%!important;height:auto!important;display:block!important}
@media(max-width:600px){body .mmc-logo-icon{width:180px!important}}

/* ── header row ──────────────────────────────────────── */
body .mmc-account-header{
  display:flex!important;align-items:center!important;gap:20px!important;
  background:#07110c!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:6px 6px 0 0!important;
  padding:30px 34px!important;margin:0!important;
  border-bottom:0!important}
body .mmc-avatar{
  background:#1a7a3c!important;color:#fff!important;
  width:60px!important;height:60px!important;border-radius:50%!important;
  display:flex!important;align-items:center;justify-content:center;
  font-size:20px!important;letter-spacing:.02em!important;flex:0 0 auto!important}
body .mmc-account-name{
  font-size:21px!important;margin:0 0 3px!important;line-height:1.2!important}
body .mmc-account-email{
  font-size:14px!important;margin:0!important;color:#8fb59a!important;
  font-weight:400!important}

/* ── the membership card — inline colour overridden ──── */
body .mmc-membership-card{
  background:linear-gradient(135deg,#0d2418,#07110c)!important;
  border:1px solid rgba(224,139,62,.30)!important;
  border-top:0!important;border-radius:0!important;
  padding:34px!important;margin:0!important;position:relative;overflow:hidden}
body .mmc-membership-card::after{
  content:'';position:absolute;right:-60px;top:-60px;width:240px;height:240px;
  border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(224,139,62,.14),transparent 65%)}
body .mmc-level-label{
  color:#e08b3e!important;margin:0 0 8px!important;font-size:10.5px!important}
body .mmc-level-name-lg{
  font-size:29px!important;margin:0 0 24px!important;line-height:1.15!important;
  color:#fff!important}
body .mmc-membership-meta{
  display:flex!important;gap:44px!important;flex-wrap:wrap!important;
  position:relative;z-index:2}
body .mmc-meta-item label{
  display:block!important;font-family:'Inter',system-ui,sans-serif!important;
  font-size:10px!important;font-weight:700!important;letter-spacing:.2em!important;
  text-transform:uppercase!important;color:#5d7064!important;margin:0 0 6px!important}
body .mmc-meta-item span{color:#c4d1c6!important;font-size:15px!important}
body .mmc-status-pill{
  display:inline-block!important;
  background:rgba(53,169,94,.18)!important;color:#5fd48a!important;
  border:1px solid rgba(53,169,94,.4)!important;
  padding:5px 12px!important;border-radius:2px!important;
  font-family:'Inter',system-ui,sans-serif!important;font-size:11px!important;
  font-weight:700!important;letter-spacing:.14em!important;text-transform:uppercase!important}

/* ── edit profile panel — the purple one ─────────────── */
body .mmc-form-card,
body .mmc-glass-card.mmc-form-card,
body .mmc-account-wrap .mmc-glass-card{
  background:#07110c!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-top:0!important;
  border-radius:0 0 6px 6px!important;
  padding:34px!important;margin:0!important;
  backdrop-filter:none!important;box-shadow:none!important}
body .mmc-account-wrap .mmc-form-header{
  font-size:19px!important;margin:0 0 24px!important;
  padding-bottom:16px!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important}

/* ── the sign-out button ─────────────────────────────── */
body .mmc-account-header .mmc-btn-outline{
  padding:13px 22px!important;font-size:14px!important;white-space:nowrap}

/* ── cancel zone, kept quiet ─────────────────────────── */
body .mmc-cancel-zone{
  margin-top:26px!important;padding:24px 28px!important}
body .mmc-cancel-zone h3{
  font-family:'Bricolage Grotesque',system-ui,sans-serif!important;
  font-weight:700!important;font-size:17px!important;margin:0 0 8px!important;
  letter-spacing:-.02em!important}
body .mmc-cancel-zone p{font-size:14px!important;line-height:1.65!important;margin:0 0 16px!important}

@media(max-width:640px){
  body .mmc-account-header{flex-wrap:wrap!important;padding:24px!important}
  body .mmc-account-header > div:last-child{margin-left:0!important;width:100%!important}
  body .mmc-account-header .mmc-btn-outline{width:100%!important;text-align:center}
  body .mmc-membership-card,body .mmc-form-card{padding:24px!important}
  body .mmc-membership-meta{gap:24px!important}
  body .mmc-level-name-lg{font-size:24px!important}
}

/* ════════════════════════════════════════════════════════════════
   [pmbr_members_welcome] — the plugin's greeting block
   Was rendering white-on-white with a purple panel.
   ════════════════════════════════════════════════════════════════ */

body .pmbr-members-welcome,
body .pmbr-welcome,
body .pmbr-welcome-wrap,
body .mmc-welcome-wrap{
  background:transparent!important;
  font-family:'Inter',system-ui,sans-serif!important;
  text-align:center!important;padding:0!important;margin:0 auto 8px!important;
  max-width:640px!important}

/* the heading was white on white */
body .pmbr-members-welcome h1,
body .pmbr-members-welcome h2,
body .pmbr-welcome h1,
body .pmbr-welcome h2,
body .mmc-welcome-title{
  font-family:'Bricolage Grotesque',system-ui,sans-serif!important;
  font-weight:800!important;font-size:clamp(31px,4.4vw,52px)!important;
  line-height:1.06!important;letter-spacing:-.035em!important;
  color:#07110c!important;margin:0 0 18px!important}

/* the purple panel */
body .pmbr-welcome-box,
body .pmbr-members-welcome > div,
body .mmc-welcome-box{
  background:rgba(26,122,60,.07)!important;
  border:1px solid rgba(26,122,60,.25)!important;
  border-radius:5px!important;
  padding:22px 28px!important;
  color:#3b4a3f!important;font-size:15.5px!important;line-height:1.7!important;
  box-shadow:none!important}

/* on a dark page, flip it */
body.mmc .pmbr-members-welcome h1,
body.mmc .pmbr-members-welcome h2,
.mmc-blk .pmbr-members-welcome h1,
.mmc-blk .pmbr-members-welcome h2{color:#ffffff!important}
body.mmc .pmbr-welcome-box,
.mmc-blk .pmbr-welcome-box,
body.mmc .pmbr-members-welcome > div,
.mmc-blk .pmbr-members-welcome > div{
  background:rgba(255,255,255,.03)!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#b8c6bb!important}

/* the eyebrow above it, if the page has one */
body .mmc-welcome-eyebrow{
  font-size:10.5px!important;letter-spacing:.4em!important;
  text-transform:uppercase!important;color:#1a7a3c!important;
  font-weight:600!important;margin:0 0 14px!important}

/* ════════════════════════════════════════════════════════════════
   THE FLOATING ADMIN WIDGET
   The plugin pins a "Hi, Simon / Sign out" pill to the top-right
   corner on every page. Hidden here, since the site header already
   carries a sign-in link.
   ════════════════════════════════════════════════════════════════ */
#pmbr-header-widget,
.pmbr-header-widget,
.pmbr-floating-bar,
.mmc-header-widget{display:none!important}

/* fallback: the widget is inline-styled with no class */
body > a[style*="position:fixed"][style*="99999"],
body > div[style*="position:fixed"][style*="99999"][style*="border-radius:30px"],
body > div[style*="position: fixed"][style*="99999"][style*="border-radius: 30px"]{
  display:none!important}

/* ════════════════════════════════════════════════════════════════
   ACCOUNT PAGE — the remaining three
   ════════════════════════════════════════════════════════════════ */

/* 1 · the page itself, not just the card */
body.page .mmc-account-wrap,
body .mmc-account-wrap{
  background:transparent!important;
  padding:0 24px 90px!important;max-width:860px!important;margin:0 auto!important}

/* the white gap above and below — the Divi page needs the dark too */
body:has(.mmc-account-wrap),
body:has(.mmc-checkout-wrap),
body:has(.mmc-plans-page){background:#040a07!important}
body:has(.mmc-account-wrap) #page-container,
body:has(.mmc-account-wrap) #et-main-area,
body:has(.mmc-account-wrap) #main-content,
body:has(.mmc-account-wrap) .et_pb_section,
body:has(.mmc-checkout-wrap) #page-container,
body:has(.mmc-checkout-wrap) #et-main-area,
body:has(.mmc-checkout-wrap) #main-content{
  background:#040a07!important}

/* 2 · the Edit profile panel — the purple one */
body .mmc-account-wrap .mmc-glass-card,
body .mmc-account-wrap .mmc-form-card,
body .mmc-account-wrap .pmbr-glass-card,
body .mmc-account-wrap form,
body .mmc-account-wrap > div:last-child{
  background:#07110c!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-top:0!important;
  border-radius:0 0 6px 6px!important;
  backdrop-filter:none!important;box-shadow:none!important}

/* 3 · "Edit profile" was near-invisible */
body .mmc-account-wrap .mmc-form-header,
body .mmc-account-wrap h2,
body .mmc-account-wrap h3{
  font-family:'Bricolage Grotesque',system-ui,sans-serif!important;
  font-weight:800!important;font-size:19px!important;
  letter-spacing:-.02em!important;color:#ffffff!important;
  margin:0 0 24px!important;padding:0 0 16px!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
  text-transform:none!important;opacity:1!important}

/* the field rows need breathing room */
body .mmc-account-wrap .mmc-field-group{margin-bottom:22px!important}
body .mmc-account-wrap input{margin-top:8px!important}
body .mmc-account-wrap label{
  color:#8fb59a!important;font-size:11px!important;font-weight:700!important;
  letter-spacing:.16em!important;text-transform:uppercase!important}
body .mmc-account-wrap label span,
body .mmc-account-wrap label small{
  color:#5d7064!important;font-weight:400!important;letter-spacing:.06em!important;
  text-transform:none!important}

/* the save button */
body .mmc-account-wrap .mmc-btn-primary{
  margin-top:8px!important;padding:16px 30px!important}

/* the membership card — keep its ember edge but drop the hard line */
body .mmc-membership-card{border-left:1px solid rgba(224,139,62,.30)!important;
  border-right:1px solid rgba(224,139,62,.30)!important}

/* ════════════════════════════════════════════════════════════════
   THE VARIABLES THEMSELVES
   The plugin prints <style id="pmbr-custom-vars"> from the database.
   Redefining them here — loaded after — beats it, so a stale saved
   value can't reintroduce the purple.
   ════════════════════════════════════════════════════════════════ */
:root{
  --mmc-gold:         #e08b3e!important;
  --mmc-accent-text:  #180d03!important;
  --mmc-bg:           #07110c!important;
  --mmc-bg2:          #07110c!important;
  --mmc-border:       rgba(255,255,255,.10)!important;
  --mmc-text:         #b8c6bb!important;
  --mmc-muted:        rgba(255,255,255,.55)!important;
  --mmc-table-text:   #3b4a3f!important;
  --mmc-table-muted:  rgba(7,17,12,.55)!important;
  --mmc-plans-hl:     #07110c!important;
  --mmc-input-bg:     rgba(0,0,0,.34)!important;
  --mmc-input-border: rgba(255,255,255,.15)!important;
  --mmc-input-text:   #ffffff!important;
  --mmc-trial-bg:     rgba(224,139,62,.12)!important;
  --mmc-trial-border: rgba(224,139,62,.35)!important;
  --mmc-trial-text:   #e08b3e!important;
}

/* anything still painting itself with the old value */
body [style*="#1a1a35"],
body [style*="#1A1A35"],
body [style*="rgb(26, 26, 53)"]{background:#07110c!important}

/* the Edit profile bar specifically */
body .mmc-account-wrap .mmc-form-header,
body .mmc-form-card > :first-child,
body .mmc-glass-card > :first-child{
  background:transparent!important}