/* ============================================================
   OCEX Recent - compact horizontal card (image left, name right).
   Neutral base: the border is mixed from the text color (currentColor),
   the background is transparent, so it fits light and dark themes.
   The selectors are INTENTIONALLY weaker than a theme stylesheet's
   #ocex-recent rules (.ocex-recent = 0,2,0 < #ocex-recent =
   1,1,0): where the theme provides its own look, the theme wins,
   regardless of load order. It only sets properties that such a theme
   rule sets too, so a themed store looks unchanged.
   ============================================================ */

.ocex-recent .ocex-rc {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 146px;
  padding: 8px 10px;
  border: 1px solid rgba(0, 0, 0, .12);                           /* fallback without color-mix */
  border-color: color-mix(in srgb, currentColor 14%, transparent);
  background: transparent;
  color: inherit;
  text-decoration: none;
  transition: border-color .15s;
}
.ocex-recent .ocex-rc:hover {
  border-color: rgba(0, 0, 0, .35);
  border-color: color-mix(in srgb, currentColor 40%, transparent);
  text-decoration: none;
}
.ocex-recent .ocex-rc img { width: 130px; height: 130px; flex: 0 0 130px; object-fit: contain; }
.ocex-recent .ocex-rc-name { font-size: 15px; line-height: 1.4; }
.ocex-recent .ocex-rc-price { display: block; margin-top: 2px; font-weight: 700; }