.elementor-2438 .elementor-element.elementor-element-7670e33{--display:flex;}.elementor-2438 .elementor-element.elementor-element-4a020d1 .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li:not(.is-active) a{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-accent ) 100%, var( --e-global-color-accent ) 0%);}.elementor-2438 .elementor-element.elementor-element-4a020d1 .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a{background-color:transparent;background-image:linear-gradient(180deg, #EAE9E2 100%, #f2295b 0%);}.elementor-2438 .elementor-element.elementor-element-4a020d1{--tabs-normal-color:var( --e-global-color-secondary );--tabs-hover-color:#FD8C01;--tabs-active-color:var( --e-global-color-secondary );--sections-border-type:solid;--sections-border-color:var( --e-global-color-primary );--typography-section-titles-color:var( --e-global-color-secondary );--general-text-color:var( --e-global-color-secondary );--login-messages-color:var( --e-global-color-primary );--checkboxes-color:var( --e-global-color-primary );--payment-methods-radio-buttons-color:var( --e-global-color-primary );--links-normal-color:var( --e-global-color-secondary );--links-hover-color:var( --e-global-color-primary );--forms-labels-color:var( --e-global-color-primary );--forms-fields-normal-color:var( --e-global-color-primary );--tables-title-color:var( --e-global-color-primary );--tables-items-color:var( --e-global-color-primary );--variations-color:var( --e-global-color-primary );--tables-links-normal-color:var( --e-global-color-primary );--tables-divider-border-color:var( --e-global-color-primary );--tables-button-normal-text-color:var( --e-global-color-primary );}.e-woo-select2-wrapper .select2-results__option{color:var( --e-global-color-primary );}.elementor-2438 .elementor-element.elementor-element-4a020d1 .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:var( --e-global-color-primary );}.elementor-2438 .elementor-element.elementor-element-4a020d1 .shop_table .button, .elementor-2438 .elementor-element.elementor-element-4a020d1 .order-again .button, .elementor-2438 .elementor-element.elementor-element-4a020d1 .woocommerce-pagination .button, .elementor-2438 .elementor-element.elementor-element-4a020d1 .e-my-account-tab__payment-methods .woocommerce-MyAccount-content-wrapper .button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );font-style:var( --e-global-typography-primary-font-style );line-height:var( --e-global-typography-primary-line-height );}body.elementor-page-2438:not(.elementor-motion-effects-element-type-background), body.elementor-page-2438 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}@media(max-width:1024px){.elementor-2438 .elementor-element.elementor-element-4a020d1 .shop_table .button, .elementor-2438 .elementor-element.elementor-element-4a020d1 .order-again .button, .elementor-2438 .elementor-element.elementor-element-4a020d1 .woocommerce-pagination .button, .elementor-2438 .elementor-element.elementor-element-4a020d1 .e-my-account-tab__payment-methods .woocommerce-MyAccount-content-wrapper .button{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}@media(max-width:767px){.elementor-2438 .elementor-element.elementor-element-4a020d1 .shop_table .button, .elementor-2438 .elementor-element.elementor-element-4a020d1 .order-again .button, .elementor-2438 .elementor-element.elementor-element-4a020d1 .woocommerce-pagination .button, .elementor-2438 .elementor-element.elementor-element-4a020d1 .e-my-account-tab__payment-methods .woocommerce-MyAccount-content-wrapper .button{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}/* Start custom CSS for woocommerce-my-account, class: .elementor-element-4a020d1 *//* ==========================================================================
   Urban Event — My Account / Dashboard Page
   Premium Custom CSS
========================================================================== */

:root {
  --ue-bg: #F9F8F3;
  --ue-white: #ffffff;
  --ue-primary: #FF8F00; /* Exact Brand Orange */
  --ue-primary-hover: #e07e00;
  --ue-primary-glow: rgba(255, 143, 0, 0.3);
  --ue-text: #1D191C;
  --ue-muted: #7a7a78;
  --ue-dd-bg: #fdfaf5; /* Faint orange tint */
  --ue-radius: 8px;
}

/* ==========================================
   1. GLOBAL BACKGROUND OVERRIDE
========================================== */
body.woocommerce-account,
body.woocommerce-account .elementor-page {
  background-color: var(--ue-bg) !important;
}

/* ==========================================
   2. INFO BARS & MESSAGES
========================================== */
/* The blue bar -> Orange Brand Bar */
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-error {
  border-top-color: var(--ue-primary) !important;
  background-color: var(--ue-dd-bg) !important; 
  color: var(--ue-text) !important;
  border-radius: 4px !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.03) !important;
  padding: 15px 20px !important;
  display: flex !important;
  align-items: center !important;
}

/* Icon inside the Info Bar */
.woocommerce-account .woocommerce-info::before,
.woocommerce-account .woocommerce-message::before {
  color: var(--ue-primary) !important; 
}

/* ==========================================
   3. BUTTONS (Browse Products, etc.)
========================================== */
.woocommerce-account .woocommerce-Button, 
.woocommerce-account .button {
  background-color: var(--ue-primary) !important;
  color: var(--ue-white) !important;
  border-radius: var(--ue-radius) !important;
  padding: 12px 28px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  font-size: 14px !important;
  border: none !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 4px 12px rgba(255, 143, 0, 0.2) !important;
}

/* Button Hover State */
.woocommerce-account .woocommerce-Button:hover,
.woocommerce-account .button:hover {
  background-color: var(--ue-primary-hover) !important;
  color: var(--ue-white) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px var(--ue-primary-glow) !important;
}

/* ==========================================
   4. DASHBOARD LINKS & TYPOGRAPHY
========================================== */
/* Dashboard "Log out" and other content links */
.woocommerce-MyAccount-content a {
  color: var(--ue-primary) !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  transition: all 0.2s ease !important;
}

.woocommerce-MyAccount-content a:hover {
  color: var(--ue-primary-hover) !important;
  text-decoration: underline !important;
}

/* Style the navigation menu itself (optional premium touch) */
.woocommerce-MyAccount-navigation ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  background: var(--ue-white) !important;
  border-radius: var(--ue-radius) !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.04) !important;
  overflow: hidden !important;
}

.woocommerce-MyAccount-navigation ul li {
  border-bottom: 1px solid #f0f0f0 !important;
}

.woocommerce-MyAccount-navigation ul li:last-child {
  border-bottom: none !important;
}

.woocommerce-MyAccount-navigation ul li a {
  display: block !important;
  padding: 15px 20px !important;
  color: var(--ue-text) !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  transition: all 0.2s ease !important;
}

.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li a:hover {
  background-color: var(--ue-dd-bg) !important;
  color: var(--ue-primary) !important;
  padding-left: 25px !important; /* Slide-in effect on hover */
}

/* ==========================================
   5. DASHBOARD GRID & ICONS
========================================== */
/* Override the Elementor pastel backgrounds to make premium white cards */
.woocommerce-MyAccount-content a[href*="orders"],
.woocommerce-MyAccount-content a[href*="downloads"],
.woocommerce-MyAccount-content a[href*="edit-address"],
.woocommerce-MyAccount-content a[href*="edit-account"],
.woocommerce-MyAccount-content a[href*="customer-logout"] {
  background-color: var(--ue-white) !important;
  border: 1px solid var(--ue-border) !important;
  border-radius: var(--ue-radius) !important;
  box-shadow: var(--ue-shadow) !important;
  transition: all 0.3s ease !important;
  text-decoration: none !important;
}

/* Hover effects for the cards */
.woocommerce-MyAccount-content a[href*="orders"]:hover,
.woocommerce-MyAccount-content a[href*="downloads"]:hover,
.woocommerce-MyAccount-content a[href*="edit-address"]:hover,
.woocommerce-MyAccount-content a[href*="edit-account"]:hover,
.woocommerce-MyAccount-content a[href*="customer-logout"]:hover {
  border-color: var(--ue-primary) !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 25px rgba(255, 143, 0, 0.15) !important;
}

/* Ensure the inner paragraphs don't inherit the ugly pastel background */
.woocommerce-MyAccount-content a[href*="orders"] p,
.woocommerce-MyAccount-content a[href*="downloads"] p,
.woocommerce-MyAccount-content a[href*="edit-address"] p,
.woocommerce-MyAccount-content a[href*="edit-account"] p,
.woocommerce-MyAccount-content a[href*="customer-logout"] p {
  background-color: transparent !important;
  color: var(--ue-text) !important;
  font-weight: 700 !important;
  margin: 0 !important;
}

/* Bring back and style the native FontAwesome icons (Make them bold and Orange) */
.woocommerce-MyAccount-content a p i {
  display: block !important;
  color: var(--ue-primary) !important;
  font-size: 32px !important;
  margin-bottom: 12px !important;
  transition: transform 0.3s ease !important;
}

.woocommerce-MyAccount-content a:hover p i {
  transform: scale(1.1) !important;
}


/* ==========================================
   6. ORDERS TABLE TEXT COLOR
========================================== */
/* Force standard order data (Date, Status, Total) to be dark grey instead of orange */
.woocommerce-orders-table__row td,
.woocommerce-orders-table__row td a:not(.button) {
  color: #333 !important;
}

/* Ensure the VIEW button remains vibrant Orange */
.woocommerce-orders-table__cell-order-actions .view {
  background-color: var(--ue-primary) !important;
  color: var(--ue-white) !important;
}

/* ==========================================
   7. ACCOUNT DETAILS FORM (Fix Orange Text)
========================================== */
/* Force form labels, inputs, and placeholders to be dark grey instead of orange */
.woocommerce-MyAccount-content form .form-row label,
.woocommerce-MyAccount-content form fieldset legend {
  color: var(--ue-text) !important; /* Dark grey/black */
  font-weight: 700 !important;
}

.woocommerce-MyAccount-content form input[type="text"],
.woocommerce-MyAccount-content form input[type="email"],
.woocommerce-MyAccount-content form input[type="password"],
.woocommerce-MyAccount-content form input[type="tel"] {
  color: var(--ue-text) !important; /* Dark grey/black */
}

/* Fix placeholder texts */
.woocommerce-MyAccount-content form ::placeholder {
  color: var(--ue-muted) !important;
  opacity: 1 !important;
}/* End custom CSS */