/* ============================================
   STELLA PADEL — Effet étoile sur les photos
   Appliqué via classe .stella-photo sur le module Divi
   ============================================ */

/* ── Wrapper : contexte de positionnement ── */
div.stella-frame {
  position: relative !important;
  overflow: hidden !important;
  display: block !important;
}

/* ── Image ── */
div.stella-frame img {
  display: block;
  width: 100%;
  height: auto;
}

/* ── SVG overlay : permanent, couvre tout ── */
div.stella-frame > svg.stella-overlay {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none;
  opacity: 1;
}

/* ── Contour étoile crème : invisible par défaut ── */
.stella-star-outline {
  fill: none;
  stroke: #FFF3DE;
  stroke-width: 0.5;
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* ── Hover : contour apparaît ── */
div.stella-frame:hover .stella-star-outline {
  opacity: 1;
}

/* ── Pas d'animation sur l'étoile mask : permanent ── */
.stella-mask-star {
  transform: scale(1);
}