/*
Theme Name: Botiga Child
Theme URI: http://athemes.com/theme/botiga
Author: aThemes
Author URI: http://athemes.com
Template: botiga
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: botiga
*/

/* Woocommerce checkout country and zipcode correct size */
@media (min-width: 768px) {
  #billing_country_field,
  #billing_postcode_field {
    -ms-flex: 0 0 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
  #billing_state_field {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

/* Botiga header search icon visually align with other icons */
.bhfb-main_header_row .bhfb-component-search {
    margin-bottom: 3px;
}

/* Woocommerce archive description read more & read less styles */
.subz-woo-term-description {
  position: relative;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}
.subz-woo-term-description.expanded .subz-woo-term-description-content p:last-child {
  margin-bottom: 0px !important;
}
.subz-woo-term-description.collapsed {
  max-height: 105px;
}
.subz-woo-term-description.expanded {
  max-height: 40000px;
}
.subz-woo-term-description-content {
  margin: 0;
  padding: 0;
}
.subz-woo-term-description.collapsed::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0),
    rgba(255, 255, 255, 1)
  );
  pointer-events: none;
}
.subz-toggle-read-more-button {
  background: none;
  border: none;
  padding: 0;
  margin-top: 10px;
  font: inherit;
  cursor: pointer;
  text-decoration: none;
  color: var(--bt-color-link-default, #cf303a) !important;
}
.subz-toggle-read-more-button:hover {
  color: var(--bt-color-link-hover, #d5495b) !important;
}
.subz-woo-term-description.collapsed
  + .subz-toggle-read-more-button
  .subz-toggle-read-less-text,
.subz-woo-term-description.expanded
  + .subz-toggle-read-more-button
  .subz-toggle-read-more-text {
  display: none;
}
@media (max-width: 990px) {
  .subz-toggle-read-more-button {
    margin-bottom: 36px;
  }
}

/* Botiga filter titles smaller and less margin */
.btsf-filter-wrapper .btsf-filter h4 {
  font-size: var(--bt-font-size-h5, 18px) !important;
  margin-bottom: 0px !important;
}

/* Botiga filter mobile style */
@media (max-width: 768px) {
    /* 1. The container positions the element, but has NO size/style itself */
    .botiga-sorting-left-inner {
        position: fixed !important;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 999;
        width: max-content;
        max-width: 90%;
    }

    /* 2. The clickable link now gets all the visual styling and size */
    .botiga-sorting-left-inner .sidebar-open {
        display: flex; /* Keeps icon and text aligned */
        align-items: center;
        justify-content: center;
        background-color: rgba(255, 255, 255, 0.95);
        backdrop-filter: blur(5px);
        border: 1px solid #919191;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
        border-radius: 6px;
        padding: 12px 30px; 
        text-decoration: none;
        color: inherit;
        width: 100%;
    }
}

/* Woocommerce product archive, product card padding */
ul.wc-block-grid__products li.wc-block-grid__product, ul.wc-block-grid__products li.product, ul.products li.wc-block-grid__product, ul.products li.product {
  padding: 12px !important;
}