.elementor-10 .elementor-element.elementor-element-bfb9a87{--display:flex;}.elementor-10 .elementor-element.elementor-element-82af169{--spacer-size:73px;}.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-10 .elementor-element.elementor-element-10519cc{border-style:none;border-radius:0px 0px 0px 0px;}/* Start custom CSS for text-editor, class: .elementor-element-10519cc *//* ==========================================================================
   WOOCOMMERCE "MY ACCOUNT" DARK THEME OVERRIDES
   ========================================================================== */

/* --- 1. THE NAVIGATION MENU (LEFT SIDEBAR) --- */
.woocommerce-MyAccount-navigation ul {
    background-color: #0A0E1A !important;
    border: 1px solid #ffffff !important; /* Pure solid white */
    border-radius: 8px !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce-MyAccount-navigation ul li {
    list-style: none !important;
    border-bottom: 1px solid #ffffff !important; /* Pure solid white */
}

/* Removes the double-line at the bottom so the main border seals the box perfectly */
.woocommerce-MyAccount-navigation ul li:last-child {
    border-bottom: none !important;
}

.woocommerce-MyAccount-navigation ul li a {
    display: block !important;
    padding: 16px 24px !important;
    color: #94a3b8 !important; /* Slate gray text */
    text-decoration: none !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
    background: transparent !important;
}

/* Hover State */
.woocommerce-MyAccount-navigation ul li a:hover {
    color: #00fbfb !important;
    background-color: rgba(0, 251, 251, 0.03) !important;
    padding-left: 30px !important; /* Cool sliding effect */
}

/* Active Page State (Fixes the massive white box) */
.woocommerce-MyAccount-navigation ul li.is-active a {
    color: #00fbfb !important;
    background-color: rgba(0, 251, 251, 0.08) !important;
    border-left: 4px solid #00fbfb !important;
    padding-left: 20px !important;
}


/* --- 2. THE INFO/ERROR MESSAGES (RIGHT SIDE CONTENT) --- */
/* Fixes the glaring white background box */
.woocommerce-info, 
.woocommerce-message, 
.woocommerce-error {
    background-color: #0A0E1A !important;
    border: 1px solid #101D42 !important;
    border-top: 3px solid #00fbfb !important; /* Neon cyan top border */
    color: #dbe4e3 !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
    padding: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
}

/* Icon inside the notice */
.woocommerce-info::before, 
.woocommerce-message::before {
    color: #00fbfb !important;
    position: static !important;
    margin-right: 12px !important;
}

/* --- 3. THE ACTION BUTTONS INSIDE NOTICES --- */
.woocommerce-info .button, 
.woocommerce-message .button,
.woocommerce-MyAccount-content .button {
    background-color: #00fbfb !important;
    color: #000000 !important;
    border: none !important;
    padding: 12px 24px !important;
    font-family: 'Space Grotesk', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border-radius: 4px !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    display: inline-block !important;
}

.woocommerce-info .button:hover, 
.woocommerce-message .button:hover,
.woocommerce-MyAccount-content .button:hover {
    background-color: #00dddd !important;
    box-shadow: 0 0 15px rgba(0, 251, 251, 0.4) !important;
    transform: translateY(-2px) !important;
}


/* ==========================================================================
   WOOCOMMERCE ADDRESSES TAB FIX
   ========================================================================== */

/* 1. Unify the Address Cards & Kill the White Background */
.woocommerce-MyAccount-content .addresses .col-1,
.woocommerce-MyAccount-content .addresses .col-2,
.woocommerce-Address {
    background-color: #0A0E1A !important;
    border: 1px solid #101D42 !important;
    border-radius: 8px !important;
    padding: 0 !important; /* Reset padding to handle internal spacing */
    margin-bottom: 24px !important;
    overflow: hidden !important;
}

/* 2. Fix the Header Area (Where the invisible white text was) */
.woocommerce-MyAccount-content .woocommerce-Address-title,
.woocommerce-MyAccount-content .addresses header.title {
    background-color: #070B14 !important; /* Slightly darker top section */
    border-bottom: 1px solid #101D42 !important;
    padding: 20px 24px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin: 0 !important;
}

/* Fix the actual Header Text */
.woocommerce-MyAccount-content .woocommerce-Address-title h3,
.woocommerce-MyAccount-content .addresses header.title h3 {
    color: #dbe4e3 !important; /* Clean off-white text */
    font-family: 'Space Grotesk', sans-serif !important;
    font-size: 1.25rem !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 3. Style the "Add/Edit Address" Link */
.woocommerce-MyAccount-content .woocommerce-Address-title a,
.woocommerce-MyAccount-content .addresses header.title a {
    color: #00fbfb !important; /* Neon Cyan */
    font-family: 'Space Grotesk', sans-serif !important;
    font-size: 0.85rem !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    letter-spacing: 0.5px !important;
    transition: all 0.3s ease !important;
    background: transparent !important;
    padding: 0 !important;
}

.woocommerce-MyAccount-content .woocommerce-Address-title a:hover,
.woocommerce-MyAccount-content .addresses header.title a:hover {
    color: #ffffff !important;
    text-shadow: 0 0 10px rgba(0, 251, 251, 0.5) !important;
}

/* 4. Fix the Address Content Box */
.woocommerce-MyAccount-content .woocommerce-Address-info,
.woocommerce-MyAccount-content .addresses address {
    padding: 24px !important;
    color: #94a3b8 !important; /* Slate Gray */
    font-style: normal !important;
    line-height: 1.6 !important;
    background-color: transparent !important;
    margin: 0 !important;
}

/* --- 5. DASHBOARD TEXT & LINK COLORS --- */
.woocommerce-MyAccount-content > p,
.woocommerce-MyAccount-content > div > p {
    color: #ffffff !important; /* Pure white text */
    font-size: 16px !important;
    line-height: 1.6 !important;
}

/* Styles the "Log out" and other inline text links */
.woocommerce-MyAccount-content > p a,
.woocommerce-MyAccount-content > div > p a {
    color: #00fbfb !important; /* Neon cyan */
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

.woocommerce-MyAccount-content > p a:hover,
.woocommerce-MyAccount-content > div > p a:hover {
    color: #ffffff !important;
    text-shadow: 0 0 10px rgba(0, 251, 251, 0.5) !important;
}/* End custom CSS */