/* Fichier pour Tailwind/FlowBite (sera compilé ou importé via CDN) */
@tailwind base;
@tailwind components;
@tailwind utilities;

/* FAQ accordion animations */
.faq-answer {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 260ms ease, opacity 220ms ease;
}

.faq-answer.is-open {
  opacity: 1;
}

.faq-icon {
  transition: transform 220ms ease;
}

@keyframes topPostGlow {
  0% {
    box-shadow: 0 0 0 0 rgba(245, 158, 11, 0.25), 0 0 0 1px rgba(217, 119, 6, 0.35);
  }
  50% {
    box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.18), 0 0 14px 2px rgba(245, 158, 11, 0.28);
  }
  100% {
    box-shadow: 0 0 0 1px rgba(217, 119, 6, 0.35), 0 0 0 0 rgba(245, 158, 11, 0.2);
  }
}

.top-post-highlight {
  border-color: #f59e0b !important;
  background-image: linear-gradient(to bottom right, rgba(255, 251, 235, 0.8), rgba(255, 255, 255, 1));
  animation: topPostGlow 2.2s ease-in-out infinite;
}

.top-post-crown {
  position: absolute !important;
  top: 0;
  left: 0;
  z-index: 5;
}

.top-post-crown-image {
  width: 38px;
  height: 38px;
  transform: translate(-38%, -42%) rotate(-24deg);
  transform-origin: center;
  filter: drop-shadow(0 2px 4px rgba(146, 64, 14, 0.25));
  pointer-events: auto;
  user-select: none;
}