/**
 * Shop / category archive layout helpers.
 */

#woor,
.category .col-lg-9 > .category-heading {
  display: flex;
  flex-wrap: wrap;
}

#woor > .col-6,
#woor > .col-12,
.category-heading > .col-6,
.category-heading > .col-12 {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  min-width: 0;
}

.category-heading > .woocommerce-notices-wrapper,
.category-heading > .woocommerce-result-count,
.category-heading > .woocommerce-ordering,
.category-heading > nav.woocommerce-pagination,
.category-heading > .pg1 {
  flex: 0 0 100%;
  max-width: 100%;
  width: 100%;
}

#woor .product {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
}

#woor .product .detail {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

/* Ventura cards (value-22) inside Bootstrap shop columns */
#woor .col-6 .kvt-card,
#woor .col-12 .kvt-card,
.category-heading > .col-6 .kvt-card,
.category-heading > .col-12 .kvt-card {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  box-sizing: border-box;
}

@media (max-width: 991.98px) {
  #woor > .col-6,
  .category-heading > .col-6 {
    flex: 0 0 50%;
    max-width: 50%;
    width: 50%;
    min-width: 0;
  }

  #woor > .col-12,
  .category-heading > .col-12 {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    min-width: 0;
  }

  #woor.row-mobile > .col-6 {
    flex: 0 0 50%;
    max-width: 50%;
    width: 50%;
  }

  #woor.row-mobile > .col-12 {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
  }

  #woor .col-6 .kvt-card__foot,
  .category-heading > .col-6 .kvt-card__foot {
    flex-wrap: nowrap;
    gap: 6px;
  }

  #woor .col-6 .kvt-card__price,
  .category-heading > .col-6 .kvt-card__price {
    width: auto;
    flex: 1 1 auto;
    min-width: 0;
  }

  #woor .col-6 .kvt-card__title,
  #woor .col-6 .kvt-card__title a,
  .category-heading > .col-6 .kvt-card__title,
  .category-heading > .col-6 .kvt-card__title a {
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  #woor .col-6 .kvt-price__current,
  #woor .col-6 .kvt-price__amount,
  .category-heading > .col-6 .kvt-price__current,
  .category-heading > .col-6 .kvt-price__amount {
    font-size: 0.75rem;
    white-space: normal;
  }

  #woor .col-6 .kvt-card__cart--icon,
  .category-heading > .col-6 .kvt-card__cart--icon {
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
  }

  .category .col-lg-9 > .category-heading {
    margin-inline: -4px;
  }

  .category-heading > .col-6,
  .category-heading > .col-12 {
    padding-inline: 4px;
    margin-bottom: 12px;
  }
}

@media (max-width: 575.98px) {
  #woor.row-mobile {
    margin-left: -8px;
    margin-right: -8px;
    row-gap: 16px;
  }

  #woor.row-mobile > .col-6,
  #woor.row-mobile > .col-12 {
    padding-left: 4px;
    padding-right: 4px;
  }

  #woor.row {
    margin-left: -8px;
    margin-right: -8px;
    row-gap: 16px;
  }

  #woor.row > .col-6,
  #woor.row > .col-12 {
    padding-left: 4px;
    padding-right: 4px;
  }
}
