/* ============================================================
   Solas Science - Catalog product card  (v2)
   Updated 2026-08-21

   1. Testing chip sits at the very bottom of the card, below the
      Add to Cart button.
   2. On NEWTEN20 sale cards the floor-price box and the testing chip
      are merged into ONE panel with a hairline divider between them.
   3. On every other card the chip is a quiet hairline + text, no box.
   4. The gold moved OFF the chip and onto the whole white card as a
      soft halo that brightens on hover.
   5. The NEWTEN20 countdown banner at the top of the catalog is hidden.

   NOTE: the chip carries INLINE styles written by snippet 9027, so
   every visual property below needs !important. Selectors are prefixed
   'html body' to outrank the mobile rules in the other snippets.
   Card lift, border-colour and the ::after gradient wipe come from the
   card snippet and are untouched - only box-shadow is overridden here.
   ============================================================ */

/* 1. ORDER INSIDE THE CARD -------------------------------------- */
html body .hfe-woo-products-grid .hfe-product-content .hfe-product-category    { order: 1; }
html body .hfe-woo-products-grid .hfe-product-content .hfe-product-title       { order: 2; }
html body .hfe-woo-products-grid .hfe-product-content .hfe-product-rating      { order: 3; }
html body .hfe-woo-products-grid .hfe-product-content .hfe-product-price       { order: 4; }
html body .hfe-woo-products-grid .hfe-product-content .hfe-product-add-to-cart { order: 5; }
html body .hfe-woo-products-grid .hfe-product-content .solas-n20-floor         { order: 6; }
html body .hfe-woo-products-grid .hfe-product-content span.solas-six-badge     { order: 7; }

/* 2. TESTING CHIP - quiet default (cards with no sale panel) ----- */
html body .hfe-woo-products-grid .hfe-product-content span.solas-six-badge {
  display: flex !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 16px 0 0 0 !important;
  padding: 9px 0 0 0 !important;
  background: none !important;
  border: 0 !important;
  border-top: 1px solid rgba(46,91,154,.13) !important;
  border-radius: var(--solas-radius-rect, 4px) !important;
  box-shadow: none !important;
  color: #5A6B80 !important;
  font-size: 9.5px !important;
  font-weight: 700 !important;
  letter-spacing: .07em !important;
}
html body .hfe-woo-products-grid span.solas-six-badge svg { opacity: .55; }

/* 3. SALE CARDS - merge floor-price box + chip into ONE panel --- */
/* The :has() guards matter: a few sale products carry a floor-price
   box but no testing chip, and vice versa. Without the guard the top
   half would render with an open, un-rounded bottom edge. If a browser
   does not support :has() both rules are skipped and the two elements
   simply render as separate blocks - no broken edges either way. */
html body .hfe-woo-products-grid .solas-n20 .hfe-product-content:has(> span.solas-six-badge) > .solas-n20-floor {
  width: 100%;
  max-width: none;
  margin: 16px 0 0 0;
  padding-bottom: 8px;
  border-bottom: 0;
  border-radius: 12px 12px 0 0;
}
html body .hfe-woo-products-grid .solas-n20 .hfe-product-content:has(> .solas-n20-floor) > span.solas-six-badge {
  margin: 0 !important;
  padding: 8px 10px 9px !important;
  background: rgba(46,91,154,.06) !important;
  border: 1px solid rgba(46,91,154,.14) !important;
  border-top: 1px solid rgba(46,91,154,.14) !important;
  border-radius: 0 0 12px 12px !important;
}

/* 4. SOFT GOLD HALO AROUND THE WHOLE CARD ----------------------- */
html body .hfe-woo-products-grid .hfe-product-item,
html body .stp-card {
  box-shadow: var(--solas-shadow, 0 10px 30px rgba(30,69,116,.08)) !important; /* gold halo removed 16 Sep 2026 */
}
html body .hfe-woo-products-grid .hfe-product-item:hover,
html body .stp-card:hover {
  box-shadow: 0 18px 40px rgba(30,69,116,.14) !important; /* gold halo removed 16 Sep 2026 */
}
/* the Best Sellers rail scrolls - give the halo room so it is not clipped */
html body .stp-rail { padding-top: 14px; padding-bottom: 22px; }

/* 5. MOBILE ----------------------------------------------------- */
@media (max-width: 767px) {
  html body .hfe-woo-products-grid .hfe-product-content span.solas-six-badge {
    font-size: 9px !important;
    letter-spacing: .05em !important;
  }
  html body .hfe-woo-products-grid .solas-n20 .hfe-product-content:has(> .solas-n20-floor) > span.solas-six-badge {
    padding: 7px 6px 8px !important;
  }
}

/* 6. HIDE THE NEWTEN20 COUNTDOWN BANNER AT TOP OF CATALOG ------- */
/* Built by snippet 9027 as id solas-n20-cd. Hiding it here leaves that
   snippet untouched, so per-card 20% flags, floor-price boxes and the
   header countdown chip keep working. Delete this rule to restore it. */
#solas-n20-cd { display: none !important; }