.elementor-88 .elementor-element.elementor-element-e413357{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:80px;--padding-left:32px;--padding-right:32px;}.elementor-88 .elementor-element.elementor-element-e413357:not(.elementor-motion-effects-element-type-background), .elementor-88 .elementor-element.elementor-element-e413357 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF7F2;}.elementor-widget-heading .elementor-heading-title{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-primary );}.elementor-88 .elementor-element.elementor-element-248ed85{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;text-align:center;}.elementor-88 .elementor-element.elementor-element-248ed85 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:56px;font-weight:400;font-style:italic;color:#1F1A17;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-88 .elementor-element.elementor-element-e413357{--content-width:1320px;}}/* Start custom CSS *//* ============================================================================
   CHAFA — My Account Final Layout & Styling
   ============================================================================ */

/* === BASE WRAPPER (Smart layout for both Logged In & Logged Out) === */
.chafa-account-widget .woocommerce {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  width: 100% !important;
}

/* === LOGGED OUT: LOGIN / REGISTER PAGE === */
/* Forces the "Login" heading to its own full-width row and centers it */
.chafa-account-widget .woocommerce > h2 {
  width: 100% !important;
  text-align: center !important;
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 36px !important;
  font-weight: 400 !important;
  font-style: italic !important;
  color: #1F1A17 !important;
  margin: 0 0 32px !important;
}

/* Centers the form box */
.chafa-account-widget form.woocommerce-form-login,
.chafa-account-widget form.woocommerce-form-register {
  width: 100% !important;
  max-width: 500px !important;
  margin: 0 auto 60px !important;
  background: #F5EFE5 !important;
  padding: 40px 32px !important;
  border-radius: 2px !important;
  border: 0.5px solid #E5DDD0 !important;
}

.chafa-account-widget .woocommerce-form-login .button,
.chafa-account-widget .woocommerce-form-register .button {
  width: 100% !important;
  margin-top: 16px !important;
}

.chafa-account-widget .woocommerce-LostPassword a {
  color: #A8745A !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

/* Fix the 'Remember Me' checkbox label */
.chafa-account-widget form.woocommerce-form-login label.woocommerce-form__label-for-checkbox {
  display: inline-block !important;
  text-transform: none !important;
  letter-spacing: 0.3px !important;
  font-size: 13px !important;
  margin-top: 8px !important;
}


/* === LOGGED IN: DASHBOARD LAYOUT === */
.chafa-account-widget .woocommerce-MyAccount-navigation {
  width: 25% !important;
  flex-shrink: 0 !important;
  margin-right: 5% !important; /* Forces the gap */
}

.chafa-account-widget .woocommerce-MyAccount-content {
  width: 70% !important;
  flex-shrink: 0 !important;
  background: transparent !important;
}

/* === NAVIGATION MENU === */
.chafa-account-widget .woocommerce-MyAccount-navigation ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border-top: 0.5px solid #E5DDD0 !important;
}

.chafa-account-widget .woocommerce-MyAccount-navigation ul li {
  border-bottom: 0.5px solid #E5DDD0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.chafa-account-widget .woocommerce-MyAccount-navigation ul li a {
  display: block !important;
  padding: 16px 8px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 2.5px !important;
  text-transform: uppercase !important;
  color: #8A7A6A !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
}

.chafa-account-widget .woocommerce-MyAccount-navigation ul li.is-active a {
  color: #1F1A17 !important;
  font-weight: 600 !important;
  padding-left: 14px !important;
}

.chafa-account-widget .woocommerce-MyAccount-navigation ul li a:hover {
  color: #1F1A17 !important;
  padding-left: 14px !important;
}


/* === DASHBOARD CONTENT TYPOGRAPHY === */
.chafa-account-widget .woocommerce-MyAccount-content p,
.chafa-account-widget .woocommerce-MyAccount-content address {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 17px !important;
  line-height: 1.6 !important;
  color: #5A4F45 !important;
  font-style: italic !important;
  margin-bottom: 24px !important;
}

/* Fix Top Alignment */
.chafa-account-widget .woocommerce-MyAccount-content > *:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.chafa-account-widget .woocommerce-MyAccount-content a {
  color: #A8745A !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

.chafa-account-widget .woocommerce-MyAccount-content h3,
.chafa-account-widget .woocommerce-Address-title h3 {
  font-family: 'Inter', sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  color: #1F1A17 !important;
  margin: 0 0 24px !important;
  padding-bottom: 16px !important;
  border-bottom: 0.5px solid #E5DDD0 !important;
}

/* Remove border for the Address sub-titles since they sit side-by-side */
.chafa-account-widget .woocommerce-Address-title h3 {
  margin-bottom: 16px !important;
  padding-bottom: 0 !important;
  border-bottom: none !important;
}


/* === BUTTONS === */
.chafa-account-widget .woocommerce-MyAccount-content .button {
  display: inline-block !important;
  padding: 14px 28px !important;
  background: #1F1A17 !important;
  color: #FAF7F2 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: 2.5px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  border: 0.8px solid #1F1A17 !important;
  border-radius: 1px !important;
  transition: all 0.3s ease !important;
}

.chafa-account-widget .woocommerce-MyAccount-content .button:hover {
  background: transparent !important;
  color: #1F1A17 !important;
}


/* === FORMS & INPUTS === */
.chafa-account-widget .woocommerce-MyAccount-content input[type="text"],
.chafa-account-widget .woocommerce-MyAccount-content input[type="email"],
.chafa-account-widget .woocommerce-MyAccount-content input[type="password"],
.chafa-account-widget .woocommerce-MyAccount-content input[type="tel"] {
  width: 100% !important;
  padding: 12px 16px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  color: #1F1A17 !important;
  background: #FFFFFF !important;
  border: 0.5px solid #E5DDD0 !important;
  border-radius: 1px !important;
  outline: none !important;
  height: 44px !important;
  box-sizing: border-box !important;
  margin-bottom: 16px !important;
}

.chafa-account-widget .woocommerce-MyAccount-content input:focus {
  border-color: #A8745A !important;
}

.chafa-account-widget .woocommerce-MyAccount-content label,
.chafa-account-widget form.woocommerce-form-login label {
  font-family: 'Inter', sans-serif !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: #5A4F45 !important;
  display: block !important;
  margin: 0 0 8px !important;
}

/* Details Tab: Password Change Box */
.chafa-account-widget .woocommerce-EditAccountForm fieldset {
  background: transparent !important;
  border: 0.5px solid #E5DDD0 !important;
  padding: 24px !important;
  margin-top: 32px !important;
  border-radius: 2px !important;
}

.chafa-account-widget .woocommerce-EditAccountForm fieldset legend {
  font-family: 'Inter', sans-serif !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: #1F1A17 !important;
  padding: 0 8px !important;
}


/* === NOTICES / MESSAGES (Orders & Downloads) === */
.chafa-account-widget .woocommerce-message,
.chafa-account-widget .woocommerce-info,
.chafa-account-widget .woocommerce-error {
  background: #F5EFE5 !important;
  border-top: 2px solid #A8745A !important;
  color: #1F1A17 !important;
  padding: 16px 20px !important;
  font-family: 'Cormorant Garamond', serif !important;
  font-style: italic !important;
  font-size: 14px !important;
  margin: 0 0 24px !important;
  list-style: none !important;
  border-radius: 2px !important;
  
  /* Flexbox forces the button to the right */
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
  width: 100% !important;
}

/* Hide default overlapping icons */
.chafa-account-widget .woocommerce-message::before,
.chafa-account-widget .woocommerce-info::before,
.chafa-account-widget .woocommerce-error::before {
  display: none !important;
  content: none !important;
}

.chafa-account-widget .woocommerce-message .button,
.chafa-account-widget .woocommerce-info .button,
.chafa-account-widget .woocommerce-error .button {
  margin: 0 0 0 auto !important; 
}


/* === RESPONSIVE STACKING === */
@media (max-width: 768px) {
  .chafa-account-widget .woocommerce-MyAccount-navigation,
  .chafa-account-widget .woocommerce-MyAccount-content {
    width: 100% !important;
    margin-right: 0 !important;
  }
  .chafa-account-widget .woocommerce-MyAccount-navigation {
    margin-bottom: 32px !important;
  }
}/* End custom CSS */