/*!
Theme Name: beautician
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: beautician
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

beautician is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/* Add this to your CSS file */
.on-sale {
    background-color: #dc3545;
    color: white;
}

/* If you want to display multiple badges properly */
.product-flash {
    display: flex;
    flex-direction: column;
}

.product-flash .badge {
    margin-bottom: 5px;
}



/* Make all product cards equal height */
.products li, 
.products .product,
.card-product {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Set a fixed height for product images or their containers */
.card-product figure,
.woocommerce-loop-product__link {
    height: 400px; /* Adjust this value as needed */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Make product images maintain aspect ratio within fixed height */
.card-product img {
    max-height: 100%;
    width: auto;
    object-fit: contain;
}

/* Make the product info section take remaining space */
.card-body {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

/* Optional: Set fixed height for star ratings to ensure consistency */
.star-rating, 
.rating {
    height: 20px; /* Adjust as needed */
}

/* product page single page style */
/* Main Product Page Styling for Cosmetics */
.woocommerce div.product {
    font-family: 'Poppins', sans-serif;
    color: #000;
    max-width: 1200px;
    margin: 0 auto;
    padding: 30px 15px;
}

/* Product Title */
.woocommerce div.product .product_title {
    font-size: 32px;
    font-weight: 600;
    color: #000;
    margin-bottom: 15px;
    letter-spacing: 0.5px;
    border-bottom: 1px solid rgba(78, 118, 97, 0.2);
    padding-bottom: 15px;
}

/* Price Styling */
.woocommerce div.product p.price, 
.woocommerce div.product span.price {
    color: #4e7661;
    font-size: 24px;
    font-weight: 600;
    margin: 15px 0;
}

.woocommerce div.product p.price del, 
.woocommerce div.product span.price del {
    opacity: 0.5;
    margin-right: 10px;
}

.woocommerce div.product p.price ins, 
.woocommerce div.product span.price ins {
    font-weight: 700;
    text-decoration: none;
    background: rgba(78, 118, 97, 0.1);
    padding: 2px 8px;
    border-radius: 4px;
}

/* Product Images */
.woocommerce div.product div.images {
    margin-bottom: 40px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.woocommerce div.product div.images img {
    border-radius: 8px;
    transition: all 0.3s ease;
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
    background: #4e7661;
    color: white;
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger:before {
    border-color: white;
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger:after {
    background: white;
}

/* Thumbnails */
.woocommerce div.product div.images .flex-control-thumbs {
    margin-top: 15px;
}

.woocommerce div.product div.images .flex-control-thumbs li {
    padding: 5px;
}

.woocommerce div.product div.images .flex-control-thumbs li img {
    border-radius: 5px;
    border: 2px solid transparent;
    transition: all 0.2s ease;
}

.woocommerce div.product div.images .flex-control-thumbs li img.flex-active,
.woocommerce div.product div.images .flex-control-thumbs li img:hover {
    border-color: #4e7661;
}

/* Product Description */
.woocommerce div.product .woocommerce-product-details__short-description {
    margin-bottom: 25px;
    font-size: 15px;
    line-height: 1.8;
    color: #333;
}

.woocommerce div.product .woocommerce-product-details__short-description p {
    margin-bottom: 15px;
}

/* Quantity Input */
.woocommerce div.product form.cart div.quantity {
    margin-right: 15px;
}

.woocommerce .quantity .qty {
    border: 2px solid rgba(78, 118, 97, 0.3);
    border-radius: 5px;
    height: 45px;
    padding: 5px;
    width: 80px;
    font-size: 16px;
    transition: all 0.3s ease;
}

.woocommerce .quantity .qty:focus {
    border-color: #4e7661;
    outline: none;
}

/* Add to Cart Button */
.woocommerce div.product form.cart .button {
    background-color: #4e7661;
    color: white;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 15px 30px;
    border-radius: 5px;
    height: 45px;
    transition: all 0.3s ease;
}

.woocommerce div.product form.cart .button:hover {
    background-color: #3d5d4d;
    transform: translateY(-2px);
    box-shadow: 0 5px 10px rgba(78, 118, 97, 0.3);
}

/* Product Meta (Categories, Tags, etc) */
.product_meta {
    font-size: 14px;
    color: #666;
    margin-top: 25px;
    padding-top: 20px;
    border-top: 1px solid rgba(78, 118, 97, 0.2);
}

.product_meta > span {
    display: block;
    margin-bottom: 8px;
}

.product_meta a {
    color: #4e7661;
    transition: all 0.2s ease;
}

.product_meta a:hover {
    color: #000;
    text-decoration: none;
}

/* Tabs (Description, Additional Info, Reviews) */
.woocommerce div.product .woocommerce-tabs ul.tabs {
    padding: 0;
    margin-bottom: 30px;
    border-bottom: 2px solid rgba(78, 118, 97, 0.2);
}

.woocommerce div.product .woocommerce-tabs ul.tabs:before {
    border: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background: transparent;
    border: none;
    border-radius: 0;
    margin: 0 30px 0 0;
    padding: 0 0 10px 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-weight: 600;
    color: #666;
    padding: 10px 0;
    font-size: 16px;
    transition: all 0.3s ease;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
    color: #4e7661;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: transparent;
    border-bottom: 3px solid #4e7661;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: #4e7661;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after {
    display: none;
}

/* Tab Content */
.woocommerce div.product .woocommerce-tabs .panel {
    margin-bottom: 40px;
    padding: 0;
    font-size: 15px;
    line-height: 1.8;
    color: #333;
}

.woocommerce div.product .woocommerce-tabs .panel h2 {
    font-size: 22px;
    margin-bottom: 20px;
    color: #000;
    font-weight: 600;
}

/* Reviews */
.woocommerce #reviews #comments h2 {
    font-size: 22px;
    margin-bottom: 20px;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
    border-color: rgba(78, 118, 97, 0.2);
    border-radius: 8px;
    padding: 15px 20px;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
    border: none;
    background: transparent;
    padding: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

/* Star Rating */
.woocommerce .star-rating {
    color: #4e7661;
}

.woocommerce p.stars a {
    color: #4e7661;
}

/* Review Form */
.woocommerce #review_form #respond .form-submit input {
    background-color: #4e7661;
    color: white;
    font-weight: 600;
    border-radius: 5px;
    transition: all 0.3s ease;
}

.woocommerce #review_form #respond .form-submit input:hover {
    background-color: #3d5d4d;
}

.woocommerce #review_form #respond textarea,
.woocommerce #review_form #respond input[type="text"],
.woocommerce #review_form #respond input[type="email"] {
    border: 1px solid rgba(78, 118, 97, 0.3);
    border-radius: 5px;
    padding: 10px;
    transition: all 0.3s ease;
}

.woocommerce #review_form #respond textarea:focus,
.woocommerce #review_form #respond input[type="text"]:focus,
.woocommerce #review_form #respond input[type="email"]:focus {
    border-color: #4e7661;
    outline: none;
}

/* Related Products */
.related.products > h2,
.upsells.products > h2 {
    font-size: 24px;
    margin: 40px 0 30px;
    text-align: center;
    color: #000;
    font-weight: 600;
    position: relative;
    padding-bottom: 15px;
}

.related.products > h2:after,
.upsells.products > h2:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 3px;
    background-color: #4e7661;
}

/* Sale Badge */
.woocommerce span.onsale {
    background-color: #4e7661;
    min-height: 3.236em;
    min-width: 3.236em;
    padding: 0;
    font-weight: 700;
    position: absolute;
    text-align: center;
    line-height: 3.236;
    top: 10px;
    left: 10px;
    margin: 0;
    border-radius: 50%;
    color: #fff;
    font-size: .857em;
    z-index: 9;
}

/* Stock Status */
.woocommerce div.product .stock {
    color: #4e7661;
    font-weight: 600;
}

.woocommerce div.product .out-of-stock {
    color: #e74c3c;
}

/* Product Attributes Table */
.woocommerce table.shop_attributes {
    border-top: 1px solid rgba(78, 118, 97, 0.2);
}

.woocommerce table.shop_attributes th {
    background: rgba(78, 118, 97, 0.05);
    font-weight: 600;
    padding: 12px 15px;
    border-bottom: 1px solid rgba(78, 118, 97, 0.2);
}

.woocommerce table.shop_attributes td {
    padding: 12px 15px;
    border-bottom: 1px solid rgba(78, 118, 97, 0.2);
}

/* default sorting shop page */
/* WooCommerce Shop Page - Default Sorting Styling */

/* Container for the sorting dropdown */
.woocommerce-ordering {
    margin-bottom: 30px;
    position: relative;
}

/* Style the select dropdown */
.woocommerce-ordering select.orderby {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: white;
    border: 2px solid rgba(78, 118, 97, 0.3); /* #4e7661 with opacity */
    border-radius: 6px;
    padding: 10px 40px 10px 15px;
    width: 100%;
    max-width: 250px;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    font-family: inherit;
}

/* Hover state */
.woocommerce-ordering select.orderby:hover {
    border-color: #4e7661;
}

/* Focus state */
.woocommerce-ordering select.orderby:focus {
    outline: none;
    border-color: #4e7661;
    box-shadow: 0 0 0 2px rgba(78, 118, 97, 0.2);
}

/* Add custom arrow */
.woocommerce-ordering:after {
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #4e7661;
    pointer-events: none;
}

/* Adjust positioning for the arrow when within sidebar */
.sidebar .woocommerce-ordering:after {
    right: calc(100% - 235px);
}

/* Style for the "Shop order" text (if visible) */
.woocommerce-ordering label {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    margin-right: 10px;
}

/* Style the options in the dropdown (visible when open) */
.woocommerce-ordering select.orderby option {
    background-color: white;
    color: #000;
    padding: 10px;
}

/* Results count styling */
.woocommerce-result-count {
    color: #666;
    font-size: 14px;
    margin-bottom: 30px;
    font-style: italic;
}

/* Container for both sorting and results count */
.woocommerce-products-header__title.page-title {
    font-size: 28px;
    font-weight: 600;
    color: #000;
    margin-bottom: 30px;
    position: relative;
    display: inline-block;
}

.woocommerce-products-header__title.page-title:after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 60px;
    height: 3px;
    background-color: #4e7661;
}

/* Shop controls wrapper (sorting + results count) */
.woocommerce .woocommerce-ordering,
.woocommerce .woocommerce-result-count {
    margin: 0 0 2em;
}

/* Make shop controls responsive */
@media (min-width: 768px) {
    .shop-controls-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 30px;
    }
    
    .woocommerce .woocommerce-ordering,
    .woocommerce .woocommerce-result-count {
        margin: 0;
    }
}

/* Responsive adjustments */
@media (max-width: 767px) {
    .woocommerce-ordering select.orderby {
        max-width: 100%;
    }
    
    .woocommerce .woocommerce-result-count {
        margin-bottom: 15px;
    }
}

/* Custom select styling for better mobile experience */
@media (max-width: 480px) {
    .woocommerce-ordering {
        width: 100%;
    }
    
    .woocommerce-ordering select.orderby {
        max-width: 100%;
        width: 100%;
    }
}

/* Enhanced style for active sorting option */
.woocommerce-ordering select.orderby option:checked,
.woocommerce-ordering select.orderby option:selected {
    background: rgba(78, 118, 97, 0.1);
    color: #4e7661;
    font-weight: 600;
}

/* Custom select for browsers that support it */
@supports (-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none) {
    .woocommerce-ordering select.orderby {
        background-image: 
            linear-gradient(45deg, transparent 50%, #4e7661 50%),
            linear-gradient(135deg, #4e7661 50%, transparent 50%);
        background-position:
            calc(100% - 20px) calc(1em + 2px),
            calc(100% - 15px) calc(1em + 2px);
        background-size:
            5px 5px,
            5px 5px;
        background-repeat: no-repeat;
    }
    
    .woocommerce-ordering:after {
        display: none;
    }
}

/* sidebar styling woocommerce */
/* WooCommerce Sidebar Widget Styling */

/* General Widget Styling */
.widget-area .widget,
.woocommerce .widget {
/*     margin-bottom: 40px; */
    padding: 25px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(78, 118, 97, 0.1);
}

/* Widget Title */
.widget-area .widget .widget-title,
.woocommerce .widget .widget-title,
.woocommerce .widget h2,
.woocommerce .widget h3 {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    margin-top: 0;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid rgba(78, 118, 97, 0.2);
    position: relative;
}

.widget-area .widget .widget-title:after,
.woocommerce .widget .widget-title:after,
.woocommerce .widget h2:after,
.woocommerce .widget h3:after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 50px;
    height: 2px;
    background-color: #4e7661;
}

/* Links in Widgets */
.widget-area .widget a,
.woocommerce .widget a {
    color: #333;
    text-decoration: none;
    transition: color 0.3s ease;
}

.widget-area .widget a:hover,
.woocommerce .widget a:hover {
    color: #4e7661;
}

/* Product Categories Widget */
.woocommerce .widget_product_categories ul,
.widget_product_categories ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.woocommerce .widget_product_categories ul li,
.widget_product_categories ul li {
    position: relative;
    padding: 8px 0 8px 20px;
    border-bottom: 1px solid rgba(78, 118, 97, 0.1);
    font-size: 15px;
}

.woocommerce .widget_product_categories ul li:last-child,
.widget_product_categories ul li:last-child {
    border-bottom: none;
}

.woocommerce .widget_product_categories ul li:before,
.widget_product_categories ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 15px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #4e7661;
}

.woocommerce .widget_product_categories ul li a,
.widget_product_categories ul li a {
    display: inline-block;
    padding: 2px 0;
    transition: all 0.3s ease;
}

.woocommerce .widget_product_categories ul li a:hover,
.widget_product_categories ul li a:hover {
    padding-left: 5px;
    color: #4e7661;
}

.woocommerce .widget_product_categories ul li .count,
.widget_product_categories ul li .count {
    float: right;
    background-color: rgba(78, 118, 97, 0.1);
    color: #4e7661;
    font-size: 12px;
    padding: 2px 8px;
    border-radius: 10px;
    font-weight: 600;
}

/* Product Categories Dropdown */
.woocommerce .widget_product_categories .dropdown_product_cat,
.widget_product_categories .dropdown_product_cat {
    width: 100%;
    padding: 10px;
    border: 1px solid rgba(78, 118, 97, 0.3);
    border-radius: 5px;
    background-color: #fff;
    color: #333;
    font-size: 14px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: 
        linear-gradient(45deg, transparent 50%, #4e7661 50%),
        linear-gradient(135deg, #4e7661 50%, transparent 50%);
    background-position:
        calc(100% - 20px) calc(1em + 2px),
        calc(100% - 15px) calc(1em + 2px);
    background-size:
        5px 5px,
        5px 5px;
    background-repeat: no-repeat;
}

.woocommerce .widget_product_categories .dropdown_product_cat:focus,
.widget_product_categories .dropdown_product_cat:focus {
    outline: none;
    border-color: #4e7661;
}

/* Filter by Price Widget */
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content,
.widget_price_filter .price_slider_wrapper .ui-widget-content {
    background-color: rgba(78, 118, 97, 0.2);
    border-radius: 10px;
    height: 4px;
    margin-bottom: 20px;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.widget_price_filter .ui-slider .ui-slider-range {
    background-color: #4e7661;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
.widget_price_filter .ui-slider .ui-slider-handle {
    background-color: #fff;
    border: 2px solid #4e7661;
    width: 16px;
    height: 16px;
    top: -6px;
    cursor: pointer;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle:focus,
.widget_price_filter .ui-slider .ui-slider-handle:focus {
    outline: none;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle:hover,
.widget_price_filter .ui-slider .ui-slider-handle:hover {
    background-color: #4e7661;
}

.woocommerce .widget_price_filter .price_slider_amount,
.widget_price_filter .price_slider_amount {
    display: flex;
    flex-direction: column-reverse;
    text-align: left;
    line-height: 1.5;
}

.woocommerce .widget_price_filter .price_slider_amount .button,
.widget_price_filter .price_slider_amount .button {
    background-color: #4e7661;
    color: white;
    border: none;
    padding: 8px 15px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px;
    margin-top: 10px;
    transition: all 0.3s ease;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    width: 100%;
}

.woocommerce .widget_price_filter .price_slider_amount .button:hover,
.widget_price_filter .price_slider_amount .button:hover {
    background-color: #3d5d4d;
}

.woocommerce .widget_price_filter .price_slider_amount .price_label,
.widget_price_filter .price_slider_amount .price_label {
    font-size: 14px;
    color: #666;
    margin-bottom: 5px;
}

/* Active Filters Widget */
.woocommerce .widget_layered_nav_filters ul,
.widget_layered_nav_filters ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.woocommerce .widget_layered_nav_filters ul li,
.widget_layered_nav_filters ul li {
    margin: 0;
    padding: 0;
}

.woocommerce .widget_layered_nav_filters ul li a,
.widget_layered_nav_filters ul li a {
    display: inline-block;
    background-color: rgba(78, 118, 97, 0.1);
    color: #4e7661;
    padding: 5px 10px 5px 12px;
    border-radius: 20px;
    font-size: 13px;
    transition: all 0.3s ease;
    line-height: 1;
}

.woocommerce .widget_layered_nav_filters ul li a:before,
.widget_layered_nav_filters ul li a:before {
    content: "×";
    margin-right: 5px;
    font-weight: bold;
}

.woocommerce .widget_layered_nav_filters ul li a:hover,
.widget_layered_nav_filters ul li a:hover {
    background-color: #4e7661;
    color: white;
}

/* Filter by Attribute Widget */
.woocommerce .widget_layered_nav ul,
.widget_layered_nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.woocommerce .widget_layered_nav ul li,
.widget_layered_nav ul li {
    padding: 8px 0;
    border-bottom: 1px solid rgba(78, 118, 97, 0.1);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.woocommerce .widget_layered_nav ul li:last-child,
.widget_layered_nav ul li:last-child {
    border-bottom: none;
}

.woocommerce .widget_layered_nav ul li a,
.widget_layered_nav ul li a {
    flex-grow: 1;
}

.woocommerce .widget_layered_nav ul li span,
.widget_layered_nav ul li span {
    background-color: rgba(78, 118, 97, 0.1);
    color: #4e7661;
    font-size: 12px;
    padding: 2px 8px;
    border-radius: 10px;
    font-weight: 600;
}

/* Rating Filter Widget */
.woocommerce .widget_rating_filter ul,
.widget_rating_filter ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.woocommerce .widget_rating_filter ul li,
.widget_rating_filter ul li {
    padding: 8px 0;
    border-bottom: 1px solid rgba(78, 118, 97, 0.1);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.woocommerce .widget_rating_filter ul li:last-child,
.widget_rating_filter ul li:last-child {
    border-bottom: none;
}

.woocommerce .widget_rating_filter ul li a,
.widget_rating_filter ul li a {
    display: flex;
    align-items: center;
    width: 100%;
}

.woocommerce .widget_rating_filter ul li .star-rating,
.widget_rating_filter ul li .star-rating {
    margin-right: 5px;
    font-size: 12px;
    color: #4e7661;
}

.woocommerce .widget_rating_filter ul li .count,
.widget_rating_filter ul li .count {
    background-color: rgba(78, 118, 97, 0.1);
    color: #4e7661;
    font-size: 12px;
    padding: 2px 8px;
    border-radius: 10px;
    font-weight: 600;
}

/* Recent Reviews Widget */
.woocommerce .widget_recent_reviews ul.product_list_widget,
.widget_recent_reviews ul.product_list_widget {
    margin: 0;
    padding: 0;
    list-style: none;
}

.woocommerce .widget_recent_reviews ul.product_list_widget li,
.widget_recent_reviews ul.product_list_widget li {
    padding: 10px 0;
    border-bottom: 1px solid rgba(78, 118, 97, 0.1);
    margin-bottom: 0;
    min-height: 60px;
}

.woocommerce .widget_recent_reviews ul.product_list_widget li:last-child,
.widget_recent_reviews ul.product_list_widget li:last-child {
    border-bottom: none;
}

.woocommerce .widget_recent_reviews ul.product_list_widget li img,
.widget_recent_reviews ul.product_list_widget li img {
    float: left;
    margin-right: 10px;
    width: 50px;
    height: 50px;
    border-radius: 4px;
    object-fit: cover;
}

.woocommerce .widget_recent_reviews ul.product_list_widget li .star-rating,
.widget_recent_reviews ul.product_list_widget li .star-rating {
    margin: 5px 0;
    font-size: 12px;
    color: #4e7661;
}

.woocommerce .widget_recent_reviews ul.product_list_widget li .reviewer,
.widget_recent_reviews ul.product_list_widget li .reviewer {
    font-size: 12px;
    color: #666;
}

/* Recently Viewed Products Widget */
.woocommerce .widget_recently_viewed_products ul.product_list_widget,
.widget_recently_viewed_products ul.product_list_widget {
    margin: 0;
    padding: 0;
    list-style: none;
}

.woocommerce .widget_recently_viewed_products ul.product_list_widget li,
.widget_recently_viewed_products ul.product_list_widget li {
    padding: 10px 0;
    border-bottom: 1px solid rgba(78, 118, 97, 0.1);
    margin-bottom: 0;
    min-height: 60px;
    display: flex;
    align-items: center;
}

.woocommerce .widget_recently_viewed_products ul.product_list_widget li:last-child,
.widget_recently_viewed_products ul.product_list_widget li:last-child {
    border-bottom: none;
}

.woocommerce .widget_recently_viewed_products ul.product_list_widget li img,
.widget_recently_viewed_products ul.product_list_widget li img {
    float: left;
    margin-right: 10px;
    width: 50px;
    height: 50px;
    border-radius: 4px;
    object-fit: cover;
}

.woocommerce .widget_recently_viewed_products ul.product_list_widget li .amount,
.widget_recently_viewed_products ul.product_list_widget li .amount {
    font-size: 14px;
    font-weight: 600;
    color: #4e7661;
}

.woocommerce .widget_recently_viewed_products ul.product_list_widget li del .amount,
.widget_recently_viewed_products ul.product_list_widget li del .amount {
    font-size: 12px;
    color: #999;
    text-decoration: line-through;
    margin-right: 5px;
}

.woocommerce .widget_recently_viewed_products ul.product_list_widget li ins,
.widget_recently_viewed_products ul.product_list_widget li ins {
    text-decoration: none;
}

/* Products Widget */
.woocommerce .widget_products ul.product_list_widget,
.widget_products ul.product_list_widget {
    margin: 0;
    padding: 0;
    list-style: none;
}

.woocommerce .widget_products ul.product_list_widget li,
.widget_products ul.product_list_widget li {
    padding: 12px 0;
    border-bottom: 1px solid rgba(78, 118, 97, 0.1);
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

.woocommerce .widget_products ul.product_list_widget li:last-child,
.widget_products ul.product_list_widget li:last-child {
    border-bottom: none;
}

.woocommerce .widget_products ul.product_list_widget li img,
.widget_products ul.product_list_widget li img {
    float: left;
    margin-right: 15px;
    width: 60px;
    height: 60px;
    border-radius: 4px;
    object-fit: cover;
}

.woocommerce .widget_products ul.product_list_widget li .product-title,
.widget_products ul.product_list_widget li .product-title {
    display: block;
    margin-bottom: 5px;
    font-weight: 500;
}

.woocommerce .widget_products ul.product_list_widget li .amount,
.widget_products ul.product_list_widget li .amount {
    font-size: 14px;
    font-weight: 600;
    color: #4e7661;
}

.woocommerce .widget_products ul.product_list_widget li del .amount,
.widget_products ul.product_list_widget li del .amount {
    font-size: 12px;
    color: #999;
    text-decoration: line-through;
    margin-right: 5px;
}

.woocommerce .widget_products ul.product_list_widget li ins,
.widget_products ul.product_list_widget li ins {
    text-decoration: none;
}

/* Top Rated Products Widget */
.woocommerce .widget_top_rated_products ul.product_list_widget,
.widget_top_rated_products ul.product_list_widget {
    margin: 0;
    padding: 0;
    list-style: none;
}

.woocommerce .widget_top_rated_products ul.product_list_widget li,
.widget_top_rated_products ul.product_list_widget li {
    padding: 12px 0;
    border-bottom: 1px solid rgba(78, 118, 97, 0.1);
    margin-bottom: 0;
}

.woocommerce .widget_top_rated_products ul.product_list_widget li:last-child,
.widget_top_rated_products ul.product_list_widget li:last-child {
    border-bottom: none;
}

.woocommerce .widget_top_rated_products ul.product_list_widget li img,
.widget_top_rated_products ul.product_list_widget li img {
    float: left;
    margin-right: 15px;
    width: 60px;
    height: 60px;
    border-radius: 4px;
    object-fit: cover;
}

.woocommerce .widget_top_rated_products ul.product_list_widget li .star-rating,
.widget_top_rated_products ul.product_list_widget li .star-rating {
    margin: 5px 0;
    font-size: 12px;
    color: #4e7661;
}

.woocommerce .widget_top_rated_products ul.product_list_widget li .amount,
.widget_top_rated_products ul.product_list_widget li .amount {
    font-size: 14px;
    font-weight: 600;
    color: #4e7661;
}

.woocommerce .widget_top_rated_products ul.product_list_widget li del .amount,
.widget_top_rated_products ul.product_list_widget li del .amount {
    font-size: 12px;
    color: #999;
    text-decoration: line-through;
    margin-right: 5px;
}

.woocommerce .widget_top_rated_products ul.product_list_widget li ins,
.widget_top_rated_products ul.product_list_widget li ins {
    text-decoration: none;
}

/* Search Widget */
.woocommerce .widget_product_search .woocommerce-product-search,
.widget_product_search .woocommerce-product-search {
    position: relative;
    display: flex;
}

.woocommerce .widget_product_search .search-field,
.widget_product_search .search-field {
    flex-grow: 1;
    border: 1px solid rgba(78, 118, 97, 0.3);
    border-radius: 5px 0 0 5px;
    padding: 10px 15px;
    font-size: 14px;
    height: 42px;
    color: #333;
}

.woocommerce .widget_product_search .search-field:focus,
.widget_product_search .search-field:focus {
    outline: none;
    border-color: #4e7661;
}

.woocommerce .widget_product_search button[type="submit"],
.widget_product_search button[type="submit"] {
    background-color: #4e7661;
    color: white;
    border: none;
    border-radius: 0 5px 5px 0;
    padding: 0 15px;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
    height: 42px;
}

.woocommerce .widget_product_search button[type="submit"]:hover,
.widget_product_search button[type="submit"]:hover {
    background-color: #3d5d4d;
}

/* Cart Widget */
.woocommerce .widget_shopping_cart .widget_shopping_cart_content,
.widget_shopping_cart .widget_shopping_cart_content {
    padding: 0;
}

.woocommerce .widget_shopping_cart .cart_list,
.widget_shopping_cart .cart_list {
    margin: 0;
    padding: 0;
    list-style: none;
    max-height: 300px;
    overflow-y: auto;
}

.woocommerce .widget_shopping_cart .cart_list li,
.widget_shopping_cart .cart_list li {
    position: relative;
    padding: 10px 0 10px 50px;
    border-bottom: 1px solid rgba(78, 118, 97, 0.1);
    min-height: 60px;
}

.woocommerce .widget_shopping_cart .cart_list li:last-child,
.widget_shopping_cart .cart_list li:last-child {
    border-bottom: none;
}

.woocommerce .widget_shopping_cart .cart_list li a.remove,
.widget_shopping_cart .cart_list li a.remove {
    position: absolute;
    top: 10px;
    left: 0;
    width: 20px;
    height: 20px;
    line-height: 18px;
    font-size: 16px;
    text-align: center;
    border-radius: 50%;
    color: #e74c3c;
    border: 1px solid #e74c3c;
    background-color: transparent;
    transition: all 0.3s ease;
}

.woocommerce .widget_shopping_cart .cart_list li a.remove:hover,
.widget_shopping_cart .cart_list li a.remove:hover {
    background-color: #e74c3c;
    color: white;
}

.woocommerce .widget_shopping_cart .cart_list li img,
.widget_shopping_cart .cart_list li img {
    position: absolute;
    left: 25px;
    top: 10px;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    object-fit: cover;
}

.woocommerce .widget_shopping_cart .cart_list li a:not(.remove),
.widget_shopping_cart .cart_list li a:not(.remove) {
    display: block;
    margin-bottom: 3px;
    font-weight: 500;
}

.woocommerce .widget_shopping_cart .cart_list li .quantity,
.widget_shopping_cart .cart_list li .quantity {
    display: block;
    font-size: 13px;
    color: #666;
}

.woocommerce .widget_shopping_cart .cart_list li .quantity .amount,
.widget_shopping_cart .cart_list li .quantity .amount {
    color: #4e7661;
    font-weight: 600;
}

.woocommerce .widget_shopping_cart .total,
.widget_shopping_cart .total {
    margin: 15px 0;
    padding: 10px 0;
    border-top: 2px solid rgba(78, 118, 97, 0.2);
    border-bottom: 2px solid rgba(78, 118, 97, 0.2);
    text-align: right;
    font-weight: 600;
    color: #000;
}

.woocommerce .widget_shopping_cart .total strong,
.widget_shopping_cart .total strong {
    float: left;
}

.woocommerce .widget_shopping_cart .total .amount,
.widget_shopping_cart .total .amount {
    color: #4e7661;
}

.woocommerce .widget_shopping_cart .buttons,
.widget_shopping_cart .buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 0;
}

.woocommerce .widget_shopping_cart .buttons a,
.widget_shopping_cart .buttons a {
    flex: 1;
    text-align: center;
    padding: 10px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
}

.woocommerce .widget_shopping_cart .buttons a.checkout,
.widget_shopping_cart .buttons a.checkout {
    background-color: #4e7661;
    color: white;
}

.woocommerce .widget_shopping_cart .buttons a.checkout:hover,
.widget_shopping_cart .buttons a.checkout:hover {
    background-color: #3d5d4d;
}

.woocommerce .widget_shopping_cart .buttons a:not(.checkout),
.widget_shopping_cart .buttons a:not(.checkout) {
    background-color: #f5f5f5;
    color: #333;
}

.woocommerce .widget_shopping_cart .buttons a:not(.checkout):hover,
.widget_shopping_cart .buttons a:not(.checkout):hover {
    background-color: #e5e5e5;
}

/* Empty Cart */
.woocommerce .widget_shopping_cart .empty,
.widget_shopping_cart .empty {
    text-align: center;
    padding: 15px 0;
    color: #666;
    font-style: italic;
}

/* Custom Scrollbar for Cart List */
.woocommerce .widget_shopping_cart .cart_list::-webkit-scrollbar,
.widget_shopping_cart .cart_list::-webkit-scrollbar {
    width: 5px;
}

.woocommerce .widget_shopping_cart .cart_list::-webkit-scrollbar-track,
.widget_shopping_cart .cart_list::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.woocommerce .widget_shopping_cart .cart_list::-webkit-scrollbar-thumb,
.widget_shopping_cart .cart_list::-webkit-scrollbar-thumb {
    background: rgba(78, 118, 97, 0.5);
    border-radius: 10px;
}

.woocommerce .widget_shopping_cart .cart_list::-webkit-scrollbar-thumb:hover,
.widget_shopping_cart .cart_list::-webkit-scrollbar-thumb:hover {
    background: #4e7661;
}

/* Tag Cloud Widget */
.woocommerce .widget_product_tag_cloud .tagcloud,
.widget_product_tag_cloud .tagcloud {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.woocommerce .widget_product_tag_cloud .tagcloud a,
.widget_product_tag_cloud .tagcloud a {
    display: inline-block;
    background-color: rgba(78, 118, 97, 0.1);
    color: #4e7661;
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 12px !important;
    transition: all 0.3s ease;
    line-height: 1;
}

.woocommerce .widget_product_tag_cloud .tagcloud a:hover,
.widget_product_tag_cloud .tagcloud a:hover {
    background-color: #4e7661;
    color: white;
}

/* Responsive Adjustments */
@media (max-width: 991px) {
    .widget-area .widget,
    .woocommerce .widget {
        padding: 20px;
    }
}

@media (max-width: 767px) {
    .widget-area,
    .woocommerce-sidebar {
        margin-top: 40px;
    }
}

/* Custom Cosmetics Category Widget */
.widget_cosmetics_categories ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.widget_cosmetics_categories ul li {
    position: relative;
    padding: 10px 0;
    border-bottom: 1px solid rgba(78, 118, 97, 0.1);
    display: flex;
    align-items: center;
}

.widget_cosmetics_categories ul li:last-child {
    border-bottom: none;
}

.widget_cosmetics_categories ul li img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 10px;
    object-fit: cover;
    border: 1px solid rgba(78, 118, 97, 0.2);
}

.widget_cosmetics_categories ul li a {
    display: flex;
    align-items: center;
    color: #

}
/* shop page pagination styling */
.woocommerce nav.woocommerce-pagination {
    text-align: center;
    margin: 40px 0;
}

.woocommerce nav.woocommerce-pagination ul {
    display: inline-flex;
    border: none;
    margin: 0;
    padding: 0;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    font-family: var(--tp-ff-body);
}

.woocommerce nav.woocommerce-pagination ul li {
    border: none;
    margin: 0;
    padding: 0;
    overflow: visible;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    padding: 12px 18px;
    min-width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 16px;
    color: #333333;
    background-color: #ffffff;
    transition: all 0.3s ease;
    border-right: 1px solid #f0f0f0;
}

.woocommerce nav.woocommerce-pagination ul li:last-child a,
.woocommerce nav.woocommerce-pagination ul li:last-child span {
    border-right: none;
}

/* Current page */
.woocommerce nav.woocommerce-pagination ul li span.current {
    background: #4e7661;
    color: #ffffff;
    font-weight: 600;
    font-family: var(--tp-ff-heading);
}

/* Hover state */
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li a:focus {
    background: #e8f0ec;
    color: #4e7661;
}

/* Previous/Next buttons */
.woocommerce nav.woocommerce-pagination ul li a.prev,
.woocommerce nav.woocommerce-pagination ul li a.next {
    font-size: 14px;
    background: #f5f7f5;
    font-family: var(--tp-ff-heading);
}

.woocommerce nav.woocommerce-pagination ul li a.prev:hover,
.woocommerce nav.woocommerce-pagination ul li a.next:hover {
    background: #d6e5de;
    color: #000;
}

/* Responsive design */
@media (max-width: 480px) {
    .woocommerce nav.woocommerce-pagination ul li a,
    .woocommerce nav.woocommerce-pagination ul li span {
        padding: 8px 12px;
        min-width: 35px;
        font-size: 14px;
    }
    
    .woocommerce nav.woocommerce-pagination ul li a.prev,
    .woocommerce nav.woocommerce-pagination ul li a.next {
        font-size: 12px;
    }
}
