/* ============================================================
   plp-configurator-cta.css — „In 3D konfigurieren“-Deeplink je PLP-Karte
   BEST_PATTERNS Muster 2 (fachbodenregal-24 „?gr=…“): ein sekundärer CTA unter
   der Karten-Fußzeile übergibt die Facetten der Karte vorbefüllt an den 3D-
   Konfigurator-Embed auf der Kategorie-Seite. Rendert in allen Karten-Renderern
   (catalog.js, listing.html-SSR, Kategorie-„Top aus“-Rail) über die Klasse .pcard-cfg.

   Ergänzt .btn/.btn-ghost/.btn-sm (ui.css) und .pcard-* (site.css/listing.css) —
   keine Insel-Styles, nur Layout des zusätzlichen Zeilen-CTA (Token-diszipliniert).
   ============================================================ */

/* Der Link sitzt als eigene Zeile UNTER .pcard-foot, noch innerhalb .pcard-body.
   Voll­breit, kompakt, mit feiner Trennlinie oben — visuell klar sekundär zum
   Kauf-/Konfigurier-Primär-CTA in der Fußzeile. */
.pcard-cfg {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  width: 100%;
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 0;
  border-top: 1px solid var(--line);
  min-height: 40px;
  font-size: var(--fs-ms);
  font-weight: var(--fw-semibold);
  /* .btn-ghost liefert Grundfarbe/Border/Hover — hier nur die Zeilen-Geometrie.
     Rahmen des Ghost-Buttons entfällt zugunsten der schlichten Trennlinie oben. */
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
  border-radius: 0;
  background: transparent;
}

.pcard-cfg svg {
  flex: 0 0 auto;
  opacity: .85;
}

.pcard-cfg:hover,
.pcard-cfg:focus-visible {
  color: var(--red, #d33);
  background: transparent;
}

.pcard-cfg:hover svg,
.pcard-cfg:focus-visible svg {
  opacity: 1;
}

/* #29: „Anfragen"-CTA der „auf Anfrage"-Karten in der Kategorie-„Top aus"-Rail.
   Die Kategorie-Seite lädt listing.css NICHT, also hier die gleiche Label+Icon-Geometrie
   wie listing.css .pcard-cta bereitstellen (44px Touch-Ziel, Label + Pfeil), damit die
   Anfrage-Karten im selben visuellen Rahmen wie die Warenkorb-Karten lesen — kein nackter
   Pfeil-Button mehr. Gescopt auf .cat-top, um andere Renderer nicht zu berühren. */
.cat-top .pcard-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .4rem;
  padding: .55rem .85rem;
  border-radius: var(--r);
  min-height: 44px;
  white-space: nowrap;
  font-size: var(--fs-ms);
  font-weight: var(--fw-semibold);
}
.cat-top .pcard-cta svg { flex: 0 0 auto; }