/* Custom styles */
body {
  color-scheme: light;
}

a {
  color: #2563eb;
}

/* Effets 3D pour les cartes flip */
.perspective-1000 {
  perspective: 1000px;
  -webkit-perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
}

.transform-style-preserve-3d {
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
}

.backface-hidden {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
}

.rotate-y-180 {
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
}

.group:hover .flip-card-inner {
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
}

/* Assurer que les deux faces sont bien positionnées */
.flip-card-inner > div:first-child {
  transform: rotateY(0deg);
}

.flip-card-inner > div:last-child {
  transform: rotateY(180deg);
}

/* Masquer les scrollbars dans les cartes flip */
.flip-card-inner * {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE et Edge */
}

.flip-card-inner *::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}