.elementor-2000 .elementor-element.elementor-element-3320968{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:4%;--padding-bottom:2%;--padding-left:0%;--padding-right:0%;}.elementor-2000 .elementor-element.elementor-element-7183daf{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--border-radius:50px 50px 50px 50px;--padding-top:5px;--padding-bottom:5px;--padding-left:0px;--padding-right:0px;}.elementor-2000 .elementor-element.elementor-element-7183daf.e-con{--align-self:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2000 .elementor-element.elementor-element-083ace9 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Lato", Sans-serif;font-size:14px;font-weight:700;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-style:solid;border-width:1px 1px 1px 1px;border-color:#8F929215;border-radius:25px 25px 25px 25px;padding:12px 25px 12px 25px;}.elementor-2000 .elementor-element.elementor-element-083ace9 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2000 .elementor-element.elementor-element-521eb85{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2000 .elementor-element.elementor-element-007aceb{text-align:center;font-family:"Manrope", Sans-serif;font-size:64px;font-weight:600;line-height:70px;color:var( --e-global-color-secondary );}.elementor-2000 .elementor-element.elementor-element-007aceb p{margin-block-end:4px;}.elementor-2000 .elementor-element.elementor-element-a7ab77e{text-align:center;font-family:"Manrope", Sans-serif;font-size:18px;font-weight:500;color:#130F0C9E;}.elementor-2000 .elementor-element.elementor-element-1d8cca4{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2000 .elementor-element.elementor-element-0d2dc5a{--tab-content-spacing:0px;--tabs-container-justify-content:center;--tab-width:auto;}:root{--page-title-display:none;}/* Start custom CSS for woocommerce-my-account, class: .elementor-element-0d2dc5a *//* Load Manrope font */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap');

/* -------------------------------
   VERTICAL LAYOUT STRUCTURE
---------------------------------*/

/* Center the navigation at the top */
.woocommerce-MyAccount-navigation {
  width: 100% !important;
  max-width: 1140px !important;
  margin: 0 auto !important;
  margin-bottom: 40px !important;
  text-align: center !important;
}

/* Make navigation horizontal and justified */
.woocommerce-MyAccount-navigation ul {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  gap: 20px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.woocommerce-MyAccount-navigation ul li {
  margin: 0 !important;
  flex: 0 0 auto !important;
}

/* Center the content below navigation */
.woocommerce-MyAccount-content {
  width: 100% !important;
  max-width: 1140px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: left !important;
}

/* -------------------------------
   NAVIGATION BUTTON STYLING
---------------------------------*/

/* Make sure all menu items use Manrope font */
.woocommerce-MyAccount-navigation,
.woocommerce-MyAccount-navigation ul,
.woocommerce-MyAccount-navigation ul li,
.woocommerce-MyAccount-navigation ul li a {
  font-family: 'Manrope', sans-serif !important;
}

/* Style all account menu links */
.woocommerce-MyAccount-navigation ul li a {
  color: #000000 !important;
  background: transparent !important;
  padding: 12px 20px !important;
  display: block !important;
  border-radius: 25px !important;
  border: 1px solid #ddd !important;
  transition: all 0.3s ease !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
  min-width: 120px !important;
  text-align: center !important;
}

/* On hover */
.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li a:focus {
  background-color: #cc5502 !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 8px rgba(204, 85, 2, 0.3) !important;
}

/* Active (current) menu item */
.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li.current-menu-item a {
  background-color: #cc5502 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 4px rgba(204, 85, 2, 0.3) !important;
}

/* Hide the Downloads menu item */
.woocommerce-MyAccount-navigation-link--downloads {
  display: none !important;
}

/* -------------------------------
   RESPONSIVE DESIGN
---------------------------------*/

/* Mobile adjustments */
@media (max-width: 768px) {
  .woocommerce-MyAccount-navigation ul {
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
  }
  
  .woocommerce-MyAccount-navigation ul li a {
    min-width: 200px !important;
  }
  
  .woocommerce-MyAccount-content {
    padding: 0 15px !important;
  }
}

/* Tablet adjustments */
@media (max-width: 1024px) and (min-width: 769px) {
  .woocommerce-MyAccount-navigation ul li a {
    padding: 10px 16px !important;
    min-width: 100px !important;
    font-size: 14px !important;
  }
}

/* -------------------------------
   GENERAL LAYOUT FIXES
---------------------------------*/

/* Remove icon before WooCommerce notices (Orders, Payment, etc.) */
.woocommerce-info::before,
.woocommerce-message::before,
.woocommerce-error::before {
  display: none !important;
}

/* -------------------------------
   ORDERS + PAYMENT METHOD STYLING
---------------------------------*/

/* Orders container */
.woocommerce-orders .woocommerce-info,
.woocommerce-orders {
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-radius: 12px;
  padding: 20px;
  color: #000;
  font-family: 'Manrope', sans-serif;
}

/* Payment Methods container */
.woocommerce-MyAccount-payment-methods,
.woocommerce-MyAccount-payment-methods .woocommerce-Message {
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-radius: 12px;
  padding: 20px;
  color: #000;
  font-family: 'Manrope', sans-serif;
}

/* -------------------------------
   ADDRESSES SECTION STYLING
---------------------------------*/

/* Hide addresses section intro text and heading */
.woocommerce-MyAccount-content-wrapper > p,
.woocommerce-Address-title h2,
header.woocommerce-Address-title h2,
.woocommerce-Address .woocommerce-Address-title h2,
.u-column1 .woocommerce-Address-title h2,
.col-1 .woocommerce-Address-title h2,
.woocommerce-Address header h2,
div.woocommerce-MyAccount-content-wrapper > p {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Add Billing/Shipping Address links */
.woocommerce-Address-link,
.woocommerce-Address a,
.woocommerce-MyAccount-addresses .woocommerce-Address a {
  color: #cc5502 !important;
  text-decoration: none;
}

.woocommerce-Address-link:hover,
.woocommerce-Address a:hover,
.woocommerce-MyAccount-addresses .woocommerce-Address a:hover {
  color: #a24401 !important;
}

/* -------------------------------
   BUTTON STYLING
---------------------------------*/

.woocommerce button,
.woocommerce a.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .woocommerce-Button {
  background-color: #cc5502 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 50px !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 10px 50px !important;
  transition: background-color 0.3s ease;
  text-transform: none;
}

.woocommerce button:hover,
.woocommerce a.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce .woocommerce-Button:hover {
  background-color: #a24401 !important;
  color: #ffffff !important;
}



/* -------------------------------
   PASSWORD FIELD ICONS
---------------------------------*/
.woocommerce form .show-password-input,
.woocommerce-page form .show-password-input {
  background-color: #ffffff !important;
  border: 1px solid #ddd !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
  border-radius: 8px !important;
}

/* -------------------------------
   LOGIN/REGISTER LINKS
---------------------------------*/

/* Remove WooCommerce message default blue styling */
.woocommerce-Message,
.woocommerce-message,
.woocommerce-info,
.woocommerce-MyAccount-payment-methods .woocommerce-Message {
  background-color: #ffffff !important;
  border: 1px solid #ddd !important;
  border-top: 1px solid #ddd !important; /* removes default blue top border */
  border-radius: 12px !important;
  color: #000 !important;
  padding: 20px !important;
  box-shadow: none !important;
  font-family: 'Manrope', sans-serif !important;
}

/* Style login and register links */
.woocommerce-Message a,
.woocommerce-message a,
.woocommerce-info a,
.woocommerce a {
  color: #cc5502 !important;
  text-decoration: none !important;
}

.woocommerce-Message a:hover,
.woocommerce-message a:hover,
.woocommerce-info a:hover,
.woocommerce a:hover {
  color: #a24401 !important;
}

/* Ensure all WooCommerce content uses Manrope font */
.woocommerce,
.woocommerce-page,
.woocommerce *,
.woocommerce-page *,
.woocommerce-MyAccount-content,
.woocommerce-MyAccount-content * {
  font-family: 'Manrope', sans-serif !important;
}

/* Remove icon from message */
.woocommerce-Message::before,
.woocommerce-message::before,
.woocommerce-info::before {
  display: none !important;
}/* End custom CSS */