/*
 Theme Name: BrownTrout Child
 Theme URI: https://woostify.com/
 Description: Custom child theme for BrownTrout International
 Author: BrownTrout International
 Author URI: https://woostify.com/
 Template: woostify
 Version: 1.0.0
*/

@media screen and (max-width: 767px) {

  /* Left price label */
  .w-product-filter-type-range-slider
  .noUi-handle-lower .noUi-tooltip {
    left: 0 !important;
    right: auto !important;
    transform: translateX(0) !important;
  }

  /* Right price label */
  .w-product-filter-type-range-slider
  .noUi-handle-upper .noUi-tooltip {
    left: auto !important;
    right: 0 !important;
    transform: translateX(0) !important;
  }

  /* Price label styling */
  .w-product-filter-type-range-slider
  .noUi-handle .noUi-tooltip {
    font-size: 11px !important;
    white-space: nowrap !important;
    padding: 3px 5px !important;
    box-sizing: border-box;
  }

}

/* BrownTrout - Proceed to Checkout Button */
/* Applies to Desktop, Tablet and Mobile */

body .wc-block-cart__sidebar
.wc-block-cart__submit
.wc-block-cart__submit-container
a.wc-block-cart__submit-button {
    background: #ED1C24 !important;
    background-color: #ED1C24 !important;
    border: 1px solid #ED1C24 !important;
    color: #FFFFFF !important;
    opacity: 1 !important;
}

/* Checkout button text */
body .wc-block-cart__sidebar
.wc-block-cart__submit
a.wc-block-cart__submit-button
.wc-block-components-button__text {
    color: #FFFFFF !important;
}

/* Hover and focus */
body .wc-block-cart__sidebar
.wc-block-cart__submit
a.wc-block-cart__submit-button:hover,
body .wc-block-cart__sidebar
.wc-block-cart__submit
a.wc-block-cart__submit-button:focus {
    background: #CC1620 !important;
    border-color: #CC1620 !important;
    color: #FFFFFF !important;
}

/* Hover text */
body .wc-block-cart__sidebar
.wc-block-cart__submit
a.wc-block-cart__submit-button:hover
.wc-block-components-button__text {
    color: #FFFFFF !important;
}

/* BrownTrout - Square images on mobile and tablet */

@media screen and (max-width: 1024px) {

    /* Category images */
    .woocommerce ul.products li.product-category img {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 1 / 1;
        object-fit: contain;
        display: block;
    }

    /* Product image container */
    .woocommerce ul.products li.product:not(.product-category)
    .product-loop-image-wrapper.has-equal-image-height {
        position: relative;
        width: 100%;
        height: auto !important;
        aspect-ratio: 1 / 1 !important;
        overflow: hidden;
    }

    /* Product image */
    .woocommerce ul.products li.product:not(.product-category)
    .product-loop-image-wrapper.has-equal-image-height
    img.product-loop-image {
        position: absolute !important;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
    }
}

/* BrownTrout - Mobile and Tablet Product Spacing */
@media screen and (max-width: 1024px) {
    /* Control spacing between product rows */
    .woocommerce ul.products li.product {
        margin-bottom: 20px !important;
    }

    /* Remove extra spacing inside product cards */
    .woocommerce ul.products li.product .product-loop-wrapper {
        margin-bottom: 0 !important;
    }
}

/* Mobile only */
@media screen and (max-width: 767px) {
    .woocommerce ul.products li.product {
        margin-bottom: 15px !important;
    }
}