/* Hero corner shadows — animated radial vignette (ported from converti2 landing_page.css) */
.lp-hero-corners {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 70% 70% at 0% 0%,   rgba(0,0,0,0.5) 0%, transparent 100%),
    radial-gradient(ellipse 70% 70% at 100% 100%, rgba(0,0,0,0.5) 0%, transparent 100%);
  transform-origin: center;
  animation:
    lp-burst   4s   cubic-bezier(0.16, 1, 0.3, 1) forwards,
    lp-breathe 8s   ease-in-out 8s infinite;
  pointer-events: none;
}

@keyframes lp-burst {
  from { transform: scale(0); opacity: 0; }
  to   { transform: scale(1); opacity: 1; }
}

@keyframes lp-breathe {
  0%, 100% { opacity: 0.75; }
  50%      { opacity: 1;    }
}

/* Hide review-row scrollbar */
#reviews [class*="overflow-x-auto"]::-webkit-scrollbar { display: none; }

/* Smooth section anchor scroll (sitelinks deep-link here) */
html { scroll-behavior: smooth; scroll-padding-top: 80px; }

/* Moorish keyhole arch frame for the histoire image */
.lp-arch {
  border-radius: 50% 50% 14px 14px / 35% 35% 14px 14px;
}

/* ─── CTA system ──────────────────────────────────
   Three button kinds, one consistent shape language:
   - primary  : terracotta filled (main page CTAs)
   - whatsapp : green gradient (per-card commit action)
   - ghost    : translucent on dark backgrounds (hero secondary)
   Each carries its own focus ring for accessibility.
*/
.lp-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  padding: 0.875rem 1.625rem;
  border-radius: 9999px;
  font-weight: 600;
  font-size: 0.875rem;
  letter-spacing: 0.005em;
  line-height: 1;
  white-space: nowrap;
  transition: transform 180ms ease, filter 180ms ease, box-shadow 180ms ease, background 180ms ease;
  outline: none;
}
.lp-btn:focus-visible { box-shadow: 0 0 0 3px rgba(160,120,64,0.45); }
.lp-btn:active        { transform: scale(0.98); }

.lp-btn-primary {
  background: linear-gradient(135deg,#8c5a1c 0%,#6b3e10 100%);
  color: #fdf8f0;
  box-shadow: 0 8px 24px -8px rgba(140,90,28,0.55), 0 2px 4px rgba(140,90,28,0.10);
}
.lp-btn-primary:hover { filter: brightness(1.08); box-shadow: 0 14px 32px -10px rgba(140,90,28,0.65), 0 2px 4px rgba(140,90,28,0.12); }

.lp-btn-whatsapp {
  background: linear-gradient(135deg,#25D366 0%, #0f9b52 100%);
  color: #ffffff;
  box-shadow: 0 6px 18px -6px rgba(15,155,82,0.45);
}
.lp-btn-whatsapp:hover { filter: brightness(1.06); box-shadow: 0 12px 24px -8px rgba(15,155,82,0.55); }

.lp-btn-ghost {
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.28);
  color: #ffffff;
  backdrop-filter: blur(10px);
}
.lp-btn-ghost:hover { background: rgba(255,255,255,0.20); }

.lp-btn-sm   { padding: 0.625rem 1.25rem; font-size: 0.8125rem; }
.lp-btn-lg   { padding: 1rem 1.875rem;    font-size: 0.9375rem; }
.lp-btn-block{ width: 100%; }