/* ===== Theme: Mediterranean Soleil — 🌞 chaud, méditerranéen, rond ===== */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:wght@400;600;700;900&family=Inter:wght@400;600;700;900&family=Playfair+Display:wght@400;600;700;900&display=swap');

:root {
  --radius-card: 20px;
  --radius-button: 999px;
  --r: 20px;
  --r-lg: 20px;
  --r-full: 999px;
}

body, p, .text {
  font-family: 'Inter', -apple-system, sans-serif;
}

h1, h2, h3, h4, h5, .hero h1, .cluster-hero h1, .badge {
  font-family: 'Fraunces', 'Playfair Display', Georgia, serif;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.hero, .hero-photo, .cluster-hero {
  background: radial-gradient(circle at top right, #FBBF24 0%, #D97706 35%, #92400E 100%) !important;
  position: relative;
}
.hero::after, .cluster-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 20% 80%, rgba(251,191,36,.25) 0%, transparent 50%);
  pointer-events: none;
  z-index: 0;
}
.hero > *, .cluster-hero > * { position: relative; z-index: 1; }

.card, .feature-card, .ra-card, .region-card {
  border-radius: 20px !important;
  box-shadow: 0 8px 30px -8px rgba(217,119,6,.25) !important;
  border: 1px solid #FDE68A !important;
  transition: transform .2s, box-shadow .2s;
}
.card:hover, .feature-card:hover, .ra-card:hover, .region-card:hover {
  transform: translateY(-4px);
}

.btn-primary, .btn-cta, .header-cta, button[type="submit"], .a54-sticky-cta-bar a {
  border-radius: 999px !important;
}

section.hero, section.cluster-hero {
  border-radius: 0 0 60% 60% / 0 0 50px 50px;
}