.woocommerce-account .woocommerce-MyAccount-navigation {
    display: none !important;
}

.woocommerce-account,
.woocommerce-MyAccount-content,
.woocommerce-account .content {
    width: 100% !important;
    max-width: 100% !important;
}

/* Change text color of the variation dropdown */
.single-product .product .variations select {
    color: #D4CDB7 !important; /* Text color for the dropdown options */
}

/* Change text color of the selected option */
.single-product .product .variations select option:checked {
    color: #D4CDB7 !important; /* Text color for the selected option */
}

/* Change the price color to white */
.woocommerce-page .product .price,
.woocommerce-page .product .woocommerce-Price-amount {
    color: #FFFFFF !important; /* White color for the price */
}



/* Remove borders and apply background and text color to all tabs */
.single-product .product .woocommerce-tabs .tabs li {
    background-color: #333333 !important; /* Charcoal background for all tabs */
    border: none !important; /* Remove any borders */
}

/* Change text color of all tabs */
.single-product .product .woocommerce-tabs .tabs li a {
    color: #FFFFFF !important; /* White text */
}

/* Optional: Change the active tab (selected tab) to have a darker background */
.single-product .product .woocommerce-tabs .tabs li.active {
    background-color: #222222 !important; /* Darker charcoal for active tab */
    border: none !important; /* Remove any border on active tab */
}

/* Change the text color of the active tab */
.single-product .product .woocommerce-tabs .tabs li.active a {
    color: #FFFFFF !important; /* White text for active tab */
}



/* Remove any pseudo-elements like underlines or dividers from tab items */
.single-product .product .woocommerce-tabs .tabs li:after,
.single-product .product .woocommerce-tabs .tabs li:before {
    content: none !important; /* Remove pseudo-elements (like dividers) */
}

/* Remove margins or padding that may be causing a gap or divider */
.single-product .product .woocommerce-tabs .tabs li {
    margin-bottom: 0 !important; /* Remove bottom margin from tab items */
    padding-bottom: 0 !important; /* Remove bottom padding */
}




/* Adjust the font size and padding of the tabs */
.woocommerce-tabs .tabs li {
    font-size: 10px !important; /* Reduce the font size of the tab text */
    padding: 2px 15px !important; /* Adjust padding to make the tabs smaller */
}

/* Adjust the active tab for consistency */
.woocommerce-tabs .tabs li.active {
    font-size: 10px !important; /* Keep the active tab font size the same */
    padding: 2px 15px !important; /* Adjust padding for active tab */
}

/* Adjust the tab container width */
.woocommerce-tabs .tabs {
    display: flex;
    justify-content: flex-start; /* Align the tabs to the left */
}