/* ══════════════════════════════════════════════════════════════════════════════
   portfolio-cover.css
   Styles de la cover SVG neumorphique — carte "Portfolio à la carte"
   ══════════════════════════════════════════════════════════════════════════════

   Modèle calqué sur .card--pond / .card__cover--pond (duck-pond.css).
   La couverture est un SVG inline monté par PortfolioCover.mount().
   ══════════════════════════════════════════════════════════════════════════════ */


/* ── Wrapper du SVG injecté par PortfolioCover.mount() ───────────────────── */

.pc-wrap {
  width: 100%;
  height: 100%;
  display: block;
}

/* overflow: visible permet aux filtres drop-shadow de dépasser le viewBox SVG.
   Le clip est assuré par .card__cover--portfolio { overflow: hidden } ci-dessous. */
.pc-wrap svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}


/* ── Cover de carte ───────────────────────────────────────────────────────── */

.card__cover--portfolio {
  height: 110px;
  position: relative;
  overflow: hidden;           /* Clip les ombres qui débordent → rendu propre */
  background: var(--bg);
  transition: background-color 0.4s ease;
}

/* Neutralise le pseudo-élément ::after hérité de .card__cover
   (l'inset box-shadow générique ne convient pas à notre SVG neumorphique) */
.card__cover--portfolio::before,
.card__cover--portfolio::after {
  content: none;
}


/* ── Mobile ───────────────────────────────────────────────────────────────── */

@media (max-width: 768px) {
  .card__cover--portfolio {
    height: 130px; /* Aligné sur .card__cover--pond mobile */
  }
}