/* assets/css/style.css */

/* Conteneur global */
.cf3dbf{
  position: relative;
  width: 100%;
  display: block;
  background: var(--cf3dbf-bg, transparent); /* transparent par défaut */
  /* si tu veux forcer noir, mets bg="#000" dans le shortcode */
}

/* Anneau 3D */
.cf3dbf-ring{
  transform-style: preserve-3d;
}

/* Slide */
.cf3dbf-slide{
  backface-visibility: hidden;
  will-change: transform;
  transition: transform 0.25s cubic-bezier(.22,.61,.36,1), opacity 0.25s ease;
}

/* Image (reflet façon “Basic”) */
.cf3dbf-link img{
  display: block;
  width: var(--w, 220px); /* JS fixe la largeur exacte */
  height: auto;
  object-fit: cover;
  -webkit-box-reflect: below 8px linear-gradient(transparent, rgba(0,0,0,.35));
}

/* Aucune chrome UI */
.cf3dbf .dots,
.cf3dbf .arrows,
.cf3dbf .title,
.cf3dbf .caption { display: none !important; }

/* Responsive léger (padding du conteneur) */
@media (max-width: 1024px){
  .cf3dbf{ padding: 24px 24px; }
}
@media (max-width: 640px){
  .cf3dbf{ padding: 16px 8px; }
}