@tailwind base;
@tailwind components;
@tailwind utilities;

/* Typo extras */
.title { letter-spacing: 0.02em; font-weight: 800; }
.tagline { opacity: .9; }

/* WP editor tweaks */
.editor-styles-wrapper { background: #0B0B0C; color: #F7F7F7; }

/* -------- Framer Motion-like animations (CSS) -------- */
@keyframes iliel-fade-up {
  from { opacity: 0; transform: translateY(16px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes iliel-blur-in {
  from { opacity: 0; filter: blur(12px); transform: translateY(8px) scale(0.98); }
  to   { opacity: 1; filter: blur(0); transform: translateY(0) scale(1); }
}
@keyframes iliel-scale-in {
  from { opacity: 0; transform: scale(0.96); }
  to   { opacity: 1; transform: scale(1); }
}
@keyframes iliel-float {
  0% { transform: translateY(0) } 50% { transform: translateY(-6px) } 100% { transform: translateY(0) }
}
@keyframes iliel-pulse-soft { 0%,100% { transform: scale(1) } 50% { transform: scale(1.03) } }

[data-motion] { opacity: 0; will-change: transform, opacity, filter; }

@media (prefers-reduced-motion: reduce) {
  [data-motion] { opacity: 1 !important; transform: none !important; filter: none !important; animation: none !important; }
}

.is-inview[data-motion="fade-up"]  { animation: iliel-fade-up .7s cubic-bezier(.2,.65,.25,1) forwards; }
.is-inview[data-motion="blur-in"]  { animation: iliel-blur-in .8s cubic-bezier(.2,.65,.25,1) forwards; }
.is-inview[data-motion="scale-in"] { animation: iliel-scale-in .6s cubic-bezier(.2,.65,.25,1) forwards; }

.wp-block-button .wp-block-button__link:hover { animation: iliel-pulse-soft .35s ease-out both; }
.breathe { animation: iliel-float 6s ease-in-out infinite; }

.hero-full{
  min-height:80vh;
  background:
    linear-gradient(0deg, rgba(11,11,12,.45), rgba(11,11,12,.45)),
    var(--hero) center/cover no-repeat;
  /* full-bleed / vraie pleine largeur */
  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  display:grid;
  place-items:center;
  text-align:center;
}
.hero-inner{ padding: min(6vw,64px); }
.hero-actions{ display:flex; gap:16px; justify-content:center; margin-top:24px; }