.elementor-8440 .elementor-element.elementor-element-4a1cdd0f{--display:flex;}.elementor-8440 .elementor-element.elementor-element-5b80e05{margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8440 .elementor-element.elementor-element-5b80e05.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-8440 .elementor-element.elementor-element-5b80e05 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );line-height:var( --e-global-typography-secondary-line-height );color:var( --e-global-color-primary );}.elementor-8440 .elementor-element.elementor-element-44a8969{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 32px) 0px;text-align:center;font-family:"Manrope", Sans-serif;font-size:15px;font-weight:400;line-height:1.6em;color:#5C5C52;}.elementor-8440 .elementor-element.elementor-element-44a8969.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-8440 .elementor-element.elementor-element-18b47740{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8440 .elementor-element.elementor-element-18b47740.xpro-widget-bg-overlay:before{transition:background 0.3s;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-8440 .elementor-element.elementor-element-5b80e05 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}}@media(max-width:767px){.elementor-8440 .elementor-element.elementor-element-5b80e05 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}}/* Start custom CSS for shortcode, class: .elementor-element-18b47740 *//* ===== Eco Moda — Ultimate Member account page ===== */
@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@700;800&family=Manrope:wght@400;500;600;700&display=swap');

:root{
  --em-ink:#1A1A17; --em-charcoal:#3D3B36; --em-stone:#8A8578; --em-stone-300:#C7C2B6;
  --em-canvas:#F7F5EF; --em-paper:#FFFDF8; --em-stage:#EFEAE0;
  --em-hairline:#E2DDD2; --em-moss:#4F6B3E; --em-moss-dark:#3E5531; --em-clay:#B5613C;
  --em-ui:'Manrope',system-ui,sans-serif; --em-display:'Big Shoulders Display',var(--em-ui);
}

/* Page shell */
.um-account, .um{ font-family:var(--em-ui); color:var(--em-ink); max-width:1200px; margin:0 auto; }
.um-account .um-form{ background:transparent; }
.um-account-side, .um-account-main{ box-shadow:none !important; border:0 !important; background:transparent !important; }

/* ---- Left column: avatar card ---- */
.um-account-side{ padding:0 !important; }
.um-account-side .um-account-heading,
.um-account-side .um-account-profile{
  background:var(--em-stage); padding:32px 24px; text-align:center; border-radius:0;
}
.um-account-side .um-account-profile img,
.um-account-side .um-account-profile-picture img,
.um-account .um-avatar img{
  border-radius:50% !important; width:132px !important; height:132px !important;
  object-fit:cover; border:0;
}
.um-account-name a, .um-account-name{
  font-family:var(--em-display) !important; font-weight:800 !important;
  font-size:30px !important; line-height:1 !important; letter-spacing:.02em;
  text-transform:uppercase; color:var(--em-ink) !important; text-decoration:none !important;
}
.um-account-profile-link a, .um-account-side a[href*="user"]{
  font-size:14px; font-weight:600; color:var(--em-moss) !important;
  text-decoration:underline; text-underline-offset:3px;
}

/* ---- Left column: tab list ---- */
.um-account-side ul{ margin:32px 0 0 !important; padding:0 !important; border-top:1px solid var(--em-hairline); }
.um-account-side ul li{ margin:0 !important; border-bottom:1px solid var(--em-hairline); background:none !important; }
.um-account-side ul li a{
  display:flex !important; align-items:center; gap:14px;
  padding:18px 4px 18px 17px !important; background:none !important;
  font-family:var(--em-ui); font-size:15px; font-weight:500;
  color:var(--em-charcoal) !important; text-decoration:none !important;
  border-left:3px solid transparent; transition:color .15s ease;
}
.um-account-side ul li a:hover{ color:var(--em-ink) !important; background:none !important; }
.um-account-side ul li a.current,
.um-account-side ul li.current a{
  font-weight:700; color:var(--em-ink) !important;
  border-left:3px solid var(--em-moss); padding-left:14px !important;
}
.um-account-side ul li a i,
.um-account-side ul li a .um-account-icon i{
  color:var(--em-stone) !important; font-size:18px !important;
  background:none !important; width:auto !important; padding:0 !important;
}
.um-account-side ul li a.current i,
.um-account-side ul li.current a i{ color:var(--em-moss) !important; }
.um-account-side ul li a .um-account-arrow,
.um-account-side ul li a i.um-faicon-angle-right{ margin-left:auto; }
.um-account-side ul li a span.um-account-link-text{ flex:1; text-align:left; }

/* ---- Right column: headings ---- */
.um-account-main .um-account-heading{
  font-family:var(--em-display) !important; font-weight:800 !important;
  font-size:60px !important; line-height:.95 !important; text-transform:uppercase;
  color:var(--em-ink) !important; border:0 !important; padding:0 0 24px !important;
  border-bottom:1px solid var(--em-hairline) !important; margin-bottom:32px !important;
}
.um-account-main .um-account-heading i{ display:none !important; }

/* ---- Fields ---- */
.um-account .um-field{ margin-bottom:24px !important; padding:0 !important; }
.um-account .um-field-label label,
.um-account .um-field-label{
  font-size:13px !important; font-weight:700 !important; letter-spacing:.04em;
  text-transform:uppercase; color:var(--em-charcoal) !important; margin-bottom:8px !important;
}
.um-account .um-field-label .um-field-label-icon{ display:none !important; }

.um-account input[type=text],
.um-account input[type=email],
.um-account input[type=tel],
.um-account input[type=number],
.um-account input[type=password],
.um-account textarea,
.um-account select{
  height:52px !important; padding:0 18px !important;
  font-family:var(--em-ui) !important; font-size:16px !important; color:var(--em-ink) !important;
  background:var(--em-paper) !important; border:1px solid var(--em-hairline) !important;
  border-radius:8px !important; box-shadow:none !important; transition:border-color .15s ease;
}
.um-account textarea{ height:auto !important; padding:16px 18px !important; }
.um-account input:focus, .um-account textarea:focus, .um-account select:focus{
  border-color:var(--em-ink) !important; outline:none !important;
}
.um-account input[disabled], .um-account input[readonly]{
  background:var(--em-stage) !important; color:var(--em-stone) !important;
}
.um-account ::placeholder{ color:var(--em-stone-300) !important; }
.um-account .um-field-checkbox-option, .um-account .um-field-radio-option{ font-size:15px; color:var(--em-charcoal); }
.um-account .um-field-error, .um-account .um-error-block{ color:var(--em-clay) !important; font-size:13px; }

/* ---- Buttons (pill, moss primary) ---- */
.um-account input[type=submit].um-button,
.um-account .um-button,
.um a.um-button{
  display:inline-flex !important; align-items:center; justify-content:center;
  height:48px !important; padding:0 28px !important;
  background:var(--em-moss) !important; color:#FFFDF8 !important;
  font-family:var(--em-ui) !important; font-size:15px !important; font-weight:700 !important;
  letter-spacing:0 !important; text-transform:none !important; text-decoration:none !important;
  border:0 !important; border-radius:999px !important; box-shadow:none !important;
  transition:background .15s ease, transform .12s ease;
}
.um-account .um-button:hover, .um a.um-button:hover{ background:var(--em-moss-dark) !important; }
.um-account .um-button:active{ transform:scale(.97); }
.um-account .um-button.um-alt,
.um-account .um-button.um-button-secondary{
  background:transparent !important; color:var(--em-ink) !important;
  border:1px solid var(--em-ink) !important;
}
.um-account .um-button.um-alt:hover{ background:var(--em-ink) !important; color:var(--em-paper) !important; }

/* Delete-account tab emphasis */
#um-account-tab-delete .um-field-label label{ color:var(--em-clay) !important; }
#um-account-tab-delete .um-button{ background:var(--em-clay) !important; }

/* ---- Layout / responsive ---- */
@media (min-width:769px){
  .um-account-side{ width:300px !important; }
  .um-account-main{ width:calc(100% - 372px) !important; margin-left:72px !important; max-width:720px; }
}
@media (max-width:768px){
  .um-account-main .um-account-heading{ font-size:40px !important; }
  .um-account-side, .um-account-main{ width:100% !important; margin:0 0 32px !important; }
}/* End custom CSS */