/* ============================================================
   Foundation Aminos — Shop archive styles
   Targets NATIVE WooCommerce loop output (li.product) on the
   shop archive + product taxonomies. Loaded only there via
   is_shop()/is_product_category() in the child theme.
   The card is restructured by fa_shop_loop_hooks() in the
   foundation-aminos-core plugin:
     li.product
       a.woocommerce-loop-product__link  (img, title, vial)
       div.fa-card-foot                   (price, add-to-cart)
   Base card chrome (border/radius/shadow/hover) comes from
   global.css; this file refines the shop-specific internals.
   Version 3.0.0
   ============================================================ */

/* ----------------------------------------------------------
   Card shell — flex column so the footer can sit at the bottom
   ---------------------------------------------------------- */
.woocommerce ul.products li.product {
  display: flex !important;
  flex-direction: column !important;
  padding: 0 !important;
}

/* Product link wraps image + title + vial */
.woocommerce ul.products li.product a.woocommerce-loop-product__link {
  display: flex !important;
  flex-direction: column !important;
  text-decoration: none !important;
}

/* ----------------------------------------------------------
   Product image — square, fills top of card
   ---------------------------------------------------------- */
.woocommerce ul.products li.product a.woocommerce-loop-product__link img {
  width: 100% !important;
  aspect-ratio: 1 / 1;
  height: auto !important;
  object-fit: cover;
  display: block !important;
  margin: 0 !important;
  background: #F6F9FC;
}

/* ----------------------------------------------------------
   Title
   ---------------------------------------------------------- */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #0A1628 !important;
  line-height: 1.3 !important;
  padding: 14px 16px 2px !important;
  margin: 0 !important;
}
.woocommerce ul.products li.product a.woocommerce-loop-product__link:hover .woocommerce-loop-product__title {
  color: #1954AC !important;
}

/* ----------------------------------------------------------
   Vial size — muted label directly under the title
   ---------------------------------------------------------- */
.woocommerce ul.products li.product .fa-vial-size {
  display: block;
  font-family: 'Manrope', sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #64748B;
  letter-spacing: 0.02em;
  padding: 0 16px 12px;
}

/* ----------------------------------------------------------
   Footer row — price on the left, add-to-cart on the right
   ---------------------------------------------------------- */
.woocommerce ul.products li.product .fa-card-foot {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px;
  padding: 0 16px 16px !important;
  margin-top: auto !important;   /* pin to bottom for equal-height rows */
}

.woocommerce ul.products li.product .fa-card-foot .price {
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  color: #0A1628 !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  flex-shrink: 0;
}
.woocommerce ul.products li.product .fa-card-foot .price del {
  color: #94A3B8 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  margin-right: 4px;
}
.woocommerce ul.products li.product .fa-card-foot .price ins {
  text-decoration: none !important;
  color: #1954AC !important;
}

/* Add-to-cart button — right aligned */
.woocommerce ul.products li.product .fa-card-foot a.button {
  background-color: #1954AC !important;
  color: #FFFFFF !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  border-radius: 12px !important;
  height: 40px !important;
  padding: 0 16px !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap;
  border: none !important;
  box-shadow: none !important;
  transition: background-color 120ms ease, box-shadow 180ms cubic-bezier(0.16,1,0.3,1) !important;
}
.woocommerce ul.products li.product .fa-card-foot a.button:hover {
  background-color: #133F84 !important;
  box-shadow: 0 4px 12px -2px rgba(10,33,72,0.10), 0 2px 4px -2px rgba(10,33,72,0.06) !important;
}
.woocommerce ul.products li.product .fa-card-foot a.button:active {
  background-color: #0E2F65 !important;
  transform: translateY(1px);
}
/* "View cart" link that appears after AJAX add — keep it from breaking the row */
.woocommerce ul.products li.product .fa-card-foot a.added_to_cart {
  display: none !important;
}

/* ----------------------------------------------------------
   Responsive — keep the button readable when cards narrow
   ---------------------------------------------------------- */
@media (max-width: 767px) {
  .woocommerce ul.products li.product .fa-card-foot {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }
  .woocommerce ul.products li.product .fa-card-foot a.button {
    width: 100%;
  }
}

/* ----------------------------------------------------------
   Product search — replaces the native sort dropdown in the
   shop toolbar. Output by fa_shop_search_form() in the
   foundation-aminos-core plugin. Submits ?s=…&post_type=product.
   ---------------------------------------------------------- */
.woocommerce .fa-shop-search {
  float: right;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  max-width: 280px;
  height: 44px;
  margin: 0 0 1em;
  padding: 0 14px;
  background: #FFFFFF !important;
  border: 1px solid #CBD5E1 !important;
  border-radius: 10px;
  box-shadow: none;
  transition: border-color 180ms cubic-bezier(0.16,1,0.3,1), box-shadow 180ms cubic-bezier(0.16,1,0.3,1);
}
.woocommerce .fa-shop-search:focus-within {
  border-color: #1954AC !important;
  box-shadow: 0 0 0 3px rgba(25,84,172,0.24);
}
.woocommerce .fa-shop-search__icon {
  color: #64748B;
  flex: 0 0 auto;
}
.woocommerce .fa-shop-search:focus-within .fa-shop-search__icon {
  color: #1954AC;
}
.woocommerce .fa-shop-search__input {
  flex: 1 1 auto;
  min-width: 0;
  border: none !important;
  outline: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  font-family: 'Manrope', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #0A1628;
  height: auto !important;
}
.woocommerce .fa-shop-search__input::placeholder { color: #94A3B8; }
.woocommerce .fa-shop-search__input::-webkit-search-decoration,
.woocommerce .fa-shop-search__input::-webkit-search-cancel-button { -webkit-appearance: none; }

@media (max-width: 767px) {
  .woocommerce .fa-shop-search { float: none; max-width: 100%; margin-top: 8px; }
}

/* ----------------------------------------------------------
   Breadcrumb — breathing room below the sticky nav
   ---------------------------------------------------------- */
.woocommerce .woocommerce-breadcrumb {
  padding-top: 32px;
}