/* ===== Theme: Bassin Minier — ⚒️ industriel, terreux, sobre ===== */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;600;700;900&family=Roboto:wght@400;600;700;900&family=Roboto+Slab:wght@400;600;700;900&display=swap');

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

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

h1, h2, h3, h4, h5, .hero h1, .cluster-hero h1, .badge {
  font-family: 'Archivo', 'Roboto Slab', serif;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.hero, .hero-photo, .cluster-hero {
  background: linear-gradient(180deg, #450A0A 0%, #7F1D1D 35%, #B91C1C 100%) !important;
  position: relative;
}
.hero::after, .cluster-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,.2) 100%), repeating-linear-gradient(45deg, transparent 0, transparent 20px, rgba(0,0,0,.04) 20px, rgba(0,0,0,.04) 21px);
  pointer-events: none;
  z-index: 0;
}
.hero > *, .cluster-hero > * { position: relative; z-index: 1; }

.card, .feature-card, .ra-card, .region-card {
  border-radius: 4px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.1), 0 8px 16px -4px rgba(127,29,29,.2) !important;
  border: 1px solid #FCA5A5; border-bottom: 3px solid #7F1D1D !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: 4px !important;
}

section.hero, section.cluster-hero {
  border-bottom: 2px dashed #FECACA;
}