.view-toggle-label {
  cursor: pointer;
  display: inline-block;
  padding-left: 32px;
  background: left center / 14px no-repeat url('../../../../assets/images/default/radio.svg');
  transition: background-color 0.3s ease;
}

input[type="radio"]:checked+.view-toggle-label {
  background-image: url('../../../../assets/images/default/radio-checked.svg');
}


input[type="radio"][name="view-style"] {
  /* Visually hide the input but keep it accessible for screen readers and keyboard navigation */
  opacity: 0;
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  padding: 0;
  border: 0;
}

body.woocommerce.list-view ul.products {
  display: flex;
  flex-direction: column;
  gap: 1rem;

  li.product {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;

    /* price */
    .price {
      font-size: .75rem;
      margin-bottom: 0;
    }

    .product-short-description {
      font-size: .75rem;
    }
  }
}

@media (max-width: 576px) {
  body.woocommerce.list-view ul.products {
    gap: .5rem;

    li.product {
      gap: .75rem;
    }
  }
}

/* Loading indicator */
body.woocommerce ul.products.loading {
  opacity: 0.25;
  pointer-events: none;
  filter: blur(10px);
}


/*===============================================
// theme specific styles
===============================================*/

/* WooCommerce Grid View */
body.woocommerce.grid-view ul.products {
  li.product {
    .thumbnail-wrapper {
      aspect-ratio: 1/1;

    }
  }
}

/* WooCommerce List View */
body.woocommerce.list-view ul.products {
  li.product {
    flex-direction: row;

    .thumbnail-wrapper {
      justify-content: flex-start;
      width: 100%;
      max-width: 100px;
      flex-grow: 1;
      aspect-ratio: 1 / 1;

      img {
        margin-bottom: 0;
      }
    }

    .woocommerce-loop-product__link {
      display: flex;
      gap: 1rem;
    }

    .woocommerce-loop-product__link+.flex {
      flex-direction: column;
      align-items: flex-end;
      min-width: 120px;
    }

    @media (max-width: 480px) {
      flex-direction: column;
      margin-bottom: .75rem;

      .thumbnail-wrapper {
        flex-wrap: wrap;
        align-self: flex-start;
      }

      .woocommerce-loop-product__link+.flex {
        flex-direction: row;
        align-items: center;
        gap: 1rem;
      }
    }
  }
}


/* List item */
.list-view-item {
  .card-body {
    padding-top: 0;

    .tags-links:first-of-type {
      margin-left: -0.5rem;
      /* compensate for the tags padding-x */
    }
  }

}