.elementor-kit-42{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-b66e2aa:#FFFFFF;--e-global-color-96d94ed:#00C853;--e-global-color-3c7618e:#003820;--e-global-color-c6e034d:#BDE5C8;--e-global-color-dd27582:#00695C;--e-global-color-aa3743b:#CDCDCD;--e-global-color-d55f769:#0B1623;--e-global-color-95d1450:#FFA726;--e-global-color-ecbb9c7:#A2D1CB;--e-global-color-bcb2837:#B1C1D8;--e-global-color-b6cd41c:#F6F0C8;--e-global-color-dbecf91:#003B33;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:95vw;}.e-con{--container-max-width:95vw;}}/* Start custom CSS *//* ─────────────────────────────────────────────────────────────
   MMI SR – Daily Wealth Coach  •  Cards + 90-Day Dashboard
   Updated 2025-06-16
   – Includes: variable theme system, card styles, dashboard tiles,
     celebration effects, grid & icon styling, and layout tweaks.
   – Replace your previous stylesheet with this one.



   ──────────────────────────────────────────────────────────── */

/* Google fonts (one import is fine) */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@600;700&family=Montserrat:wght@400;600;800&family=Inter:wght@400;700&display=swap");


/*─────────────────────────────────────────────
  0.  GLOBAL VARS
─────────────────────────────────────────────*/
:root{
  /* brand colours */
  --card-green:#176b36;      /* GBI / default */
  --card-orange:#f09a2b;     /* Mind */
  --card-blue:#18355e;       /* TTT  */
  --card-yellow:#e8c100;     /* Money (accent only) */
  --card-black:#202426;      /* EWC  */
  --card-gold:#f3dc71;
  --card-white:#fff;

  /* sizing */
  --card-maxw:420px;
  --border-thick:3.5px;
  --gutter:16px;             /* white margin around coloured card */
  --shadow-card:0 10px 38px rgba(20,32,30,.13),0 1.5px 3.5px rgba(20,32,30,.08);

  /* inner paddings (gutter inside coloured border) */
  --pad-x:1.4em;             /* left / right for content */
  --pad-top:1.1em;           /* white space above title bar */

  /* fonts */
  --font-head:"Poppins",system-ui,sans-serif;
  --font-bold:"Montserrat",system-ui,sans-serif;

  /* 90-day grid tints (untouched) */
  --sun-border:#fed82e; --sun-fill:#eec21d;
  --plant-dark:#005331; --lock-grey:#e7efe9;
}



/*─────────────────────────────────────────────
  1.  OUTER WHITE CARD  (shadow + gutter)
─────────────────────────────────────────────*/
.outer-card{
  background:var(--card-white);
  box-shadow:var(--shadow-card);
  max-width:calc(var(--card-maxw) + var(--gutter)*2);
  margin:1.7rem 2.5rem;
  padding:var(--gutter);
  border-radius:0;
}

/*─────────────────────────────────────────────
  2.  COLOURED BORDER BLOCK
─────────────────────────────────────────────*/
.wealth-card{
  background:var(--card-white);
  border:var(--border-thick) solid var(--card-green);
  max-width:var(--card-maxw);
  margin:0 auto;
  padding:0;
  border-radius:0;
  box-sizing:border-box;
}
/* colour variants */
.wealth-card.gbi  {border-color:var(--card-green);}
.wealth-card.mind {border-color:var(--card-orange);}
.wealth-card.money{border-color:#39a547;}
.wealth-card.ttt  {border-color:var(--card-blue);}
.wealth-card.ewc  {border-color:var(--card-black);}

/*─────────────────────────────────────────────
  3.  INNER CONTENT WRAPPER  (controls shared padding)
─────────────────────────────────────────────*/
.wealth-card__content{
  background:var(--card-white);
  padding:var(--pad-top) var(--pad-x) 1.3em;
  box-sizing:border-box;
}

/*─────────────────────────────────────────────
  4.  TITLE BAR
─────────────────────────────────────────────*/
.wealth-card__titlebar{
  background:var(--card-green);
  margin:0 0 1.2rem 0;
  padding:1em;                   /* side/alignment now handled by .__content */
  border-radius:0;
}
.wealth-card.gbi  .wealth-card__titlebar{background:var(--card-green);}
.wealth-card.mind .wealth-card__titlebar{background:var(--card-orange);}
.wealth-card.money .wealth-card__titlebar{background:#39a547;}
.wealth-card.ttt  .wealth-card__titlebar{background:var(--card-blue);}
.wealth-card.ewc  .wealth-card__titlebar{background:var(--card-black);}

.wealth-card__main-title{
  font:700 1.13rem/1.25 var(--font-head);
  color:var(--card-white);
  text-transform:uppercase;
  letter-spacing:.01em;
  margin:.0 .0 .14em;
}
.wealth-card__subtitle{
  font:600 0.9rem/1.25 var(--font-bold);
  text-transform:uppercase;
  letter-spacing:.10em;
  margin:0;
  color:var(--card-gold);
  opacity:.96;
}
.wealth-card.mind  .wealth-card__subtitle{color:#ffe0ad;}
.wealth-card.money .wealth-card__subtitle{color:#c5ebbe;}
.wealth-card.ttt   .wealth-card__subtitle{color:#adc0e7;}
.wealth-card.ewc   .wealth-card__subtitle{color:var(--card-gold);}

/*─────────────────────────────────────────────
  5.  LIST + BULLETS
─────────────────────────────────────────────*/
.wealth-card ul{
  list-style:none;
  margin:0;
  padding:0;
  font-family:var(--font-bold);
}
.wealth-card li{
  position:relative;
  padding-left:1.62em;
  margin-bottom:1.1em;
  font-size:0.9rem;
  font-weight:400;
  line-height:1.37;
  color:#213028;
  text-align:left;
}
.wealth-card li:last-child{margin-bottom:0;}

.wealth-card li::before{
  content:'';
  position:absolute;
  left:0;top:.33em;
  width:.77em;height:.77em;
  border-radius:50%;
  background:var(--card-green);
}
.wealth-card.mind  li::before{background:var(--card-orange);}
.wealth-card.money li::before{background:#39a547;}
.wealth-card.ttt   li::before{background:var(--card-blue);}
.wealth-card.ewc   li::before{background:var(--card-gold);}

/* dark variant adjustments */
.wealth-card.ewc{
  background:var(--card-black);
  color:#fff;
}
.wealth-card.ewc ul li{color:#fff;}
.wealth-card.ewc .wealth-card__main-title{color:var(--card-gold);}

/*─────────────────────────────────────────────
  6.  RESPONSIVE
─────────────────────────────────────────────*/
@media(max-width:540px){
  .outer-card{max-width:99vw;padding:8px;}
  .wealth-card{max-width:99vw;}
  .wealth-card__content{padding:var(--pad-top) .9em 1.1em;}
  .wealth-card__titlebar{margin-bottom:1rem;}
}









/*─────────────────────────────────────────────
  VAKS CARDS  – legacy clean white theme
─────────────────────────────────────────────*/
:root{
  --vaks-bg : #ffffff;                    /* white card */
  --vaks-fg : var(--e-global-color-dd27582, #0f4637); /* dark green text */
}

.outer-card.vaks{
    background-color: #ffffff00 !important;
    box-shadow: none !important;
}

/* base */
.wealth-card.vaks{
  background: var(--vaks-bg);
  color:      var(--vaks-fg);
  padding: 1.5rem 1.25rem;
  border-radius: 8px;         /* keep soft corners */
  box-shadow: 0 4px 10px rgb(0 0 0 / .18);
  text-align: center !important;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  height: 100%;
}

/* REMOVE coloured “money/mind/declare” overrides */
.wealth-card.vaks.money,
.wealth-card.vaks.mind,
.wealth-card.vaks.declare{
  background: var(--vaks-bg) !important;
}

/* headings */
.wealth-card.vaks h2,
.wealth-card.vaks h3{
  margin: 0;
  color: var(--vaks-fg);
  text-transform: uppercase;
  letter-spacing: .04em;
  font-family: var(--font-head, Poppins, sans-serif);
}
.wealth-card.vaks h2{
  font-size: clamp(1.1rem, 1.1rem + .8vw, 1.5rem);
  font-weight: 700;
}
.wealth-card.vaks h3{
  font-size: clamp(.9rem, .9rem + .5vw, 1.2rem);
  font-weight: 600;
}

/* small subtitle (h6) */
.wealth-card.vaks h6{
  margin:.2rem 0 0;
  font: 400 .9rem/1.4 var(--font-body, Montserrat, sans-serif);
  opacity:.75;
}

/* image */
.wealth-card.vaks img{
  max-width: 100%;
  max-height: 260px;
  object-fit: contain;
  margin-inline: auto;
}

/* lists */
.wealth-card.vaks ul,
.wealth-card.vaks ol{
  margin: 0;
  padding-left: 0;
  list-style-position: inside;
  text-align: left;
  font-size: clamp(.9rem, .9rem + .4vw, 1.05rem);
  line-height: 1.45;
  display: flex;
  flex-direction: column;
  gap: .55rem;
}
.wealth-card.vaks ol li::marker{
  color: var(--vaks-fg);
  font-weight: 600;
}


/*─────────────────────────────────────────────
  VAKS cleanup – remove legacy border
─────────────────────────────────────────────*/
.wealth-card.vaks {
  border:none !important;    /* suppress the old inner outline */
}

/* (radius already set on .wealth-card.vaks; nothing else needed) */



/* roomier on wide screens */
@media (min-width: 768px){
  .wealth-card.vaks{ padding: 2rem 2.25rem; }
}




/* EOF – Wealth cards only */



/* =================================================================
   2.  UNIVERSAL CELEBRATION EFFECT (trigger via JS class)
================================================================= */
.celebrate-pop{animation:pulse-border 1.4s infinite}
.celebrate-pop::before{
  background:radial-gradient(circle,
     rgba(255,236,162,.35) 0%,
     rgba(255,236,162,0) 70%);
  animation:confetti-bg 2.6s ease-in-out infinite;
}
.celebrate-emoji{font-size:2.1rem;animation:float-burst 1.1s ease-in-out infinite;z-index:2}

/* keyframes */
@keyframes pulse-border{0%,100%{box-shadow:0 0 6px #ffe071}50%{box-shadow:0 0 16px #ffc400}}
@keyframes float-burst{0%{transform:scale(.8) translateY(2px);opacity:.8}50%{transform:scale(1.25) translateY(-4px);opacity:1}100%{transform:scale(1) translateY(0);opacity:.9}}
@keyframes confetti-bg{0%,100%{opacity:1}50%{opacity:.45}}

/* =================================================================
   3.  90-DAY DASHBOARD  (unchanged logic; cosmetic vars wired-in)
================================================================= */

/*─────────────────────────────────────────────────────────────
  90-Day dashboard tiles  – one compact block
  (completed • current • in-progress • future • “more …”)
─────────────────────────────────────────────────────────────*/

/* 1. grid container padding */
#day-grid-container{

  box-sizing:border-box;
}

/* 2. base card */
#day-grid-container .day-card{
  position:relative;
  width:100%;
  aspect-ratio:1/1.1;
  background:#fff;
  border-radius:16px;
  margin-bottom:12px;
  text-align:center;
  transition:transform .15s ease,box-shadow .15s ease;
  box-shadow:0 6px 12px rgba(0,0,0,.12);
}
#day-grid-container .day-card:active{
  transform:translateY(-2px);
  box-shadow:0 4px 12px rgba(0,0,0,.12);
}

/* 3. inner flex wrapper */
#day-grid-container .day-content{
  position:absolute;inset:0;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  align-items:center;
  padding:14px 10px 16px;
  box-sizing:border-box;
}

/* 4. heading */
#day-grid-container .day-number{
  font:700 1.6rem/1 var(--font-head);
  letter-spacing:.5px;
  text-transform:uppercase;
  z-index:1;
}

/* 5. shared icon frame (86×86) – now incl. in-progress */
#day-grid-container .day-card.completed   .day-content::after,
#day-grid-container .day-card.current     .day-content::after,
#day-grid-container .day-card.future      .day-content::after,
#day-grid-container .day-card.in-progress .day-content::after{
  content:"";
  display:block;
  width:86px;height:86px;
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
  margin-top:auto;
  margin-bottom:5px;
}

/* 6. individual SVGs */
#day-grid-container .day-card.completed   .day-content::after{background-image:url('https://responsive-design.nl/wp-content/uploads/2025/06/plant_icon.svg')}
#day-grid-container .day-card.current     .day-content::after{background-image:url('https://responsive-design.nl/wp-content/uploads/2025/06/sun_icon.svg')}
#day-grid-container .day-card.future      .day-content::after{background-image:url('https://responsive-design.nl/wp-content/uploads/2025/06/lock_icon.svg')}
#day-grid-container .day-card.in-progress .day-content::after{background-image:url('https://responsive-design.nl/wp-content/uploads/2025/06/sun_icon.svg')}

/* 7. status colours / borders */
#day-grid-container .day-card.completed  {border:0;color:var(--plant-dark)}
#day-grid-container .day-card.current    {border:2px solid var(--sun-border);color:var(--sun-fill)}
#day-grid-container .day-card.future     {color:var(--plant-dark);box-shadow:none;cursor:not-allowed}
#day-grid-container .day-card.more       {color:var(--lock-grey);cursor:not-allowed}

/* in-progress (draft) look */
#day-grid-container .day-card.in-progress{
  border:2px dashed var(--sun-border);
  color:var(--sun-fill);
  cursor:pointer;
}
#day-grid-container .day-card.in-progress:hover{
  box-shadow:0 0 14px rgba(255,222,80,.6);
}

/* 8. glowing pulse for “today” tile */
.day-card.current-glow{
  animation:pulse-glow 1.6s infinite ease-in-out;
}
@keyframes pulse-glow{
  0%,100%{box-shadow:0 0 12px rgba(255,222,80,.6),0 0 18px rgba(255,180,40,.4)}
  50%    {box-shadow:0 0 22px rgba(255,200,0,.8),0 0 30px rgba(255,180,40,.6)}
}

/* 9. “more …” tile */
#day-grid-container .day-card.more .day-content{justify-content:center}
#day-grid-container .day-card.more .more-icon{
  font:700 4rem/1 var(--font-head);
  color:var(--lock-grey);
  margin-top:-26px;
}

/* 10. layout fix for Formidable grid */
.frm_grid_container.frm-grid-view>div,
.frm_grid_container>div{padding:0}

/* 11. full-tile overlay link for drafts */
.day-draft-link{
  position:absolute; inset:0;
  z-index:5;
  text-indent:-9999px;   /* visual hide */
  cursor:pointer;
}


/* chat form centering */
body:not(.frm_preview_page):not(.single-frm_landing_page) .frm_chat_form_cont.frm_forms.with_frm_style{
  justify-content:center;min-height:100vh
}

/* hide motivational AI helper field */
.hidden-section{display:none !important}

/* =================================================================
   4.  SUN-ICON PULSE (re-use global keyframes)
================================================================= */
.day-card.current-glow{position:relative}
/* pulse-glow keyframes already declared above */

/* EOF – keep on shining! */

/* “My Declarations” button – matches your Poppins / green theme  */
.mmi-declare-btn{
  display:inline-block;
  margin-top: 20px;
  padding: 10px 30px 10px 30px;
  letter-spacing:0.4px;
  color:rgba(0, 56, 32, 1) !important;
  background:#fff;
  border-radius:8px;
  text-decoration:none;
  box-shadow:0 4px 10px rgba(0,0,0,.15);
  transition:transform .15s ease, box-shadow .15s ease;
}
.mmi-declare-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 14px rgba(0,0,0,.22);
}






/* ===========================================================
   Autosave badge  – bottom-aligned
   =========================================================== */

/* ↓ add (or replace) this block */
:root{
  /* how far above the bottom-edge the badge sits */
  --badge-offset: .6rem;   /* tweak this value to nudge it up/down */
}

.autosave-status{
  position:absolute;
  right: .8rem;                    /* keep same side offset */
  bottom: var(--badge-offset);     /* sit near the bottom   */
  /* remove the previous vertical-centering */
  top: auto;
  transform:none;

  display:flex;align-items:center;gap:.35rem;
  font-family:var(--font-body,"Montserrat",sans-serif);
  font-size:.72rem;font-weight:600;color:#38b000;
  opacity:0;transition:opacity .2s ease;
  pointer-events:none;
}

.autosave-status .tick{
  width:18px;height:18px;border-radius:50%;
  background:#38b000;color:#fff;
  display:flex;align-items:center;justify-content:center;
  font-size:.65rem;line-height:1;
}

/* show when data present */
.autosave-status.saved{opacity:1}

/* small-screen nudge */
@media(max-width:420px){
  :root{ --badge-offset: .25rem; }   /* optional mobile tweak */
  .autosave-status{right:.6rem;font-size:.65rem}
  .autosave-status .tick{width:16px;height:16px;font-size:.55rem}
}




/* ─── End-of-Day Celebration • MMI SR ──────────────────────── */
.mmi-eod-wrapper{
  display:flex;justify-content:center;align-items:center;
  min-height:60vh;padding:1rem;box-sizing:border-box;
}

.mmi-eod-card{
  background:linear-gradient(145deg,#36ab00,#258400);
  border:3px solid #fff;border-radius:14px;
  padding:2rem 1.6rem;max-width:420px;width:100%;
  text-align:center;color:#fff;font-family:"Poppins",sans-serif;
  box-shadow:0 10px 24px rgba(0,0,0,.22);
}

.mmi-eod-card h2{
  margin:0 0 .8rem;font-size:clamp(1.6rem,5vw,2rem);
  font-weight:800;text-transform:uppercase;letter-spacing:.6px;
}
.mmi-eod-card p{
  margin:0;font-size:clamp(.95rem,3.5vw,1.05rem);
  line-height:1.55;font-family:"Montserrat",sans-serif;
}

/* responsive nudge */
@media(max-width:420px){
  .mmi-eod-card{padding:1.6rem 1.2rem}
}






/* ---------- universal pill look ---------- */
.mmi-declare-btn{
  display:flex;                       /* full-width flex for centering   */
  justify-content:center;             /* 🔸 keep icon+text truly centred */
  align-items:center;
  padding:.55rem 2rem;                /* symmetrical side padding        */
  background:#fff;
  border-radius:9999px;               /* pill                             */
  font:600 .95rem/1 var(--font-body,"Montserrat",sans-serif);
  color:#282425 !important;
  text-decoration:none;
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 3px 8px rgba(0,0,0,.12);
  transition:transform .15s ease,box-shadow .15s ease;
}
.mmi-declare-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 4px 12px rgba(0,0,0,.16);
}

/* ---------- cog icon (Emoji) ---------- */
.is-edit::before{
  content:"\2699\FE0F";  /* ⚙️  gear **emoji** */
  display:inline-grid;
  width:1.8rem;height:1.8rem;
  place-items:center;
  border-radius:50%;
  font-size:1.4rem;
  color:#282425;
  margin-right:.55rem;
  flex-shrink:0;
}

.is-new::before {
  content: "➕";
  display: inline-grid;
  width: 1.8rem;
  height: 1.8rem;
  place-items: center;
  border-radius: 50%;
  font-size: 1.4rem;
  color: #282425;
  margin-right: .55rem;
  flex-shrink: 0;
}



/* full-width on very small screens (optional) */
@media(max-width:480px){
  .mmi-declare-btn{width:100%}
}




/* === End-of-Day card (simple white-text version) =============== */
#mmi-eod-block{
  text-align:center;           /* centre everything                */
  color:#ffffff;               /* make all text white              */
  max-width:340px;             /* keep it from getting too wide    */
  margin:0 auto -3rem;          /* centred + a little bottom space  */
}

/* tidy heading & body spacing */
#mmi-eod-block h2{margin:0 0 1rem;font-weight:800}
#mmi-eod-block p {margin:0;font-size:1rem;line-height:1.5}

/* small-screen tweak */
@media(max-width:420px){
  #mmi-eod-block p{font-size:.95rem}
}











/* Formidable - place .frm_save_draft on a new line */
.frm_save_draft{
  display:block !important;
  width:100% !important;         
  margin-top:1rem;
}

.frm_rootline_hidden_steps .frm_rootline_title {
	color: #000000 !important;
}



.frm_forms .frm_rootline.frm_no_numbers input.frm_rootline_show_more_btn {
	color: #00695c !important;
}

.frm_rootline_title {
	color: #ffffff !important;
}











/* ========== Swiper nav & dots — SR Connect style ========== */

/* base arrow button look */
.swiper-button-prev,
.swiper-button-next{
    width: calc(var(--swiper-navigation-size) / 44 * 27);
  background:none !important;
  border:0px solid var(--e-global-color-dd27582) !important;
  color:var(--e-global-color-dd27582) !important;
  transition:all .2s ease !important;
}

/* arrow icon weight */
.swiper-button-prev::after,
.swiper-button-next::after{
  font-size:30px !important;
  font-weight:700 !important;
}

/* hover / focus (desktop) */
@media(hover:hover){
  .swiper-button-prev:hover,
  .swiper-button-next:hover,
  .swiper-button-prev:focus-visible,
  .swiper-button-next:focus-visible{
    color:#fff !important;
  }
}

/* pagination dots */
.swiper-pagination-bullet{
  background:var(--e-global-color-dd27582) !important;
}




/* ================================================================
   SR Connect — Centered “Coin” Avatar Style
   ================================================================*/

.avatar-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 8em;
  height: 8em;
  margin: 0 auto;  /* center wrapper in parent container */
  border-radius: 50%;
  overflow: hidden;
  background-color: #fff;

  /* harder, tighter shadow — like a coin */
  box-shadow: 1px 4px 3px 2px rgba(0, 0, 0, 0.4);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.avatar-wrap .sr-avatar {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  display: block;
}

.avatar-wrap .sr-avatar {
  border: none !important;
}








/* ==================================================================
   SR Connect – restyle Formidable’s  frm_total_big  field
   ==================================================================*/

/* wrapper label */
.frm_total_big .frm_primary_label{
  color:#fff;
  font:600 1.2rem/1 "Montserrat",sans-serif;
  font-weight:600;
  margin-bottom:.6rem;
}

/* input group */
.frm_total_big .frm_input_group{
  display:inline-flex;
  align-items:flex-end;          /* keep $ and input baseline-aligned */
  gap:.4rem;
}

/* Dollar prefix */
.frm_total_big .frm_inline_box{
  font:600 1.6rem/1 "Montserrat",sans-serif;
  color:#fff !important;
  margin-bottom:.6rem;
}

/* Text / number input */
.frm_total_big .frm_input_group input{
  font:600 1.6rem/1.25 "Montserrat",sans-serif;
  color:#fff !important;
  
}

/* placeholder */
.frm_total_big .frm_input_group input::placeholder{
  color: #fff;
  font:600 1.6rem/1 "Montserrat",sans-serif !important;
}





/* ================================================================
   SR Connect — simple white “underline” style
   Add sr-text to the wrapper (CSS Layout Classes) of any field.
   ================================================================*/

/* ---------- unified input / textarea ---------------------------- */
.sr-text input[type="text"],
.sr-text input[type="number"],
.sr-text input[type="email"],
.sr-text input[type="password"],   /* ← this line added */
.sr-text textarea {
  width:100% !important;
  border-bottom:2px solid rgba(255,255,255,.6) !important;
  border-radius:0 !important;
  padding:.35rem .15rem .25rem;
  font:600 1.25rem/1.3 "Montserrat",sans-serif !important;
  color:#fff !important;
  background:transparent;
  transition:border-color .2s ease !important;
}

/* focus / active */
.sr-text input[type="text"]:focus,
.sr-text input[type="number"]:focus,
.sr-text input[type="email"]:focus,
.sr-text input[type="password"]:focus,  /* ← this line added */
.sr-text textarea:focus {
  outline:none !important;
  border-bottom-color:#fff !important;
}

/* placeholder tint */
.sr-text input::placeholder,
.sr-text textarea::placeholder {
  color:rgba(255,255,255,.45) !important;
  opacity:1;  /* Firefox */
}







/* ================================================================
   SR Connect – Login Form (frm-default-forms-custom)
   Matches the white “underline” look used elsewhere.
   ================================================================*/

/* ---------- labels ------------------------------------------------ */
.frm-default-forms-custom .frm_primary_label{
  color:#fff;
  font:600 1.2rem/1 "Montserrat",sans-serif;
  margin-bottom:.6rem;
}

/* ---------- text / password inputs -------------------------------- */
.frm-default-forms-custom input[type="text"],
.frm-default-forms-custom input[type="password"],
.frm-default-forms-custom input[type="email"],
.frm-default-forms-custom textarea{
  width:100% !important;
  border: 0px !important;
  border-bottom:2px solid rgba(255,255,255,.6) !important;
  border-radius:0 !important;
  padding:.35rem .15rem .25rem;
  font:600 1.25rem/1.3 "Montserrat",sans-serif !important;
  color:#fff !important;
  background:transparent;           /* keep dark BGs intact */
  transition:border-color .2s ease !important;
  margin-bottom: 35px;
}

/* focus / active state */
.frm-default-forms-custom input[type="text"]:focus,
.frm-default-forms-custom input[type="password"]:focus,
.frm-default-forms-custom input[type="email"]:focus,
.frm-default-forms-custom textarea:focus{
  outline:none !important;
  border-bottom-color:#fff !important;
}

/* placeholder tint */
.frm-default-forms-custom input::placeholder,
.frm-default-forms-custom textarea::placeholder{
  color:rgba(255,255,255,.45) !important;
  opacity:1; /* Firefox */
}

/* ---------- checkbox (“Remember Me”) ------------------------------ */
.frm-default-forms-custom .frm_checkbox label{
  font-family: var(--e-global-typography-primary-font-family), Sans-serif;
  font-weight: var(--e-global-typography-primary-font-weight);
  color:var( --e-global-color-b66e2aa );
}
.frm-default-forms-custom .frm_checkbox input{
  margin-right:.35rem;
}

/* ---------- submit button ----------------------------------------- */
.frm-default-forms-custom .frm_submit input[type="submit"]{
  display:inline-block;
  padding:.6rem 1.2rem;
  font-family: var(--e-global-typography-primary-font-family), Sans-serif;
  font-weight: var(--e-global-typography-primary-font-weight);
  color:var( --e-global-color-b66e2aa );
  background:var( --e-global-color-dd27582 );
  border:none;
  border-radius:99px;
  cursor:pointer;
  transition:opacity .2s ease;
  margin-top: 10px;
  
}
.frm-default-forms-custom .frm_submit input[type="submit"]:hover{
  background:var(--e-global-color-dbecf91);
}


.frm-default-forms-custom .forgot-password {
  color:var(--e-global-color-dbecf91) !important;
}







/* =============================================================
   SR Connect – Paragraph (Long-Text) field
   Wrapper class:  sr-paragraph
   Produces a 5-line “notepad” with white guide lines that brighten
   on focus.  (Other single-line fields keep the sr-text styling.)
   =============================================================*/

/* ---------- base style --------------------------------------- */
.frm_form_field.sr-paragraph textarea{
  /* predictable row metrics */
  line-height:28px !important;                                     /* text row height  */
  height     :calc(28px * 5 + 14px) !important;         /* 5 rows + padding  */
  min-height :calc(28px * 5 + 14px) !important;

  /* white box */
  width:100% !important;
  padding:7px 12px;
  font:600 16px/26px "Montserrat",sans-serif;
  color:#fff !important;

  /* repeating guide lines (85 % white) */
  background-image:
    repeating-linear-gradient(
      to bottom,
      transparent 0,
      transparent 26px,
      rgba(255,255,255,.6) 26px,
      rgba(255,255,255,.6) 28px
    );
  background-size:100% 28px;        /* one stripe every 28 px */
  background-attachment:local;      /* lines scroll with content */
}

/* ---------- focus / active ----------------------------------- */
.frm_form_field.sr-paragraph textarea:focus{
  outline:none;
  border-color:#fff !important;

  /* brighter guide lines while active */
  background-image:
    repeating-linear-gradient(
      to bottom,
      transparent 0,
      transparent 26px,
      #ffffff 26px,
      #ffffff 28px
    );
}

/* ---------- placeholder tint --------------------------------- */
.frm_form_field.sr-paragraph textarea::placeholder{
  color:rgba(255,255,255,.5);
  opacity:1;   /* Firefox */
}






















/* ---------------------------------------------------------------
   SR Connect – declaration list in View
   ---------------------------------------------------------------*/
.decl-row{
  display:flex;
  flex-direction:column;     /* stack title, then buttons */
  padding:1.1rem 1.25rem;
  margin-bottom:.75rem;
  border:1px solid rgba(255,255,255,.25);
  border-radius:12px;
  background:rgba(255,255,255,.05);
  color:#fff;
}

/* title on its own line */
.decl-title{
  font:600 1.05rem/1.3 "Montserrat",sans-serif;
  text-align: center;
}

/* buttons row */
.decl-actions{
  display:flex;
  gap:.75rem;               /* space between Edit / Delete */
  align-items:center;       /* vertical centring of both pills */
}

/* delete pill (inherits your .mmi-declare-btn base styles) */
.mmi-delete-btn{


  padding:.55rem 1.3rem;
  border-radius:9999px;
  font:600 1rem/1 "Montserrat",sans-serif;
  text-decoration:none;

  background:#e54d4d;
  border:1px solid #e54d4d;
  color:#fff !important;
  transition:background .2s ease,border-color .2s ease;
}
.mmi-delete-btn:hover,
.mmi-delete-btn:focus{
  background:#c93636;
  border-color:#c93636;
  color:#fff !important;
}





/* ==================================================================
   Browser bottom-nav bar – icon refinements
   ==================================================================*/

.bottom-nav-bar-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* Shared icon layout – square box, centred */
.bottom-nav-bar-item .nav-icon {
  width: 1.6rem;     /* forces equal width */
  height: 1.6rem;    /* forces equal height */
  line-height: 1.6rem;
  display: flex;           /* centres glyph inside the box */
  align-items: center;
  justify-content: center;
  margin-bottom: .6rem;
  transition: color .15s ease;
}

/* ——— Individual optical tweaks ——— */
.icon-90            { font-size: 1.45rem; }        /* tiny nudge smaller */
.icon-connect       { font-size: 1.25rem; }        /* tiny nudge larger */
.icon-moments       { font-size: 1.4rem;  }        /* leave as baseline */

.bottom-nav-bar-item.active .nav-icon { color: #fff; }   /* active = white */























/* ==================================================================
   90 day stats page
   ==================================================================*/

/* ---------- hero grid ---------- */
.stats-hero{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
  gap:1rem;margin:2rem 0;
}
.stat-card{
  background:#fff;border:2px solid rgba(0,0,0,.05);
  border-radius:16px;padding:1.25rem;
  box-shadow:0 3px 8px rgba(0,0,0,.06);
  text-align:center;
  transition:transform .15s ease,box-shadow .15s ease;
}
.stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(0,0,0,.08)}
.stat-card .num{
  font:700 1.9rem/1 "Montserrat",sans-serif;
  color:var(--e-global-color-dd27582);
}
.stat-card .lbl{display:block;margin-top:.15rem;font-weight:500;color:#505050}

/* ---------- graph containers (same visual style) ---------- */
.frm_graph_container{
  margin:3rem 0 !important;
padding:1.5rem 1.25rem;
  background:#fff;
border:2px solid rgba(0,0,0,.05);
  border-radius:16px;
box-shadow:0 3px 8px rgba(0,0,0,.06);
  overflow:hidden;
transition:transform .15s ease,box-shadow .15s ease;
}
@media(hover:hover){
  .frm_graph_container:hover{
    transform:translateY(-2px);
    box-shadow:0 6px 14px rgba(0,0,0,.08);
  }
}

/* ---------- responsive tweaks ---------- */
@media(max-width:600px){
  .stats-hero{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
  .stat-card .num{font-size:1.6rem}
}




















/* ==================================================================
   Extra edits
   ==================================================================*/


.frm_ai_answer p {
    text-align: center !important;
    margin: 15px;
}



.hfe-nav-menu .hfe-menu-item {
    border-radius: 9999px;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.frm_rootline_group {
    z-index: 999;
}


.frm_total_big {
    color: #fff !important;
}

.frm_style_mmi-app-2.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message, .frm_style_mmi-app-2.with_frm_style input[type=submit], .frm_style_mmi-app-2.with_frm_style .frm_submit input[type=button], .frm_style_mmi-app-2.with_frm_style .frm_submit button, .frm_form_submit_style, .frm_style_mmi-app-2.with_frm_style .frm-edit-page-btn {
    height: 4em !important;
    min-width: 48% !important;
    font-weight: bold !important;
}

.frm_flex, .frm_full_row {
    justify-content: space-between !important;
}





.frm_style_mmi-app-2.with_frm_style .frm-show-form .frm_section_heading h3[class*="frm_pos_"] {
    border-top: none !important;
}





.field_extra_margin_bottom {
    margin-bottom: 5em !important;
}

.field_small_margin_bottom {
    margin-bottom: 3em !important;
}


.with_frm_style .frm_repeat_sec {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    border-bottom-width: 0px !important;
    
}

.frm_repeat_buttons a.frm_remove_form_row, .frm_repeat_buttons a.frm_add_form_row {
    margin-bottom: 10px !important;
}





/* end of day AI styling */
.mmi_eod_ai_field .frm_ai_answer {
    font:600 1.1rem/1.25 "Montserrat",sans-serif !important;
    border: none !important;
    padding: 0px !important;
    background-color:transparent !important;
    text-align: left !important;
}

.mmi_eod_ai_field .frm_description.frm_ai_answer p {
    color:#fff !important;
    text-align: left !important;
    font-size: 25em !important;
}


.mmi_app_ai .frm_description.frm_ai_answer {
    color: var( --e-global-color-dd27582 ) !important;
    padding: 2em 2em 2em 2em !important;
}


.frm_forms.with_frm_style .frm_fields_container .frm_checkbox input[type=checkbox]:not([disabled]):checked {
    background-color: #00695c !important;
}

.frm_display_format_buttons .frm_checkbox input[type=checkbox]:checked + .frm_label_button_container {
    background-color: #00695c !important;
    border-color: #00695c !important;
}

.frm_display_format_buttons .frm_radio input[type=radio]:checked + .frm_label_button_container {
    background-color: #00695c !important;
    border-color: #00695c !important;
}




.big_label_only .frm_primary_label {
  color:#fff;
  font:600 1.2rem/1 "Montserrat",sans-serif;
  font-weight:600;
  margin-bottom:.6rem;
}



.frm_html_container {
    display: flex;
  justify-content: center;
}











@media only screen and (max-width: 500px) {
    .frm_rootline.frm_rootline_4 span.frm_rootline_title, .frm_rootline.frm_rootline_3 span.frm_rootline_title {
        display: block !important;
    }
}







/* Override any hardcoded 100vh */
html, body,
[class*="elementor"],
[class*="section"],
[class*="hero"],
[class*="fullheight"],
[class*="vh"],
section,
div {
  height: auto;
}

@media (max-width: 1024px) {
  *[style*="100vh"] {
    height: calc(var(--vh, 1vh) * 100) !important;
    min-height: calc(var(--vh, 1vh) * 100) !important;
  }
}






/* Hide "Save progress" only on the final page (when End day is shown) */
#frm_form_4_container .frm_submit .frm_final_submit ~ .frm_save_draft {
  display: none !important;
}









#pwa-install-button {
    margin-bottom: 66vh !important;
    font-size: 0.8rem;
    font-weight: 600;
    max-width: 25vw;
    background-color: var(--e-global-color-dd27582) !important;
}




/* Typeform feedback button */
.tf-v1-popover-button {
    margin-bottom: 10vh;
}

@media (max-width: 480px) {
    .tf-v1-popover-button {
        width: 64px !important;
        height: 64px !important;
    }
    
.frm_range_value, .frm_range_unit {
    color: #fff !important;
}

/* END OF: Daily wealth conditioning coach system V2 - MMI SR PARTNERSHIP TEST *//* End custom CSS */