@charset "UTF-8";
/**
 * SAF-372 — Styles for [dash_loved_again].
 *
 * This does NOT define its own card markup — it restyles the shared
 * .product-search-result / .product-card markup that
 * [educator_customer_dashboard_products] (product-search-override.php)
 * already outputs, same underlying DOM the Shop page and every other
 * [product_search_result] usage on the site shares (built client-side by
 * assets/js/scripts.js). Every selector below is scoped under
 * .edash-loved-again AND still includes .edash-product-search-override, so
 * specificity (0,3,0) always beats both style.css's base grid rule and
 * product-search-override.css's 4-column override (also (0,2,0) each) —
 * regardless of which stylesheet happens to be enqueued last.
 *
 * No build tool exists in this repo, so this .css and its .scss twin must
 * be kept byte-identical on every edit.
 */
.edash-loved-again .edash-product-search-override .product-search-result {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.edash-loved-again .edash-product-search-override .product-card {
  display: grid;
  grid-template-columns: 100px 1fr;
  grid-template-areas: "image category" "image title" "image options" "image meta" "price price";
  column-gap: 16px;
  row-gap: 4px;
  background: #fff;
  border: 1px solid #E4E7EC;
  border-radius: 16px;
  padding: 20px;
  box-sizing: border-box;
}

.edash-loved-again .edash-product-search-override .product-card .image-wrapper {
  grid-area: image;
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 12px;
  overflow: hidden;
  background: #F2F4F7;
}

.edash-loved-again .edash-product-search-override .product-card .image-wrapper img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.edash-loved-again .edash-product-search-override .product-card .category {
  grid-area: category;
  align-self: end;
  color: #0168A5;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.edash-loved-again .edash-product-search-override .product-card .title {
  grid-area: title;
  align-self: start;
  color: #1D2939;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
  text-decoration: none;
}

.edash-loved-again .edash-product-search-override .product-card .options-wrapper {
  grid-area: options;
}

/* Injected by assets/js/loved-again.js — see edash_loved_again_data. */
.edash-loved-again .edash-product-search-override .product-card .edash-loved-again-meta {
  grid-area: meta;
  color: #98A2B3;
  font-size: 12px;
}

.edash-loved-again .edash-product-search-override .product-card .price-wrapper {
  grid-area: price;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 8px;
  padding-top: 12px;
  border-top: 1px solid #F2F4F7;
}

.edash-loved-again .edash-product-search-override .product-card .price-wrapper .price {
  color: #1D2939;
  font-size: 18px;
  font-weight: 700;
  white-space: nowrap;
}

.edash-loved-again .edash-product-search-override .product-card .price-wrapper .button-container {
  display: flex;
  align-items: center;
  gap: 8px;
}

.edash-loved-again .edash-product-search-override .product-card .price-wrapper .qty {
  width: 44px;
  padding: 8px 4px;
  border: 1px solid #E4E7EC;
  border-radius: 8px;
  text-align: center;
  font-size: 14px;
  box-sizing: border-box;
}

.edash-loved-again .edash-product-search-override .product-card .price-wrapper .add-to-cart {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 16px;
  border: none;
  border-radius: 999px;
  background: #8BC251;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 0.15s ease;
}

.edash-loved-again .edash-product-search-override .product-card .price-wrapper .add-to-cart:hover {
  background: #79ab45;
}

@media (max-width: 900px) {
  .edash-loved-again .edash-product-search-override .product-search-result {
    grid-template-columns: 1fr;
  }
}/*# sourceMappingURL=loved-again.css.map */