.elementor-102 .elementor-element.elementor-element-10966f4a{--display:flex;--margin-top:0px;--margin-bottom:90px;--margin-left:0px;--margin-right:0px;}.elementor-102 .elementor-element.elementor-element-2a40f3f{--display:flex;}@media(min-width:768px){.elementor-102 .elementor-element.elementor-element-10966f4a{--content-width:1400px;}}/* Start custom CSS for woocommerce-my-account, class: .elementor-element-3e66aef */.elementor-widget-woocommerce-my-account .e-my-account-tab__edit-account .woocommerce-MyAccount-content-wrapper{
    border:none !important;
}

.woocommerce-info {
    border-top-color: #000052 !important;
}
.woocommerce-info::before {
    color: #000052 !important;
}

.woocommerce-MyAccount-content .button.wc-forward{
    color:  #000052 !important;
}
/* Container & Layout Wrap */
.woocommerce-MyAccount-navigation {
    background-color: #f8f9fa;
    border-radius: 12px !important;
    padding: 20px;
    margin-bottom: 30px;
}

.woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

/* Navigation Links */
.woocommerce-MyAccount-navigation-link {
    flex: 1;
    min-width: 150px;
}

.woocommerce-MyAccount-navigation-link a {
    display: block;
    padding: 15px 20px;
    background-color: #ffffff;
    color: #000052 !important;
    text-decoration: none !important;
    font-weight: 600;
    border-radius: 8px !important;;
    border: 2px solid #000052 !important;
    transition: all 0.3s ease;
    text-align: center;
}

/* Hover & Active States */
.woocommerce-MyAccount-navigation-link a:hover,
.woocommerce-MyAccount-navigation-link.is-active a {
    background-color: #000052 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(0, 0, 82, 0.2);
}

/* Content Area Enhancement */
.woocommerce-MyAccount-content {
    background: #ffffff;
    padding: 30px;
    border-radius: 12px !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
    line-height: 1.6;
    color: #333;
}

/* Bold Greetings and Links */
.woocommerce-MyAccount-content strong {
    color: #000052;
}

.woocommerce-MyAccount-content a {
    color: #000052;
    text-decoration: underline;
    font-weight: 500;
}

.woocommerce-MyAccount-content a:hover {
    color: #000080;
}

/* Responsive Fix for Mobile */
@media (max-width: 768px) {
    .woocommerce-MyAccount-navigation ul {
        flex-direction: column;
    }
    
    .woocommerce-MyAccount-navigation-link {
        width: 100%;
    }
}


/* Force the content area to look clean */
body .woocommerce .woocommerce-MyAccount-content {
    background: #ffffff !important;
    padding: 30px !important;
    border: 1px solid #e4e4e4 !important;
    border-radius: 10px !important;
    color: #333 !important;
}

/* Style the Hello Admin line */
body .woocommerce-MyAccount-content p:first-of-type {
    font-size: 1.2rem !important;
    font-weight: 400 !important;
    margin-bottom: 20px !important;
}

/* Bold the username with your color */
body .woocommerce-MyAccount-content strong {
    color: #000052 !important;
    font-weight: 700 !important;
}

/* Style the links as subtle buttons */
body .woocommerce-MyAccount-content p a {
    color: #000052 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    border-bottom: 2px solid transparent !important;
    transition: all 0.3s ease !important;
}

/* Hover effect for links */
body .woocommerce-MyAccount-content p a:hover {
    color: #000052 !important;
    border-bottom: 2px solid #000052 !important;
    opacity: 0.8;
}

/* Specifically style the Logout link to be red */
body .woocommerce-MyAccount-content a[href*="logout"] {
    color: #a00 !important;
    font-weight: 400 !important;
    font-size: 0.9em !important;
}




/* 1. Table Container Styling */
body .woocommerce-MyAccount-content .woocommerce-orders-table {
    border: none !important;
    border-collapse: separate !important;
    border-spacing: 0 10px !important; /* Creates a "card" look for each row */
    background: transparent !important;
    width: 100% !important;
}

/* 2. Header Styling */
body .woocommerce-orders-table thead th {
    background-color: transparent !important;
    color: #000052 !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    letter-spacing: 1px !important;
    padding: 15px !important;
    border: none !important;
    font-weight: 700 !important;
}

/* 3. Row Styling (Card Effect) */
body .woocommerce-orders-table tbody tr {
    background: #ffffff !important;
    box-shadow: 0 4px 12px rgba(0, 0, 82, 0.05) !important;
    transition: transform 0.2s ease !important;
}

body .woocommerce-orders-table tbody tr:hover {
    transform: scale(1.01);
}

/* 4. Cell Styling */
body .woocommerce-orders-table td, 
body .woocommerce-orders-table th {
    padding: 20px 15px !important;
    border-top: 1px solid #f0f0f0 !important;
    border-bottom: 1px solid #f0f0f0 !important;
    vertical-align: middle !important;
    color: #444 !important;
}

/* Rounded corners for the "cards" */
body .woocommerce-orders-table td:first-child,
body .woocommerce-orders-table th:first-child {
    border-left: 1px solid #f0f0f0 !important;
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
}

body .woocommerce-orders-table td:last-child {
    border-right: 1px solid #f0f0f0 !important;
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

/* 5. Order Number Link */
body .woocommerce-orders-table__cell-order-number a {
    color: #000052 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

/* 6. Status Labels */
body .woocommerce-orders-table__cell-order-status {
    font-weight: 600 !important;
    font-size: 14px !important;
}

/* Processing Status (Blue) */
body .woocommerce-orders-table__row--status-processing .woocommerce-orders-table__cell-order-status {
    color: #000052 !important;
}

/* Cancelled Status (Grey) */
body .woocommerce-orders-table__row--status-cancelled .woocommerce-orders-table__cell-order-status {
    color: #999 !important;
}

/* 7. Action Button Styling */
body .woocommerce-orders-table .button.view {
    background-color: #000052 !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    padding: 10px 20px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    transition: all 0.3s ease !important;
    border: none !important;
}

body .woocommerce-orders-table .button.view:hover {
    background-color: #000035 !important;
    box-shadow: 0 4px 8px rgba(0, 0, 82, 0.2) !important;
}

/* 8. Mobile Adjustments */
@media screen and (max-width: 600px) {
    body .woocommerce-orders-table thead {
        display: none;
    }
    body .woocommerce-orders-table tbody tr {
        display: block;
        margin-bottom: 20px;
    }
    body .woocommerce-orders-table td {
        display: block;
        text-align: right !important;
        
        position: relative;
    }
    
    
  
}









/* 1. The Header Wrapper - Keeps Heading Left, Button Right */
body .woocommerce-Address-title.title {
    display: flex !important;
    justify-content: space-between !important; /* Pushes button to far right */
    align-items: center !important;
    position: static !important; /* Removes the overlap cause */
    margin-bottom: 15px !important;
    width: 100% !important;
    float: none !important;
}

/* 2. Styling the Edit Button on the Right */
body .woocommerce-Address-title .edit {
    position: static !important; /* Forces it to stay in the header line */
    float: none !important;
    background-color: #000052 !important; /* Your brand color */
    color: #ffffff !important;
    padding: 6px 14px !important;
    border-radius: 4px !important;
    font-size: 13px !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    transition: opacity 0.3s ease !important;
    white-space: nowrap !important; /* Prevents text from breaking */
}

body .woocommerce-Address-title .edit:hover {
    opacity: 0.8 !important;
}

/* 3. The Heading on the Left */
body .woocommerce-Address-title h2 {
    font-size: 18px !important;
    color: #000052 !important;
    margin: 0 !important;
    font-weight: 700 !important;
}

/* 4. The Address Box (Fixes Height Overlap) */
body .woocommerce-Address address {
    height: auto !important; /* Overrides the 99px inline height */
    display: block !important;
    clear: both !important;
    background: #fcfcfc !important;
    border: 1px solid #eeeeee !important;
    padding: 15px !important;
    border-radius: 8px !important;
    color: #555 !important;
}

/* 5. The Card Container */
body .woocommerce-Address {
    border: 1px solid #e0e0e0 !important;
    border-radius: 12px !important;
    padding: 20px !important;
    background: #fff !important;
}

/* Responsive: Stacks on very small screens */
@media (max-width: 480px) {
    body .woocommerce-Address-title.title {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 10px !important;
    }
}







/* 1. Form Container Styling */
body .woocommerce-EditAccountForm.edit-account {
    background: #ffffff !important;
    padding: 30px !important;
    border-radius: 12px !important;
    border: 0px solid #eeeeee !important;
    max-width: 800px !important;
}

/* 2. Grid for First & Last Name */
body .form-row-first, 
body .form-row-last {
    width: 48% !important;
    float: left !important;
}

body .form-row-last {
    float: right !important;
}

/* 3. Input Fields & Labels */
body .woocommerce-EditAccountForm label {
    display: block !important;
    font-weight: 600 !important;
    color: #000052 !important;
    margin-bottom: 8px !important;
    font-size: 14px !important;
}

body .woocommerce-EditAccountForm input.input-text {
    width: 100% !important;
    padding: 12px 15px !important;
    border: 1px solid #dcdcdc !important;
    border-radius: 6px !important;
    background-color: #fcfcfc !important;
    transition: all 0.3s ease !important;
    font-size: 15px !important;
}

body .woocommerce-EditAccountForm input.input-text:focus {
    border-color: #000052 !important;
    background-color: #fff !important;
    box-shadow: 0 0 0 3px rgba(0, 0, 82, 0.1) !important;
    outline: none !important;
}

/* 4. Description Text (Display Name info) */
body #account_display_name_description {
    display: block !important;
    font-size: 12px !important;
    color: #777 !important;
    margin-top: 5px !important;
    font-style: normal !important;
}

/* 5. Password Section Styling */
body .woocommerce-EditAccountForm fieldset {
    margin-top: 40px !important;
    padding: 25px !important;
    border: none !important;
    background: #f8f9ff !important; /* Soft blue background */
    border-radius: 10px !important;
    border-left: 4px solid #000052 !important;
}

body .woocommerce-EditAccountForm fieldset legend {
    font-weight: 700 !important;
    color: #000052 !important;
    font-size: 18px !important;
    padding: 0 10px !important;
    background: transparent !important;
}

/* 6. Save Button Styling */
body .woocommerce-EditAccountForm .button {
    background-color: #000052 !important;
    color: #ffffff !important;
    padding: 15px 35px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    margin-top: 20px !important;
}

body .woocommerce-EditAccountForm .button:hover {
    background-color: #000035 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 15px rgba(0, 0, 82, 0.2) !important;
}

/* Mobile Fix */
@media (max-width: 600px) {
    body .form-row-first, 
    body .form-row-last {
        width: 100% !important;
        float: none !important;
    }
}








/* Container for actions to keep them tidy */
body .woocommerce-orders-table__cell-order-actions {
    display: flex !important;
    gap: 8px !important;
    justify-content: flex-end !important;
}

/* 1. PAY BUTTON - Primary Action */
body .woocommerce-orders-table .button.pay {
    background-color: #000052 !important; /* Your Brand Blue */
    color: #ffffff !important;
    border: none !important;
    padding: 8px 16px !important;
    border-radius: 6px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    letter-spacing: 0.5px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 10px rgba(0, 0, 82, 0.15) !important;
}

body .woocommerce-orders-table .button.pay:hover {
    background-color: #000035 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 15px rgba(0, 0, 82, 0.25) !important;
}

/* 2. CANCEL BUTTON - Secondary/Warning Action */
body .woocommerce-orders-table .button.cancel {
    background-color: #ffffff !important;
    color: #d9534f !important; /* Soft Red for warning */
    border: 1px solid #d9534f !important;
    padding: 8px 16px !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    transition: all 0.3s ease !important;
}

body .woocommerce-orders-table .button.cancel:hover {
    background-color: #d9534f !important;
    color: #ffffff !important;
    box-shadow: 0 4px 10px rgba(217, 83, 79, 0.2) !important;
}

/* Ensure buttons don't look weird on mobile */
@media screen and (max-width: 600px) {
    body .woocommerce-orders-table__cell-order-actions {
        flex-direction: column !important;
        align-items: stretch !important;
    }
    
    body .woocommerce-orders-table .button.pay,
    body .woocommerce-orders-table .button.cancel {
        text-align: center !important;
        margin-bottom: 5px !important;
    }
}






/* 1. Order Status Summary Bar */
body .woocommerce-order-details + p,
body .woocommerce-MyAccount-content > p:first-of-type {
    background: #f8f9ff !important;
    padding: 20px !important;
    border-left: 5px solid #000052 !important;
    border-radius: 8px !important;
    color: #444 !important;
    font-size: 16px !important;
}

body mark.order-number, 
body mark.order-date, 
body mark.order-status {
    background: transparent !important;
    color: #000052 !important;
    font-weight: 700 !important;
}

/* 2. Table Header Styling */
body .woocommerce-table--order-details thead th {
    background-color: #000052 !important;
    color: #ffffff !important;
    padding: 15px !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    border: none !important;
}

/* 3. Product Row Styling */
body .product-name a {
    color: #000052 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

body .product-total .amount {
    font-weight: 700 !important;
    color: #333 !important;
}

/* 4. Table Footer (Totals) Styling */
body .shop_table.order_details tfoot th {
    color: #000052 !important;
    font-weight: 700 !important;
    border-top: 1px solid #eee !important;
}

body .shop_table.order_details tfoot td {
    font-weight: 600 !important;
    text-align: right !important;
}

/* Highlight the actual Total row */
body .shop_table.order_details tfoot tr:nth-last-child(3) {
    background-color: #fcfcfc !important;
}

/* 5. Buttons in the Table */
body .order-actions-button {
    display: inline-block !important;
    margin: 5px !important;
    padding: 10px 20px !important;
    border-radius: 5px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

body .button.pay {
    background-color: #000052 !important;
    color: #fff !important;
}

body .button.cancel {
    background-color: #fff !important;
    color: #d9534f !important;
    border: 1px solid #d9534f !important;
}

/* 6. Address Section Fix */
body .woocommerce-customer-details h2 {
    margin-top: 40px !important;
    color: #000052 !important;
    font-size: 20px !important;
    border-bottom: 2px solid #eee !important;
    padding-bottom: 10px !important;
}

body .woocommerce-customer-details address {
    height: auto !important; /* Fixes the 110px overlap */
    background: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    padding: 20px !important;
    border-radius: 10px !important;
    line-height: 1.8 !important;
    font-style: normal !important;
}

body .woocommerce-customer-details--email {
    margin-top: 10px !important;
    color: #000052 !important;
    font-weight: 600 !important;
}



@media screen and (max-width: 600px){

  .woocommerce-MyAccount-content,.woocommerce-MyAccount-content-wrapper,body .woocommerce-EditAccountForm.edit-account{
        padding: 0px !important ;
    } }/* End custom CSS */