.elementor-53 .elementor-element.elementor-element-7c36ba7b{--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 );}/* Start custom CSS for container, class: .elementor-element-7c36ba7b *//* ==========================================================================
   CHAMPION FANS - ULTIMATE MY ACCOUNT ALL-IN-ONE STYLE SHEET
   ========================================================================== */

/* --- 1. GLOBAL LAYOUT WRAPPER SPLIT --- */
.woocommerce-account .woocommerce {
    display: flex !important;
    flex-direction: row !important;
    gap: 40px !important;
    align-items: flex-start !important;
    margin-top: 20px !important;
    margin-bottom: 40px !important;
}

@media (max-width: 991px) {
    .woocommerce-account .woocommerce {
        flex-direction: column !important;
        gap: 30px !important;
    }
}

/* --- 2. LEFT SIDE NAVIGATION WRAPPER BLOCK --- */
.woocommerce-MyAccount-navigation-wrapper.type-new {
    flex: 0 0 300px !important;
    max-width: 300px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-top: 4px solid #0b426a !important; /* Brand Blue Top Border */
    border-radius: 6px !important;
    padding: 25px 20px !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05) !important;
    box-sizing: border-box !important;
}

@media (max-width: 991px) {
    .woocommerce-MyAccount-navigation-wrapper.type-new {
        flex: 1 1 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }
}

/* User Profile Info Card inside Nav */
.MyAccount-user-info {
    text-align: center !important;
    border-bottom: 1px solid #e2e8f0 !important;
    padding-bottom: 20px !important;
    margin-bottom: 20px !important;
}

.MyAccount-user-info img.avatar {
    border-radius: 50% !important;
    border: 3px solid #0b426a !important;
    margin-bottom: 12px !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
}

.MyAccount-user-name {
    font-weight: 700 !important;
    color: #0b426a !important;
    font-size: 16px !important;
}

/* Sidebar Navigation Items */
.woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link {
    margin-bottom: 8px !important;
}

.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link a {
    display: block !important;
    padding: 12px 15px !important;
    color: #4a5568 !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    border-radius: 4px !important;
    transition: all 0.2s ease-in-out !important;
}

/* Hover and Active states matching Industrial Theme */
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link a:hover,
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link.is-active a {
    background-color: #0b426a !important;
    color: #ffffff !important;
    padding-left: 20px !important; /* Subtle dynamic push effect */
}

/* Special Treatment for Logout Link */
.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
    background-color: #e53e3e !important; /* Soft Red for warning */
    color: #ffffff !important;
}

/* --- 3. RIGHT SIDE CONTENT WORKSPACE --- */
.woocommerce-MyAccount-content {
    flex: 1 !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-top: 4px solid #0b426a !important;
    border-radius: 6px !important;
    padding: 35px 30px !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05) !important;
    box-sizing: border-box !important;
    min-width: 0 !important; /* Prevents overflow inside flex containers */
}

/* Headings in Panels */
.woocommerce-MyAccount-content h3.title,
.woocommerce-Address-title h2 {
    color: #0b426a !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    margin-bottom: 20px !important;
    border-bottom: 2px solid #ffcb05 !important; /* Yellow Accent Line */
    padding-bottom: 8px !important;
    display: inline-block !important;
}

/* --- 4. DASHBOARD SPECIFIC COMPONENTS --- */
/* Quick Dashboard Shortcuts Buttons */
.MyAccount-dashboard-buttons {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
    margin-top: 25px !important;
    margin-bottom: 35px !important;
}

.MyAccount-dashboard-buttons a.btn.black.big {
    flex: 1 1 calc(33.333% - 10px) !important;
    min-width: 180px !important;
    background-color: #0b426a !important; /* Main corporate industrial blue */
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 15px 20px !important;
    border-radius: 4px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    transition: all 0.2s ease-in-out !important;
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05) !important;
}

.MyAccount-dashboard-buttons a.btn.black.big:hover {
    background-color: #ffcb05 !important; /* Flips over to brand yellow on hover */
    color: #1a202c !important;
    box-shadow: 0 4px 12px rgba(255, 203, 5, 0.2) !important;
    transform: translateY(-2px) !important;
}

/* --- 5. ADDRESSES & ORDERS SUB-PAGES --- */
.woocommerce-Addresses.col2-set {
    display: flex !important;
    gap: 20px !important;
}

.woocommerce-Address {
    flex: 1 !important;
    background: #fafafa !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 4px !important;
    padding: 20px !important;
}

address {
    font-style: normal !important;
    color: #4a5568 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}

/* Edit links configuration */
.woocommerce-Address-title a.edit {
    font-size: 13px !important;
    color: #0b426a !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
}
.woocommerce-Address-title a.edit:hover {
    color: #ffcb05 !important;
}

/* Info Bars / Notice Triggers */
.woocommerce-info,
.woocommerce-message,
.woocommerce-error {
    background-color: #f8fafc !important;
    border: 1px solid #cbd5e1 !important;
    border-left: 4px solid #0b426a !important; /* Left alert badge sync */
    padding: 15px 20px !important;
    border-radius: 4px !important;
    color: #334155 !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    margin-bottom: 25px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
}

.woocommerce-info a.button,
.woocommerce-message a.button {
    background-color: #ffcb05 !important;
    color: #1a202c !important;
    padding: 8px 18px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    border-radius: 4px !important;
    transition: all 0.2s ease-in-out !important;
}

.woocommerce-info a.button:hover,
.woocommerce-message a.button:hover {
    background-color: #e5b604 !important;
    color: #000000 !important;
}

/* --- 6. FORM FIELDS, LABELS & INTERFACES --- */
.woocommerce-MyAccount-content form.edit-account fieldset {
    border: 1px solid #e2e8f0 !important;
    padding: 25px !important;
    border-radius: 6px !important;
    margin-top: 30px !important;
    margin-bottom: 25px !important;
    background: #fafafa !important;
}

.woocommerce-MyAccount-content form.edit-account fieldset legend {
    font-weight: 700 !important;
    color: #0b426a !important;
    padding: 0 10px !important;
    font-size: 15px !important;
    text-transform: uppercase !important;
}

.woocommerce-MyAccount-content .form-row label {
    font-weight: 600 !important;
    color: #4a5568 !important;
    font-size: 13px !important;
    margin-bottom: 6px !important;
    display: block !important;
}

.woocommerce-MyAccount-content input.input-text {
    height: 46px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 4px !important;
    padding: 10px 15px !important;
    font-size: 14px !important;
    color: #1a202c !important;
    background-color: #ffffff !important;
    width: 100% !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease-in-out !important;
}

.woocommerce-MyAccount-content input.input-text:focus {
    border-color: #0b426a !important;
    box-shadow: 0 0 0 3px rgba(11, 66, 106, 0.1) !important;
    outline: none !important;
}

/* Form Inner Info/Description Text styling */
.woocommerce-MyAccount-content form .form-row span.description,
.woocommerce-MyAccount-content form em {
    font-size: 12px !important;
    color: #718096 !important;
    margin-top: 5px !important;
    display: block !important;
    font-style: normal !important;
}

/* --- 7. FORM ACTION SAVE BUTTONS --- */
.woocommerce-MyAccount-content button.woocommerce-Button[name="save_account_details"],
.woocommerce-MyAccount-content form.edit-account button.button,
.woocommerce-MyAccount-content form .button {
    background-color: #ffcb05 !important; /* Consistent Yellow Accent Core */
    color: #1a202c !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    height: 48px !important;
    border-radius: 4px !important;
    border: none !important;
    width: auto !important;
    padding: 0 35px !important;
    cursor: pointer !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
    transition: all 0.2s ease-in-out !important;
}

.woocommerce-MyAccount-content button.woocommerce-Button[name="save_account_details"]:hover,
.woocommerce-MyAccount-content form.edit-account button.button:hover,
.woocommerce-MyAccount-content form .button:hover {
    background-color: #e5b604 !important;
    color: #000000 !important;
    box-shadow: 0 4px 12px rgba(229, 182, 4, 0.3) !important;
}

/* --- 8. GLOBAL LOGIN & REGISTER MATCH BACKUP --- */
.login-column,
.col-2.register-column,
.woocommerce-門口 .col-2,
.u-column2 {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-top: 4px solid #0b426a !important;
    border-radius: 6px !important;
    padding: 35px 30px !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05) !important;
}

.login-column h2,
.u-column2 h2,
.woocommerce-門口 .col-2 h2 {
    color: #0b426a !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    border-bottom: 2px solid #ffcb05 !important;
    padding-bottom: 10px !important;
    display: inline-block !important;
}

.login-column button.woocommerce-form-login__submit,
.woocommerce-門口 .col-2 button.woocommerce-Button,
.woocommerce-門口 .col-2 button[name="register"] {
    background-color: #ffcb05 !important;
    color: #1a202c !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    height: 48px !important;
    border-radius: 4px !important;
    border: none !important;
    width: 100% !important;
    transition: all 0.2s ease-in-out !important;
}

.login-column button.woocommerce-form-login__submit:hover,
.woocommerce-門口 .col-2 button.woocommerce-Button:hover,
.woocommerce-門口 .col-2 button[name="register"]:hover {
    background-color: #e5b604 !important;
    box-shadow: 0 4px 12px rgba(229, 182, 4, 0.3) !important;
}

/* Account details inside password field icons adjustment */
.woocommerce-MyAccount-content .input-password-wrap {
    position: relative !important;
    display: block !important;
}

.woocommerce-MyAccount-content .input-password-wrap svg.show-password,
.woocommerce-MyAccount-content .input-password-wrap svg.hide-password {
    position: absolute !important;
    right: 15px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #a0aec0 !important;
    z-index: 2 !important;
}

.woocommerce-MyAccount-content .show-password-input {
    background: transparent !important;
    border: none !important;
    position: absolute !important;
    right: 5px !important;
    width: 35px !important;
    height: 44px !important;
    z-index: 3 !important;
    cursor: pointer !important;
}/* End custom CSS */