/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 10 2026 | 06:45:52 */
/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 01 2026 | 12:56:43 */
/* MAIN LAYOUT */
body.logged-in.woocommerce-account .woocommerce {
    display: flex;
    gap: 30px;
    max-width: 1100px;
    margin: 20px auto;
    align-items: flex-start;
}

/* SIDEBAR BOX */
body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation {
	 width: 30%;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    position: sticky; /* Make it sticky */
    top: 20px; /* Distance from the top of the viewport */
    align-self: flex-start; /* Align to the start of the flex container */
    max-height: calc(100vh - 40px); /* Optional: Limit height to viewport */
    overflow-y: auto; /* Optional: Add scroll if content is too long */
}

/* REMOVE LIST STYLE */
body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* REMOVE GAP BETWEEN ITEMS */
body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation li {
    margin-bottom: 0; /* removed space */
}

/* REMOVE ALL DEFAULT ITEM BORDERS (ASTRA FIX) */
body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation-link {
    border: none !important;
}

/* REMOVE BORDER FROM ACTIVE MENU ITEM */
body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation .is-active a {
    border-bottom: none !important;
}

/* MENU LINKS (NO BORDER / NO BOX GAP LOOK) */
body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation a {
    display: block;
    padding: 14px 16px;
    color: #000;
    background: transparent; 
    border: 1px solid #eee;  
    border-radius: 8px; 
    text-decoration: none;
    transition: 0.3s;
    font-weight: 500;
}

/* ACTIVE + HOVER */
body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation .is-active a,
body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
    background: #A4DFF0;
    color: black;
}

/* CONTENT BOX */
body.logged-in.woocommerce-account .woocommerce-MyAccount-content {	
	width: 70%;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
/*     border: 1px solid #eee; */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

/* HEADING */
body.logged-in.woocommerce-account .entry-title {
    font-size: 26px;
    margin-bottom: 20px;
    color: #000;
}

/* TEXT */
body.logged-in.woocommerce-account .woocommerce-MyAccount-content p {
    color: #000;
    line-height: 1.6;
	width: 100%;
}

/* LINKS */
body.logged-in.woocommerce-account .woocommerce-MyAccount-content a {
    color:#5a99ab;
    font-weight: 500;
}

body.logged-in.woocommerce-account .woocommerce-MyAccount-content a:hover {
    text-decoration: underline;
}

/* BUTTONS */
body.logged-in.woocommerce-account .woocommerce button,
body.logged-in.woocommerce-account .woocommerce .button,
body.logged-in.woocommerce-account .woocommerce input[type="submit"] {
        background: #A4DFF0;
    color: black;
    border: none;
    padding: 10px 16px;
    border-radius: 8px;
    transition: 0.3s;
	    font-weight: 600;
}

body.logged-in.woocommerce-account .woocommerce button:hover,
body.logged-in.woocommerce-account .woocommerce .button:hover {
    background: #A4DFF0;
}

/* FORM FIELDS */
body.logged-in.woocommerce-account .woocommerce input,
body.logged-in.woocommerce-account .woocommerce select,
body.logged-in.woocommerce-account .woocommerce textarea {
    width: 100%;
    padding: 10px;
    border-radius: 8px;
    border: 1px solid #ddd;
    margin-bottom: 10px;
	height: 42px;
    font-size: 14px;
}

body.logged-in.woocommerce-account .woocommerce input:focus,
body.logged-in.woocommerce-account .woocommerce textarea:focus {
    border-color: #A63A4A;
    outline: none;
}
/* TABLE */
body.logged-in.woocommerce-account .woocommerce table {
    width: 100%;
    border-collapse: separate;
   
	    margin-top: 0px;
    margin-bottom: 0px;
    border-radius: 8px;
    overflow: hidden;
}

body.logged-in.woocommerce-account .woocommerce table th {
       background: #A4DFF0;
    color: black;
    padding: 12px;
}

body.logged-in.woocommerce-account .woocommerce table td {
    padding: 12px;
    border-bottom: 1px solid #eee;
	align-items: baseline;
}

body.logged-in.woocommerce-account .woocommerce table tr:last-child td {
    border-bottom: none;
}

/* NOTICE */
body.logged-in.woocommerce-account .woocommerce-notices-wrapper {
/*     margin-bottom: 15px; */
}

/* Billing Address Heading */
body.logged-in.woocommerce-account .woocommerce-Address-title h2 {
        font-size: 25px;
    text-transform: capitalize;
    color: black;
}

/* FORM WRAPPER */
body.logged-in.woocommerce-account .woocommerce-EditAccountForm {
    display: flex;
    flex-wrap: wrap;
/*     gap: 5px; */
}

/* TWO COLUMN (FIRST + LAST NAME) */
body.logged-in.woocommerce-account .woocommerce-form-row--first,
body.logged-in.woocommerce-account .woocommerce-form-row--last {
    width: 48%;
}

/* FULL WIDTH FIELDS */
body.logged-in.woocommerce-account .form-row-wide {
    width: 100%;
}

/* LABEL */
body.logged-in.woocommerce-account .woocommerce-EditAccountForm label {
    display: block;
    font-weight: 600;
/*     color: #1c3552; */
}

/* INPUT FIELDS */
body.logged-in.woocommerce-account .woocommerce-EditAccountForm input {
    width: 100%;
    height: 42px;
    padding: 0 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    transition: 0.3s;
    font-size: 14px;
}

/* PASSWORD INPUT WRAPPER */
body.logged-in.woocommerce-account .woocommerce-EditAccountForm .password-input {
    position: relative;
    display: block;
}

body.logged-in.woocommerce-account .woocommerce-EditAccountForm .password-input input {
    padding-right: 40px;
}

/* EYE ICON ALIGN */
body.logged-in.woocommerce-account .woocommerce-EditAccountForm .show-password-input {
    position: absolute;
    right: 12px;
    top: 60%;
    transform: translateY(-50%);
    cursor: pointer;
}

/* FOCUS EFFECT */
body.logged-in.woocommerce-account .woocommerce-EditAccountForm input:focus {
    border-color: #A63A4A;
    outline: none;
    box-shadow: 0 0 0 2px rgba(166,58,74,0.1);
}

/* DESCRIPTION TEXT */
body.logged-in.woocommerce-account #account_display_name_description {
    display: block;
    margin-top: 5px;
    font-size: 12px;
    color: #777;
}

/* FIELDSET (PASSWORD BOX) */
body.logged-in.woocommerce-account .woocommerce-EditAccountForm fieldset {
	border: 1px solid #eee;
    border-radius: 10px;
    padding: 20px;
	    padding-bottom: 10px;
/*     margin-top: 20px; */
	width:100%;
}

/* OPTIONAL: CLEAN LINE SPACING UNDER TITLE */
body.logged-in.woocommerce-account .woocommerce-EditAccountForm fieldset legend + * {
    margin-top: 15px;
}

/* LEGEND */
body.logged-in.woocommerce-account .woocommerce-EditAccountForm legend {	
	font-size: 18px;
    font-weight: 600;
    color: #000;
/*     padding: 0 0 10px 0; */
    margin-bottom: -20px !important;
/*     width: 100%; */
    display: block;
    position: relative;
}
/* PERFECT FULL-WIDTH LINE */
body.logged-in.woocommerce-account .woocommerce-EditAccountForm legend::after {
    position: absolute;
    left: 0;
    bottom: 0;
/*     width: 100%; */
    height: 1px;
    background: #eee;
}

/* BUTTON */
body.logged-in.woocommerce-account .woocommerce-EditAccountForm button {
    background: #A63A4A;
    color: black;
    border: none;
    padding: 12px 20px;
    border-radius: 10px;
    transition: 0.3s;
    font-weight: 500;
    margin-top: 16px;
	margin-right: -11px;
}

body.logged-in.woocommerce-account .woocommerce-EditAccountForm button:hover {
    background: #000;
}

/* REMOVE CLEAR DIV ISSUE */
body.logged-in.woocommerce-account .woocommerce-EditAccountForm .clear {
    display: none;
}

/* REMOVE DEFAULT LEGEND FULL WIDTH */
body.logged-in.woocommerce-account .woocommerce-MyAccount-content fieldset legend {
    width: auto !important;
    display: inline-block !important;
}

/* REMOVE ANY LEGEND BORDER / LINE */
body.logged-in.woocommerce-account .woocommerce-MyAccount-content fieldset legend {
    border-bottom: none !important;
}

/* REMOVE YOUR CUSTOM LINE ALSO */
body.logged-in.woocommerce-account .woocommerce-EditAccountForm legend::after {
    display: none !important;
}

body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation a {
    margin-bottom: 4px;
}

/* =========================
   MY ORDERS TABLE STYLING
   ========================= */

/* TABLE HEADER */
body.logged-in.woocommerce-account .woocommerce-orders-table th {
    background: #A4DFF0 !important;
    color: black;
    text-align: left;
    font-weight: 600;
}

/* TABLE ROW HOVER */
body.logged-in.woocommerce-account .woocommerce-orders-table tbody tr:hover {
    background: rgba(109, 204, 255, 0.08);
}

/* ORDER NUMBER LINK */
body.logged-in.woocommerce-account .woocommerce-orders-table__cell-order-number a {
    color: #FFFFFF;
    font-weight: 600;
}

body.logged-in.woocommerce-account .woocommerce-orders-table__cell-order-number a:hover {
    text-decoration: underline;
}

/* STATUS TEXT */
body.logged-in.woocommerce-account .woocommerce-orders-table__cell-order-status {
    font-weight: 500;
    color: #5a99ab;
}

/* TOTAL PRICE */
body.logged-in.woocommerce-account .woocommerce-orders-table__cell-order-total {
    font-weight: 500;
}

/* ACTION BUTTON (VIEW) */
body.logged-in.woocommerce-account .woocommerce-orders-table .button.view {
    background: #A4DFF0 !important;
    color: black !important;
    border-radius: 6px;
    padding: 6px 12px;
    font-size: 12px;
    transition: 0.3s;
	align-content: center;
	text-align: center;
}

body.logged-in.woocommerce-account .woocommerce-orders-table .button.view:hover {
    background: #000;
}

/* MOBILE FIX */
@media (max-width: 768px) {
    body.logged-in.woocommerce-account .woocommerce-orders-table td::before {
        color: #5a99ab;
        font-weight: 600;
    }
	body.logged-in.woocommerce-account .woocommerce-MyAccount-content{
		padding:20px ;
	}
	body.logged-in.woocommerce-account .woocommerce .woocommerce-MyAccount-content form {
    padding: 0px !important;
}
	
}
@media (max-width: 767px) {
	body.logged-in.woocommerce-account .woocommerce button, body.logged-in.woocommerce-account .woocommerce .button,    	body.logged-in.woocommerce-account .woocommerce input[type="submit"] {
    	width: 100%;
		margin-top: 10px;
	}
}
/* EDIT BILLING ADDRESS LINK COLOR */
body.logged-in.woocommerce-account .woocommerce-Address-title a.edit {
    color: black;
    font-weight: 500;
}

/* OPTIONAL HOVER */
body.logged-in.woocommerce-account .woocommerce-Address-title a.edit:hover {
    color: black !important;
    text-decoration: underline;
}

/* RESPONSIVE */
@media (max-width: 768px) {

    body.logged-in.woocommerce-account .woocommerce-form-row--first,
    body.logged-in.woocommerce-account .woocommerce-form-row--last {
        width: 100%;
    }

    body.logged-in.woocommerce-account .woocommerce-EditAccountForm {
        gap: 0px;
    }
}

/* RESPONSIVE */
@media (max-width: 768px) {
    body.logged-in.woocommerce-account .woocommerce {
        flex-direction: column;
    }

    body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation,
    body.logged-in.woocommerce-account .woocommerce-MyAccount-content {
        width: 100%;
    }

    body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation a {
/*         text-align: center; */
    }
	body.logged-in.woocommerce-account .woocommerce table td {
    
    justify-content: space-between !important;
    display: flex;
}
	body.logged-in.woocommerce-account .woocommerce-orders-table .button.view {
    width: auto;
		padding: 12px 20px !important;
        height: auto;
		margin: 0px;
}
}

/* MOBILE */
@media (max-width: 480px) {
    body.logged-in.woocommerce-account .entry-title {
        font-size: 22px;
    }

    body.logged-in.woocommerce-account .woocommerce {
        margin: 10px;
    }
}

/* REMOVE STICKY SIDEBAR IN MOBILE */
@media (max-width: 768px) {
    body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation {
        position: static !important;  /* remove sticky */
        top: unset !important;
        max-height: none;             /* remove height restriction */
        overflow: visible;            /* remove scroll */
    }
	body.logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses address {
    margin-bottom: 20px !important;
	}
	body.logged-in.woocommerce-account .woocommerce table.woocommerce-table--order-details tbody td {
    display: table-cell !important;
	}
}


/* LOGIN FORM - REMEMBER ME FLEX */
body.logged-in.woocommerce-account form.woocommerce-form-login .woocommerce-form-login__rememberme {
    display: flex;
    align-items: center;
    gap: 8px; /* space between checkbox and text */
    cursor: pointer;
}

/* FIX CHECKBOX SIZE + REMOVE EXTRA SPACE */
body.logged-in.woocommerce-account form.woocommerce-form-login .woocommerce-form-login__rememberme input[type="checkbox"] {
    width: 16px;
    height: 16px;
    margin: 0;
    cursor: pointer;
}

/* TEXT ALIGN */
body.logged-in.woocommerce-account form.woocommerce-form-login .woocommerce-form-login__rememberme span {
    font-size: 14px;
    line-height: 1;
    color: #000;
}


body.logged-in.woocommerce-account .woocommerce table tbody th {
    background: white !important;
}
body.logged-in.woocommerce-account .woocommerce table tbody th a {
    color: black;
}

.woocommerce form .form-row {
    margin-bottom: 0px !important;
}

body.logged-in.woocommerce-account .woocommerce table tfoot th {
    background: white;
    color: black;
}

body.logged-in.woocommerce-account .woocommerce-customer-details .woocommerce-columns--addresses h2.woocommerce-column__title {
    background: #A4DFF0 !important;
    color: black;
    font-size: 25px;
}
.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-order-details h2.woocommerce-order-details__title {
    font-size: 30px;
}

.woocommerce-view-order .woocommerce-column.woocommerce-column--1.woocommerce-column--billing-address.col-1 ,
.woocommerce-view-order .woocommerce-column.woocommerce-column--2.woocommerce-column--shipping-address.col-2{
    border-radius: 8px;
    overflow: hidden;
}

.woocommerce-edit-address .woocommerce-Addresses .u-column1.col-1.woocommerce-Address ,
.woocommerce-edit-address .woocommerce-Addresses .u-column2.col-2.woocommerce-Address{
    border-radius: 8px;
    overflow: hidden;
}

.woocommerce-edit-address .u-column1 h2,.woocommerce-edit-address  .u-column2 h2 {
    display: block !important;
}

.woocommerce-edit-address .woocommerce .woocommerce-MyAccount-content h2 {
    font-size: 30px !important;
}

.woocommerce-edit-address .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper span.select2-selection.select2-selection--single {
    width: 100%;
    padding: 10px !important;
    margin-bottom: 10px;
    height: 42px !important;
    font-size: 14px;
    border-radius: 8px !important;
    border: 1px solid #000 !important;
}
body.logged-in.woocommerce-account .woocommerce-orders-table thead th {
        font-size: 16px;
    font-family: "Playfair Display", Sans-serif;
}
body.logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses address {
    margin-bottom: 0px;
}
body.logged-in.woocommerce-account .woocommerce table.woocommerce-table--order-details thead th {
    font-family: 'Playfair Display', serif;
	font-weight: 600;
}