/**
 * Amir Stone - Shop / Product Archive
 * Child Theme Custom Styles
 */


/* ========================================
   Product Add To Cart
======================================== */

.products .wd-product .wd-add-btn {
    background-color: #CC6C24 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}


/* Add to cart button */
.products .wd-product .wd-add-btn > a {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    min-height: 40px !important;

    background-color: #CC6C24 !important;
    color: #FFFFFF !important;

    border: none !important;
    border-radius: 10px 0 0 10px !important;

    transition: all 0.3s ease !important;
}


/* Quantity container */
.products .wd-product .wd-add-btn .quantity {
    background-color: #CC6C24 !important;

    border-radius: 0 10px 10px 0 !important;

    overflow: hidden !important;
}


/* Quantity number */
.products .wd-product .wd-add-btn .quantity input.qty {
    background-color: #CC6C24 !important;
    color: #FFFFFF !important;

    border: none !important;
    box-shadow: none !important;
}


/* Plus / Minus buttons */
.products .wd-product .wd-add-btn .quantity .plus,
.products .wd-product .wd-add-btn .quantity .minus {
    background-color: #CC6C24 !important;
    color: #FFFFFF !important;

    border: none !important;
}


/* ========================================
   Add To Cart Hover
======================================== */

.products .wd-product .wd-add-btn:hover,
.products .wd-product .wd-add-btn:hover > a,
.products .wd-product .wd-add-btn:hover .quantity,
.products .wd-product .wd-add-btn:hover .quantity input.qty,
.products .wd-product .wd-add-btn:hover .quantity .plus,
.products .wd-product .wd-add-btn:hover .quantity .minus,
.products .wd-product .wd-add-btn > a:hover {
    background-color: #B85F20 !important;
}


.products .wd-product .wd-add-btn > a:hover {
    color: #FFFFFF !important;
}


.products .wd-product .wd-add-btn.wd-add-btn-replace {
    border-radius: 10px !important;
    overflow: hidden !important;
}


/* ========================================
   Legacy Add To Cart Button
======================================== */

.products a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.add-to-cart-loop {
    background-color: #CC6C24;
}


.products a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.add-to-cart-loop:hover {
    background-color: #CC6C24;
}


/* ========================================
   Shop Pagination
======================================== */

.woocommerce-pagination ul.page-numbers {
    display: flex;

    align-items: center;
    justify-content: center;

    gap: 6px;

    border: none !important;
    border-radius: 50px;
}


.woocommerce-pagination ul.page-numbers li {
    border: none !important;
    border-radius: 50px;
}


.woocommerce-pagination .page-numbers a,
.woocommerce-pagination .page-numbers span {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 38px;
    height: 38px;

    background: #FAF8F3;
    color: #2F3E46;

    border: 1px solid #EEE8DF;
    border-radius: 50px !important;

    font-size: 14px;
    font-weight: 500;

    transition: all 0.25s ease;
}


.woocommerce-pagination .page-numbers .current {
    background: #CC6C24 !important;
    color: #FFFFFF !important;

    border-color: #CC6C24 !important;
}


.woocommerce-pagination .page-numbers a:hover {
    background: #CC6C24;
    color: #FFFFFF;

    border-color: #CC6C24;
}


/* ========================================
   Price Filter
======================================== */

div.ui-slider-range.ui-corner-all.ui-widget-header {
    background-color: #CC6C24 !important;
}


span.ui-slider-handle.ui-corner-all.ui-state-default::after {
    background-color: #CC6C24 !important;
}


/* ========================================
   Product Prices
======================================== */

.products .price > .amount,
.products .price ins .amount {
    color: #CC6C24 !important;
}


.products .price del .amount {
    color: #999999 !important;
}


/* WooCommerce price text */
.products .woocommerce-Price-amount,
.products .woocommerce-Price-amount bdi,
.products .woocommerce-Price-currencySymbol {
    color: #CC6C24;
}


/* ========================================
   Product Image / Thumbnail
======================================== */

div.wd-product-thumb.product-element-top.wd-quick-shop {
    border-radius: 10px;
}


/* ========================================
   Sidebar Product Prices
======================================== */

.product_list_widget .price,
.product_list_widget .price .amount,
.product_list_widget .price bdi,
.product_list_widget .price .woocommerce-Price-currencySymbol {
    color: #CC6C24 !important;
}


/* ========================================
   Products Grid Spacing
======================================== */

div.products.wd-products.wd-grid-g.grid-columns-3.elements-grid.pagination-pagination.wd-loop-builder-off.wd-quantity-enabled {
    gap: 40px;
}


/* ========================================
   Mini Cart Checkout Button
======================================== */

a.button.checkout.wc-forward {
    background-color: #CC6C24;

    border-radius: 10px;
}