.elementor-769 .elementor-element.elementor-element-79164a0{--display:flex;--margin-top:4%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-769 .elementor-element.elementor-element-ed8bcd5 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-EditAccountForm .button, .elementor-769 .elementor-element.elementor-element-ed8bcd5 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-address-fields .button, .elementor-769 .elementor-element.elementor-element-ed8bcd5 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .login .button, .elementor-769 .elementor-element.elementor-element-ed8bcd5 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .register .button, .elementor-769 .elementor-element.elementor-element-ed8bcd5 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .woocommerce-ResetPassword .button, .elementor-769 .elementor-element.elementor-element-ed8bcd5 #add_payment_method #payment #place_order{background-color:#F98C1F;}.elementor-769 .elementor-element.elementor-element-ed8bcd5 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .shop_table .button, .elementor-769 .elementor-element.elementor-element-ed8bcd5 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .order-again .button, .elementor-769 .elementor-element.elementor-element-ed8bcd5 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .woocommerce-pagination .button, .elementor-769 .elementor-element.elementor-element-ed8bcd5 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom).e-my-account-tab__payment-methods .woocommerce-MyAccount-content-wrapper .button{background-color:#F98C1F;}.elementor-769 .elementor-element.elementor-element-ed8bcd5 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .shop_table .button:hover, .elementor-769 .elementor-element.elementor-element-ed8bcd5 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .order-again .button:hover, .elementor-769 .elementor-element.elementor-element-ed8bcd5 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .woocommerce-pagination .button:hover, .elementor-769 .elementor-element.elementor-element-ed8bcd5 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom).e-my-account-tab__payment-methods .woocommerce-MyAccount-content-wrapper .button:hover{background-color:#FFFFFF;}.elementor-769 .elementor-element.elementor-element-ed8bcd5{margin:1% 0% calc(var(--kit-widget-spacing, 0px) + 03%) 0%;--tabs-normal-color:#000000;--tabs-hover-color:#000000;--tabs-active-color:#F98C1F;--tabs-border-color:#000000;--sections-border-color:#000000;--typography-section-titles-color:#000000;--general-text-color:#000000;--login-messages-color:#F98C1F;--checkboxes-color:#F98C1F;--payment-methods-radio-buttons-color:#F98C1F;--links-normal-color:#F98C1F;--links-hover-color:#000000;--forms-labels-color:#000000;--forms-fields-normal-color:#000000;--forms-buttons-normal-text-color:#FFFFFF;--forms-buttons-hover-text-color:#000000;--tables-title-color:#000000;--tables-items-color:#000000;--variations-color:#000000;--tables-links-normal-color:#000000;--tables-divider-border-color:#000000;--tables-button-normal-text-color:#FFFFFF;}.elementor-769 .elementor-element.elementor-element-ed8bcd5 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) h2, .elementor-769 .elementor-element.elementor-element-ed8bcd5 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) h3{text-shadow:0px 0px 0px #000000;}.e-woo-select2-wrapper .select2-results__option{color:#000000;}.elementor-769 .elementor-element.elementor-element-ed8bcd5 .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#000000 transparent transparent transparent;}.elementor-769 .elementor-element.elementor-element-ed8bcd5 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-EditAccountForm .button, .elementor-769 .elementor-element.elementor-element-ed8bcd5 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-address-fields .button, .elementor-769 .elementor-element.elementor-element-ed8bcd5 button.button, .elementor-769 .elementor-element.elementor-element-ed8bcd5 #add_payment_method #payment #place_order{box-shadow:0px 0px 10px 0px #000000;}.elementor-769 .elementor-element.elementor-element-ed8bcd5 .shop_table .button:hover, .elementor-769 .elementor-element.elementor-element-ed8bcd5 .woocommerce-pagination .button:hover, .elementor-769 .elementor-element.elementor-element-ed8bcd5 .order-again .button:hover, .elementor-769 .elementor-element.elementor-element-ed8bcd5 .e-my-account-tab__payment-methods .woocommerce .woocommerce-MyAccount-content-wrapper .button:hover{color:#000000;}.elementor-769 .elementor-element.elementor-element-ed8bcd5 {--tables-buttons-border-color:#000000;}:root{--page-title-display:none;}/* Start custom CSS for woocommerce-my-account, class: .elementor-element-ed8bcd5 *//* ==========================================================================
   UNIVERSAL WOOCOMMERCE ACCOUNT PAGE STYLING
   ========================================================================== */

/* 1. Universal Style for ALL Notice/Info Boxes (Orders, Downloads, etc.) */
.woocommerce-MyAccount-content .woocommerce-info,
.woocommerce-MyAccount-content .woocommerce-message,
.woocommerce-MyAccount-content .woocommerce-error {
    background-color: #f8fafc !important; /* Clean, soft neutral background */
    color: #rgb(#,0,0) !important; /* Slate black text */
    border-top: 3px solid #f98c1f !important; /* Orange top accent line */
    border-left: 0 !important; /* Cleans up default thick left borders */
    
    /* PUSHES TEXT TO THE RIGHT: 60px padding on the left makes space for the icon */
    padding: 22px 24px 22px 60px !important; 
    
    border-radius: 8px !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05) !important;
    position: relative;
    line-height: 1.6 !important;
}

/* 2. Style & Space the Icons (Perfectly aligned with plenty of space) */
.woocommerce-MyAccount-content .woocommerce-info::before,
.woocommerce-MyAccount-content .woocommerce-message::before,
.woocommerce-MyAccount-content .woocommerce-error::before {
    color: #f98c1f !important; /* Your brand orange */
    left: 24px !important; /* Keeps the icon nicely positioned on the left */
    margin-right: 20px !important; /* Adds a fallback spacing barrier */
}

/* 3. Style ALL Action Buttons inside the Account Tabs (Default State) */
.woocommerce-MyAccount-content .woocommerce-info .woocommerce-Button,
.woocommerce-MyAccount-content .woocommerce-message .woocommerce-Button,
.woocommerce-MyAccount-content .woocommerce-Button, 
.woocommerce-MyAccount-content button.button,
.woocommerce-MyAccount-content a.button {
    background-color: #f98c1f !important; /* Brand orange background */
    color: #ffffff !important; /* White text by default */
    
    /* SPACING INSIDE BUTTON: Generous, modern padding */
    padding: 12px 26px !important; 
    
    /* SPACING OUTSIDE BUTTON: Ensures the button never touches the sentence */
    margin-left: 24px !important; 
    
    border-radius: 6px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    border: 1px solid #f98c1f !important; /* Orange border to prevent jumping on hover */
    transition: all 0.25s ease-in-out !important;
}

/* 4. Hover Effect (Flipped: White background, #f8fafc text) */
.woocommerce-MyAccount-content .woocommerce-info .woocommerce-Button:hover,
.woocommerce-MyAccount-content .woocommerce-message .woocommerce-Button:hover,
.woocommerce-MyAccount-content .woocommerce-Button:hover,
.woocommerce-MyAccount-content button.button:hover,
.woocommerce-MyAccount-content a.button:hover {
    background-color: #ffffff !important; /* White button background */
    color:#f8fafc) !important; /* Ultra-light off-white text */
    border: 1px solid #f98c1f !important; /* Keeps the orange border definition */
}

/* 5. Clean Mobile Layout for all Alert Boxes */
@media (max-width: 767px) {
    .woocommerce-MyAccount-content .woocommerce-info,
    .woocommerce-MyAccount-content .woocommerce-message {
        display: flex !important;
        flex-direction: column !important;
        gap: 15px !important;
        padding-left: 24px !important; /* Resets padding on mobile to center content nicely */
    }
    
    .woocommerce-MyAccount-content .woocommerce-info::before,
    .woocommerce-MyAccount-content .woocommerce-message::before {
        position: relative !important;
        left: 0 !important;
        margin-bottom: 5px !important;
    }
    
    .woocommerce-MyAccount-content .woocommerce-info .woocommerce-Button,
    .woocommerce-MyAccount-content .woocommerce-message .woocommerce-Button {
        float: none !important;
        text-align: center !important;
        margin-left: 0 !important; /* Resets the left gap on mobile so it centers nicely */
        margin-top: 10px !important;
        width: 100% !important;
    }
}

/* ==========================================================================
   WOOCOMMERCE SINGLE-COLUMN CENTERED AUTH FORMS
   ========================================================================== */

/* 1. Set form to 50% width and center it on the page */
.woocommerce #customer_login {
    display: block !important;
    max-width: 500px !important; /* Keeps the form looking compact and professional */
    width: 50% !important; 
    margin: 20px auto !important; /* Center horizontally with a bit of vertical spacing */
}

/* 2. Force active containers to span full width of the 50% box */
.woocommerce #customer_login .col-1, 
.woocommerce #customer_login .col-2,
.woocommerce .u-columns.col2-set .u-column1,
.woocommerce .u-columns.col2-set .u-column2 {
    width: 100% !important;
    float: none !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
}

/* 3. Style the toggle switcher links under the forms */
.auth-toggle-link {
    margin-top: 15px !important;
    text-align: center !important;
    font-size: 14px !important;
}

.auth-toggle-link a {
    color: #f98c1f !important; /* Your brand orange */
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: color 0.2s ease-in-out;
}

.auth-toggle-link a:hover {
    color: #d8720e !important; /* Deeper orange hover state */
    text-decoration: underline !important;
}

/* 4. Responsive adjustments: adapt sizes gracefully across devices */
@media (max-width: 991px) {
    .woocommerce #customer_login {
        width: 70% !important; /* Slightly wider on tablet screens */
    }
}

@media (max-width: 767px) {
    .woocommerce #customer_login {
        width: 100% !important; /* Full width on mobile screens for ease of typing */
        padding: 0 15px !important;
    }
}/* End custom CSS */