/* ============================================================================
   AI Claude Search — styles for the front-end enhancements  (5.4.29)

   Everything in here used to be injected from JavaScript, or written as a
   style="" attribute on the element. It is a stylesheet now so it can be
   changed over FTP without touching any code, and so it can be overridden the
   normal way.

   Loaded by:
     views/templates/front/testpage.html   (the results page)
     aiclaudesearch.php                    (everywhere else)
   ========================================================================== */

/* ---- product description on the cards ----------------------------------- */
/* Clamped to three lines so one long description cannot push a card out of
   line with the ones beside it. */
.acs-sg-desc,
.acs-rp-desc {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #6d7b91;
}

/* dropdown card */
.acs-sg-desc {
  font-size: 11.5px;
  line-height: 1.35;
  margin: 4px 0 6px;
}

/* results grid card */
.acs-rp-desc {
  font-size: 12px;
  line-height: 1.4;
  margin: 5px 0 8px;
}

/* ---- click the CE code to copy it --------------------------------------- */
.acs-rp-code,
.acs-sg-sku {
  cursor: pointer;
}
.acs-rp-code:hover,
.acs-sg-sku:hover {
  text-decoration: underline;
}
.acs-copied {
  color: #0f7b4f !important;
  font-weight: 700;
}

/* ---- "Show more products" ------------------------------------------------ */
.acs-rp-morewrap {
  text-align: center;
  margin: 22px 0 4px;
}
.acs-rp-more {
  border: 1px solid #dde6ef;
  background: #fff;
  color: #16244a;
  font: inherit;
  font-weight: 600;
  padding: 12px 26px;
  border-radius: 6px;
  cursor: pointer;
}
.acs-rp-more:hover {
  background: #f7fafd;
}
.acs-rp-more[disabled] {
  opacity: .6;
  cursor: default;
}
.acs-rp-more .acs-rp-more-n {
  color: #6d7b91;
  font-weight: 400;
}

/* ---- product name highlighting on the results grid ----------------------- */
/* .acs-sg-dim and <b> come from acs-suggest.css, which the results page also
   loads. These two rules only make sure the grid inherits the same treatment
   if that file is ever loaded later or overridden. */
.acs-rp-name .acs-sg-dim {
  font-weight: 400;
  opacity: .75;
}
.acs-rp-name b {
  font-weight: 700;
}