/* ============================================
   CARTES TARIFS hover scale + lift
   ============================================ */

.carte-tarif,
.carte-tarif-extra {
  transition: transform 0.3s ease !important;
  cursor: pointer;
}

.carte-tarif:hover,
.carte-tarif-extra:hover {
  transform: translateY(-6px) scale(1.02) !important;
}


/* ============================================
   CARTE TARIF EXTRA biseau + pulsation
   ============================================ */

.carte-tarif-extra {
  clip-path: polygon(
    0 0, 100% 0,
    100% calc(100% - 40px),
    calc(100% - 40px) 100%,
    0 100%
  ) !important;
  background:
    linear-gradient(to bottom right, transparent calc(50% - 1px), #ffffff calc(50% - 1px), #ffffff calc(50% + 1px), transparent calc(50% + 1px)) bottom right / 40px 40px no-repeat,
    linear-gradient(#ffffff, #ffffff) left bottom / calc(100% - 40px) 1px no-repeat,
    linear-gradient(#ffffff, #ffffff) top / 100% 1px no-repeat,
    linear-gradient(#ffffff, #ffffff) left / 1px 100% no-repeat,
    linear-gradient(#ffffff, #ffffff) top right / 1px calc(100% - 40px) no-repeat,
    transparent !important;
  animation: pulse-tarif 3s ease-in-out infinite !important;
}

@keyframes pulse-tarif {
  0%, 100% { filter: drop-shadow(0 0 4px rgba(255, 255, 255, 0.2)); }
  50%       { filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.4)); }
}

/* Accessibilite */
@media (prefers-reduced-motion: reduce) {
  .carte-tarif,
  .carte-tarif-extra {
    transition: none !important;
    animation: none !important;
  }
}