/**
 * Issuq General — catalog product cards
 * Scoped under body.issuq-ig-product-cards; preserves theme product grid.
 */

/* Keep theme grid intact — stretch rows so cards in each row share the same height */
body.issuq-ig-product-cards .woocommerce ul.products:not(.slick-slider),
body.issuq-ig-product-cards .issuq-ig-store .seller-items ul.products {
  list-style: none !important;
  align-items: stretch;
}

body.issuq-ig-product-cards .woocommerce ul.products:not(.slick-slider) li.product,
body.issuq-ig-product-cards .issuq-ig-store .seller-items ul.products li.product {
  list-style: none !important;
  height: 100% !important;
  align-self: stretch;
  display: flex !important;
  flex-direction: column !important;
}

/* Theme adds mf-card-elevated + h-full on li.product.group — use product-inner shell only */
body.issuq-ig-product-cards .woocommerce ul.products:not(.slick-slider) li.product.group {
  height: 100% !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: 0 !important;
  overflow: visible !important;
}

/* Card shell on product-inner (theme keeps li.product as grid cell) */
body.issuq-ig-product-cards .woocommerce ul.products li.product .product-inner,
body.issuq-ig-product-cards .issuq-ig-store .seller-items ul.products li.product .product-inner {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  height: 100% !important;
  min-height: 100% !important;
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.05) !important;
  transition: box-shadow 0.2s ease;
}

body.issuq-ig-product-cards .woocommerce ul.products li.product .product-inner:hover,
body.issuq-ig-product-cards .issuq-ig-store .seller-items ul.products li.product .product-inner:hover {
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08) !important;
  transform: none;
}

/* Hide seller, hover duplicate block, loop CTAs */
body.issuq-ig-product-cards .woocommerce ul.products li.product .mf-vendor-name,
body.issuq-ig-product-cards .woocommerce ul.products li.product .sold-by-meta,
body.issuq-ig-product-cards .woocommerce ul.products li.product .mf-product-details-hover,
body.issuq-ig-product-cards .woocommerce ul.products li.product .mf-product-thumbnail .footer-button,
body.issuq-ig-product-cards .woocommerce ul.products li.product .mf-product-thumbnail .mf-product-actions,
body.issuq-ig-product-cards .woocommerce ul.products li.product .mf-product-content > .footer-button,
body.issuq-ig-product-cards .woocommerce ul.products li.product .mf-product-content .footer-button,
body.issuq-ig-product-cards .woocommerce ul.products li.product .mf-product-content .action-button,
body.issuq-ig-product-cards .woocommerce ul.products li.product .mf-product-quick-view,
body.issuq-ig-product-cards .woocommerce ul.products li.product .add_to_cart_button,
body.issuq-ig-product-cards .woocommerce ul.products li.product a.button.product_type_simple,
body.issuq-ig-product-cards .woocommerce ul.products li.product a.button.product_type_variable,
body.issuq-ig-product-cards .woocommerce ul.products li.product a.button.product_type_external,
body.issuq-ig-product-cards .woocommerce ul.products li.product a.compare,
body.issuq-ig-product-cards .woocommerce ul.products li.product .yith-wcwl-add-to-wishlist,
body.issuq-ig-product-cards .issuq-ig-store .seller-items ul.products li.product .mf-vendor-name,
body.issuq-ig-product-cards .issuq-ig-store .seller-items ul.products li.product .sold-by-meta,
body.issuq-ig-product-cards .issuq-ig-store .seller-items ul.products li.product .mf-product-details-hover,
body.issuq-ig-product-cards .issuq-ig-store .seller-items ul.products li.product .footer-button,
body.issuq-ig-product-cards .issuq-ig-store .seller-items ul.products li.product .mf-product-actions {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Thumbnail */
body.issuq-ig-product-cards .woocommerce ul.products:not(.slick-slider) li.product .mf-product-thumbnail,
body.issuq-ig-product-cards .issuq-ig-store .seller-items ul.products li.product .mf-product-thumbnail {
  aspect-ratio: 5 / 4;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 12px 12px 0 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  background: #f1f5f9 !important;
}

body.issuq-ig-product-cards .woocommerce ul.products:not(.slick-slider) li.product .mf-product-thumbnail > a,
body.issuq-ig-product-cards .issuq-ig-store .seller-items ul.products li.product .mf-product-thumbnail > a {
  display: block;
  width: 100%;
  height: 100%;
}

body.issuq-ig-product-cards .woocommerce ul.products:not(.slick-slider) li.product .mf-product-thumbnail img,
body.issuq-ig-product-cards .issuq-ig-store .seller-items ul.products li.product .mf-product-thumbnail img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block;
}

/* Card body — grows to fill row height; price sits at the bottom */
body.issuq-ig-product-cards .woocommerce ul.products:not(.slick-slider) li.product .mf-product-details,
body.issuq-ig-product-cards .issuq-ig-store .seller-items ul.products li.product .mf-product-details {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  gap: 4px !important;
  padding: 4px 8px 8px !important;
  background: #ffffff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-top: none !important;
}

body.issuq-ig-product-cards .woocommerce ul.products:not(.slick-slider) li.product .mf-product-content,
body.issuq-ig-product-cards .issuq-ig-store .seller-items ul.products li.product .mf-product-content {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  padding: 0 !important;
}

/* Flat card body (title + attrs are not inside .mf-product-content — Martfury hides that on mobile) */
body.issuq-ig-product-cards .woocommerce ul.products li.product .issuq-ig-card-body,
body.issuq-ig-product-cards .issuq-ig-store .seller-items ul.products li.product .issuq-ig-card-body {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

body.issuq-ig-product-cards .woocommerce ul.products li.product .issuq-ig-card-head,
body.issuq-ig-product-cards .issuq-ig-store .seller-items ul.products li.product .issuq-ig-card-head {
  display: block !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.issuq-ig-product-cards .woocommerce ul.products li.product .issuq-ig-card-title,
body.issuq-ig-product-cards .issuq-ig-store .seller-items ul.products li.product .issuq-ig-card-title {
  min-width: 0;
}

body.issuq-ig-product-cards .woocommerce ul.products li.product .issuq-ig-card-price,
body.issuq-ig-product-cards .issuq-ig-store .seller-items ul.products li.product .issuq-ig-card-price {
  margin-top: auto !important;
  padding-top: 2px !important;
}

/* Title */
body.issuq-ig-product-cards .woocommerce ul.products li.product h2,
body.issuq-ig-product-cards .woocommerce ul.products li.product .woocommerce-loop-product__title,
body.issuq-ig-product-cards .woocommerce ul.products li.product .issuq-ig-card-title,
body.issuq-ig-product-cards .issuq-ig-store .seller-items ul.products li.product h2 {
  font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  margin: 0 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}

body.issuq-ig-product-cards .woocommerce ul.products li.product h2 a,
body.issuq-ig-product-cards .issuq-ig-store .seller-items ul.products li.product h2 a {
  color: #0f172a !important;
  text-decoration: none !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

body.issuq-ig-product-cards .woocommerce ul.products li.product .mf-product-content .woocommerce-product-details__short-description {
  display: none !important;
}

/* Price — below attributes */
body.issuq-ig-product-cards .woocommerce ul.products li.product .mf-product-price-box,
body.issuq-ig-product-cards .issuq-ig-store .seller-items ul.products li.product .mf-product-price-box {
  display: block !important;
  margin-top: 0 !important;
  padding: 0 !important;
}

body.issuq-ig-product-cards .woocommerce ul.products li.product .issuq-ig-card-price .price,
body.issuq-ig-product-cards .woocommerce ul.products li.product .mf-product-price-box .price,
body.issuq-ig-product-cards .issuq-ig-store .seller-items ul.products li.product .mf-product-price-box .price {
  font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  color: #0f172a !important;
  margin: 0 !important;
  text-align: left !important;
  display: block !important;
  white-space: nowrap;
}

body.issuq-ig-product-cards .woocommerce ul.products li.product .price del {
  color: #94a3b8 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

body.issuq-ig-product-cards .woocommerce ul.products li.product .price ins {
  text-decoration: none;
  color: #0f172a !important;
  font-weight: 700 !important;
}

/* Attributes grid — compact 2-column spec chips */
body.issuq-ig-product-cards .issuq-ig-card-attrs,
body.issuq-ig-product-cards .woocommerce ul.products:not(.slick-slider) li.product .product-card-attributes,
body.issuq-ig-product-cards .woocommerce ul.products:not(.slick-slider) li.product .product-attributes {
  display: grid !important;
  gap: 3px !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  flex-wrap: unset !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.issuq-ig-product-cards .issuq-ig-card-attrs--count-1,
body.issuq-ig-product-cards .issuq-ig-card-attrs[data-attr-count="1"] {
  grid-template-columns: 1fr !important;
}

body.issuq-ig-product-cards .issuq-ig-card-attrs--count-3 .issuq-ig-card-attr:nth-child(3),
body.issuq-ig-product-cards .issuq-ig-card-attrs[data-attr-count="3"] .issuq-ig-card-attr:nth-child(3) {
  grid-column: 1 / -1;
  max-width: none;
  justify-self: stretch;
}

body.issuq-ig-product-cards .issuq-ig-card-attr:not(.no-pill):not([data-no-pill="1"]),
body.issuq-ig-product-cards .woocommerce ul.products li.product .card-attribute-item:not(.no-pill):not([data-no-pill="1"]) {
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  gap: 3px;
  min-height: 18px;
  min-width: 0;
  width: 100%;
  padding: 1px 5px !important;
  background: #f1f5f9 !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  overflow: hidden;
  white-space: nowrap;
}

body.issuq-ig-product-cards .issuq-ig-card-attr.no-pill,
body.issuq-ig-product-cards .issuq-ig-card-attr[data-no-pill="1"],
body.issuq-ig-product-cards .woocommerce ul.products li.product .card-attribute-item.no-pill,
body.issuq-ig-product-cards .woocommerce ul.products li.product .card-attribute-item[data-no-pill="1"] {
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  min-width: 0;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}

body.issuq-ig-product-cards .issuq-ig-card-attr::after,
body.issuq-ig-product-cards .issuq-ig-card-attr::before,
body.issuq-ig-product-cards .woocommerce ul.products li.product .card-attribute-item::after,
body.issuq-ig-product-cards .woocommerce ul.products li.product .card-attribute-item::before {
  content: none !important;
  display: none !important;
}

body.issuq-ig-product-cards .issuq-ig-card-attr .card-attribute-icon,
body.issuq-ig-product-cards .woocommerce ul.products li.product .card-attribute-icon {
  flex-shrink: 0;
  width: auto !important;
  height: auto !important;
  background: transparent !important;
  border: none !important;
  opacity: 0.7;
}

body.issuq-ig-product-cards .issuq-ig-card-attr .card-attribute-icon i,
body.issuq-ig-product-cards .woocommerce ul.products li.product .card-attribute-icon i {
  font-size: 10px !important;
  color: #64748b !important;
}

body.issuq-ig-product-cards .issuq-ig-card-attr .card-attribute-value,
body.issuq-ig-product-cards .woocommerce ul.products li.product .card-attribute-value {
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #334155 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  line-height: 1.2;
}

body.issuq-ig-product-cards .issuq-ig-card-attrs--all-no-pill {
  border-top: none !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
  column-gap: 8px !important;
  row-gap: 3px !important;
}

body.issuq-ig-product-cards .product-card-attributes .card-attribute-item:nth-child(n+3),
body.issuq-ig-product-cards .issuq-ig-card-attrs .issuq-ig-card-attr:nth-child(n+3) {
  display: inline-flex !important;
}

/* List view — natural height per item */
body.issuq-ig-product-cards .woocommerce.shop-view-list ul.products:not(.slick-slider) li.product,
body.issuq-ig-product-cards body.shop-view-list .woocommerce ul.products:not(.slick-slider) li.product {
  height: auto !important;
}

body.issuq-ig-product-cards .woocommerce.shop-view-list ul.products:not(.slick-slider) li.product .product-inner,
body.issuq-ig-product-cards body.shop-view-list .woocommerce ul.products:not(.slick-slider) li.product .product-inner {
  height: auto !important;
  min-height: 0 !important;
}

body.issuq-ig-product-cards .woocommerce.shop-view-list ul.products:not(.slick-slider) li.product .issuq-ig-card-price,
body.issuq-ig-product-cards body.shop-view-list .woocommerce ul.products:not(.slick-slider) li.product .issuq-ig-card-price {
  margin-top: 2px !important;
}

/* List view */
body.issuq-ig-product-cards .woocommerce.shop-view-list ul.products:not(.slick-slider) li.product .product-inner,
body.issuq-ig-product-cards body.shop-view-list .woocommerce ul.products:not(.slick-slider) li.product .product-inner {
  flex-direction: row !important;
  gap: 16px;
  padding: 12px;
}

body.issuq-ig-product-cards .woocommerce.shop-view-list .issuq-ig-card-attrs,
body.issuq-ig-product-cards body.shop-view-list .issuq-ig-card-attrs {
  display: flex !important;
  flex-wrap: wrap !important;
  grid-template-columns: unset !important;
}

body.issuq-ig-product-cards .woocommerce.shop-view-list ul.products li.product .mf-product-price-box .price,
body.issuq-ig-product-cards body.shop-view-list .woocommerce ul.products li.product .mf-product-price-box .price {
  text-align: left !important;
}

@media (max-width: 767px) {
  body.issuq-ig-product-cards .woocommerce ul.products:not(.slick-slider) li.product .mf-product-details,
  body.issuq-ig-product-cards .issuq-ig-store .seller-items ul.products li.product .mf-product-details {
    padding: 3px 7px 7px !important;
    gap: 3px !important;
  }

  body.issuq-ig-product-cards .woocommerce ul.products li.product h2,
  body.issuq-ig-product-cards .issuq-ig-store .seller-items ul.products li.product h2 {
    font-size: 12px !important;
    line-height: 1.25 !important;
  }

  body.issuq-ig-product-cards .woocommerce ul.products li.product .issuq-ig-card-price .price,
  body.issuq-ig-product-cards .woocommerce ul.products li.product .mf-product-price-box .price,
  body.issuq-ig-product-cards .issuq-ig-store .seller-items ul.products li.product .mf-product-price-box .price {
    font-size: 12px !important;
    text-align: left !important;
  }

  body.issuq-ig-product-cards .issuq-ig-card-attr:not(.no-pill):not([data-no-pill="1"]),
  body.issuq-ig-product-cards .woocommerce ul.products li.product .card-attribute-item:not(.no-pill):not([data-no-pill="1"]) {
    min-height: 17px;
    padding: 1px 4px !important;
  }

  body.issuq-ig-product-cards .issuq-ig-card-attr .card-attribute-value,
  body.issuq-ig-product-cards .woocommerce ul.products li.product .card-attribute-value {
    font-size: 10px !important;
  }
}

/* Martfury hides .mf-product-price-box below 991px (legacy hover cards). */
@media (max-width: 991px) {
  body.issuq-ig-product-cards .woocommerce ul.products li.product .product-inner .mf-product-price-box,
  body.issuq-ig-product-cards .woocommerce ul.products li.product .product-inner .issuq-ig-card-price,
  body.issuq-ig-product-cards .issuq-ig-store .seller-items ul.products li.product .product-inner .mf-product-price-box,
  body.issuq-ig-product-cards .issuq-ig-store .seller-items ul.products li.product .product-inner .issuq-ig-card-price {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  body.issuq-ig-product-cards .woocommerce ul.products li.product .issuq-ig-card-body .issuq-ig-card-title,
  body.issuq-ig-product-cards .woocommerce ul.products li.product .issuq-ig-card-head,
  body.issuq-ig-product-cards .woocommerce ul.products li.product .issuq-ig-card-body .issuq-ig-card-attrs,
  body.issuq-ig-product-cards .woocommerce ul.products li.product .issuq-ig-card-body .product-card-attributes {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  body.issuq-ig-product-cards .woocommerce ul.products li.product .issuq-ig-card-body .issuq-ig-card-attrs,
  body.issuq-ig-product-cards .woocommerce ul.products li.product .issuq-ig-card-body .product-card-attributes {
    display: grid !important;
  }

  body.issuq-ig-product-cards .woocommerce ul.products li.product .product-inner .mf-product-details-hover,
  body.issuq-ig-product-cards .issuq-ig-store .seller-items ul.products li.product .product-inner .mf-product-details-hover {
    display: none !important;
  }
}