/*
 Theme Name:   Astra Child
 Theme URI:    https://example.com/
 Author:       Your Name
 Author URI:   https://example.com/
 Description:  A child theme for Astra. Use this theme to safely add custom CSS, PHP functions, and template overrides without losing changes when Astra is updated.
 Template:     astra
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  astra-child
 Tags:         custom-menu, custom-logo, e-commerce, blog, translation-ready
*/

/* Your custom CSS goes below */


/* Remove white box under product images */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* Remove the white portion below product image */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    margin: 0;
    padding: 0;
}

/* Position product title over image (bottom-left) */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  
    
    font-size: 14px;
    line-height: 1.4;
}

/* Make product container relative so title can be absolute */
.woocommerce ul.products li.product {
    position: relative;
}

.woocommerce span.onsale,
.elementor-widget-woocommerce-products .onsale {
    display: none !important;
}

/* Wrapper */
.cart-icon-wrapper {
    position: relative;
    display: inline-block;
}

/* Cart icon itself */
.cart-icon-wrapper i {
    font-size: 24px;       /* adjust as needed */
    color: #4F392B !important;        /* brown theme color */
}

/* Badge (count bubble) */
.cart-icon-wrapper .cart-count {
	position: absolute;
    top: -10px;
    right: -10px;
    background: #4F392B;
    color: #fff !important;
    font-size: 10px;
    border-radius: 50%;
    padding: 5px 5px;
    line-height: 1;
    min-width: 18px;
    text-align: center;
}

/* Apply brand font color only to main cart section */
body.woocommerce-cart .wc-block-cart__main,
body.woocommerce-cart .wc-block-cart__main * {
    color: #4F392B !important;
}

/* Keep Cart Totals sidebar default */
body.woocommerce-cart .wc-block-cart__sidebar,
body.woocommerce-cart .wc-block-cart__sidebar * {
    color: inherit !important;
}

/* Keep Cart icon & count default */
.cart-icon-wrapper,
.cart-icon-wrapper * {
    color: inherit !important;
}


/* Coupon Apply button */
body.woocommerce-cart .wc-block-components-totals-coupon button,
body.woocommerce-cart .wc-block-components-totals-coupon .wp-element-button {
    background-color: #4F392B !important;
    color: #fff !important;
    border: none !important;
    font-weight: 600;
    border-radius: 6px;
    transition: 0.3s;
}
body.woocommerce-cart .wc-block-components-totals-coupon button:hover,
body.woocommerce-cart .wc-block-components-totals-coupon .wp-element-button:hover {
    background-color: #3b2a20 !important; /* darker on hover */
}

/* Proceed to Checkout button */
body.woocommerce-cart .wc-block-cart__submit-button,
body.woocommerce-cart .wc-block-cart__submit-button .wc-block-components-button__text {
    background-color: #4F392B !important;
    color: #fff !important;
    border: none !important;
    font-weight: 600;
    border-radius: 6px;
    text-align: center;
    transition: 0.3s;
}
body.woocommerce-cart .wc-block-cart__submit-button:hover {
    background-color: #3b2a20 !important;
    color: #fff !important;
}


/* Keep Checkout Order Summary (right sidebar) default */
body.woocommerce-checkout .wc-block-checkout__sidebar,
body.woocommerce-checkout .wc-block-checkout__sidebar * {
    color: inherit !important;
}

/* Keep Cart icon & count default */
.cart-icon-wrapper,
.cart-icon-wrapper * {
    color: inherit !important;
}

/* Place Order button */
body.woocommerce-checkout .wc-block-components-checkout-place-order-button,
body.woocommerce-checkout .wc-block-components-checkout-place-order-button .wc-block-components-button__text {
    background-color: #4F392B !important;
    color: #fff !important;
    border: none !important;
    font-weight: 600;
    border-radius: 6px;
    text-align: center;
    transition: 0.3s;
}
body.woocommerce-checkout .wc-block-components-checkout-place-order-button:hover {
    background-color: #3b2a20 !important;
    color: #fff !important;
}

/* Return to Cart link */
body.woocommerce-checkout .wc-block-components-checkout-return-to-cart-button {
    color: #4F392B !important;
    font-weight: 600;
    text-decoration: none;
    transition: 0.3s;
}
body.woocommerce-checkout .wc-block-components-checkout-return-to-cart-button:hover {
    text-decoration: underline;
    color: #3b2a20 !important;
}

/* Checkout form section titles (Contact information, Billing address, etc.) */
body.woocommerce-checkout .wc-block-checkout__main .wc-block-components-checkout-step__title {
    color: #4F392B !important;
}

/* Checkout form field labels (Email, First name, etc.) */
body.woocommerce-checkout .wc-block-checkout__main .wc-block-components-text-input label,
body.woocommerce-checkout .wc-block-checkout__main .wc-blocks-components-select__label {
    color: #4F392B !important;
}

/* Checkout step descriptions (helper text under headings) */
body.woocommerce-checkout .wc-block-checkout__main .wc-block-components-checkout-step__description {
    color: #4F392B !important;
}

.my-shop-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #4F392B;
    padding: 6px 0;
    font-size: 13px;
    color: #4F392B;
    flex-wrap: wrap; /* allow wrapping */
    gap: 10px;
}

.my-shop-toolbar .filter-left,
.my-shop-toolbar .filter-right {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.my-shop-toolbar select {
    border: none;
    background: transparent;
    font-size: 13px;
    color: #4F392B;
    cursor: pointer;
    padding: 2px 4px;
    min-width: 110px; /* keeps dropdowns usable */
}

.my-shop-toolbar select:focus {
    outline: none;
}

.my-shop-toolbar .filter-label,
.my-shop-toolbar .sort-label {
    font-weight: 500;
    margin-right: 4px;
    color: #4F392B;
}

.my-shop-toolbar .product-count {
    margin-left: 10px;
    font-size: 13px;
    color: #4F392B;
}

/* 🔹 Responsive */
@media (max-width: 768px) {
    .my-shop-toolbar {
        flex-direction: column;
        align-items: flex-start;
    }

    .my-shop-toolbar .filter-left,
    .my-shop-toolbar .filter-right {
        width: 100%;
        justify-content: flex-start;
    }

    .my-shop-toolbar .filter-right {
        justify-content: space-between;
    }
}

@media (max-width: 480px) {
    .my-shop-toolbar .filter-right {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }

    .my-shop-toolbar .product-count {
        margin-left: 0;
    }
}




/* Product Card Wrapper */
.custom-product-card {
    list-style: none;
    border: 1px solid #eee;
    padding: 12px;
    transition: 0.3s;
    background: #fff;
}
.custom-product-card:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

/* Image */
.custom-product-card .product-thumb {
    position: relative;
    text-align: center;
    margin-bottom: 10px;
}
.custom-product-card img {
    width: 100%;
    height: auto;
    border-radius: 6px;
}

/* Sale Badge */
.custom-product-card .onsale {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #4F392B;
    color: #fff;
    font-size: 12px;
    padding: 3px 7px;
    border-radius: 3px;
}

/* Product Title */
.custom-product-card .woocommerce-loop-product__title {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 4px;
    color: #4F392B;
}

/* Category */
.custom-product-card .product-cat {
    font-size: 13px;
    color: #7a6a5a;
    margin-bottom: 6px;
}

/* Price */
.custom-product-card .price-wrap {
    font-size: 15px;
    font-weight: 600;
    color: #4F392B;
    margin-bottom: 8px;
}

/* Rating */
.custom-product-card .rating-wrap {
    margin-bottom: 10px;
}

/* Add to Cart Button */
.custom-product-card .add-to-cart-wrap .button {
    display: inline-block;
    background: #4F392B;
    color: #fff !important;
    border: none;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 14px;
    transition: 0.3s;
}
.custom-product-card .add-to-cart-wrap .button:hover {
    background: #3b2a20;
}

.astra-shop-thumbnail-wrap > a > img {
	border-radius : 8px;
}

.ht-product-image > a > img {
	border-radius : 8px;
}

.woocommerce-cart,
.woocommerce-checkout {
    font-family: 'Raleway', sans-serif !important;
}