/*! Gladiatrix 2.0.8 · Tienda: the product cards of the shop's lists (categories, tags, search, related products) with
 *  the presence of the new home's catalogue (includes/shop.php): the name in Shrikhand, bigger and in the site's green,
 *  the price big and bold, the old price struck through, «IVA incl.» readable. Only how they look: names, prices and
 *  everything else still come from WooCommerce as they are. The site's «CSS adicional» makes every h2 extra-light with
 *  !important, so the name needs !important too. The fonts are the home's own, under names of their own. */
@font-face { font-family: "Gladiatrix Shrikhand"; src: url("../home/fonts/Shrikhand-latin.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Gladiatrix Karla"; src: url("../home/fonts/Karla-latin.woff2") format("woff2"); font-weight: 400 800; font-style: normal; font-display: swap; }

html body ul.products li.product .woocommerce-loop-product__title {
  margin: 4px 0 10px;
  padding: 0;
  color: #304f5a;
  font-family: "Gladiatrix Shrikhand", "Shrikhand", Georgia, serif !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 1.22 !important;
  letter-spacing: .1px;
  text-transform: none;
  text-wrap: pretty;
}
html body ul.products li.product .price {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: center;
  gap: 2px 8px;
  margin: 0 0 8px;
  color: #304f5a;
  font-family: "Gladiatrix Karla", "Karla", system-ui, sans-serif;
  font-size: 24px !important;   /* (the theme's own price size wins otherwise) */
  font-weight: 800 !important;
  line-height: 1.15;
  font-variant-numeric: tabular-nums;
}
html body ul.products li.product .price .woocommerce-Price-amount,
html body ul.products li.product .price ins { color: inherit; font-size: inherit; font-weight: inherit; text-decoration: none; background: none; }
html body ul.products li.product .price del { order: -1; color: #304f5a; font-size: 18px !important; font-weight: 700 !important; opacity: .7; text-decoration-thickness: 2px; }
html body ul.products li.product .price del .woocommerce-Price-amount { font-size: inherit; font-weight: inherit; }
html body ul.products li.product .price .woocommerce-price-suffix { flex-basis: auto; color: #304f5a; font-size: 16px !important; font-weight: 700 !important; opacity: .8; }

/* phones: two narrow columns; a little smaller and with less side padding, so a name keeps to two or three lines */
@media (max-width: 767px) {
  html body ul.products li.product .astra-shop-summary-wrap { padding-left: 4px !important; padding-right: 4px !important; }
  html body ul.products li.product .woocommerce-loop-product__title { font-size: 16px !important; }
  html body ul.products li.product .price { font-size: 22px !important; }
  html body ul.products li.product .price del { font-size: 17px !important; }
  html body ul.products li.product .price .woocommerce-price-suffix { flex-basis: 100%; }
}