/* eventail.shop — page d'attente */

:root {
  --ev-bg: #f6efe6;
  --ev-text: #3a2a22;
  --ev-muted: #8a7466;
  --ev-accent: #b5523b;
  --ev-line: rgba(58, 42, 34, .12);
}

body {
  background:
    radial-gradient(ellipse at 50% 40%, #fffaf3 0%, var(--ev-bg) 65%);
  color: var(--ev-text);
  font-family: "Inter", system-ui, sans-serif;
}

a, .btn-link {
  color: var(--ev-accent);
  text-decoration: none;
}
a:hover, a:focus-visible,
.btn-link:hover, .btn-link:focus-visible {
  color: var(--ev-text);
  text-decoration: underline;
}
.btn-link { box-shadow: none; }
.btn-link:hover, .btn-link:focus { color: var(--ev-text); }

/* Icône éventail */
.eventail-icon {
  width: clamp(5rem, 18vw, 9rem);
  height: auto;
  display: inline-block;
  transform-origin: 50% 73.5%;
  animation: eventail-open 1.4s cubic-bezier(.2, .8, .2, 1) both,
             eventail-sway 5s ease-in-out 1.6s infinite;
}

@keyframes eventail-open {
  from { opacity: 0; transform: scale(.4) rotate(-35deg); }
  to   { opacity: 1; transform: scale(1) rotate(0); }
}
@keyframes eventail-sway {
  0%, 100% { transform: rotate(0); }
  50%      { transform: rotate(-6deg); }
}

/* Texte */
.eventail-tagline {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-style: italic;
  font-weight: 500;
  font-size: clamp(1.5rem, 4.5vw, 2.4rem);
  line-height: 1.3;
  animation: fade-up 1s ease .6s both;
}

@keyframes fade-up {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: none; }
}

/* Footer */
.site-footer {
  border-top: 1px solid var(--ev-line);
  color: var(--ev-muted);
}
.site-footer .sep { opacity: .5; }
.material-symbols-outlined { font-size: 1.1em; vertical-align: -.15em; }

/* Mentions légales (page autonome) */
.legal-page { max-width: 720px; }
.legal-page h1 {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 2.4rem;
}

/* Mentions légales — titres (page autonome + modale) */
.legal h2, .legal-page h2 {
  font-size: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--ev-accent);
  margin-top: 2rem;
}
.legal h2:first-child { margin-top: 0; }

/* Modale */
.modal-content.legal { border-radius: .5rem; border: none; }
.modal-title { font-family: "Cormorant Garamond", Georgia, serif; font-style: italic; }

@media (prefers-reduced-motion: reduce) {
  .eventail-icon, .eventail-tagline { animation: none; }
}