/*
Theme Name: Ma Maison Bleue - Elementor Child
Theme URI: https://example.invalid/
Description: Thème enfant léger destiné à être piloté par Elementor pour l'association Ma Maison Bleue.
Author: NOGOKOM / projet de démonstration
Version: 1.0.0
Template: hello-elementor
Text Domain: mmb-child
*/

:root{
  --mmb-blue:#1769aa;
  --mmb-blue-dark:#104c7a;
  --mmb-blue-soft:#eaf5fc;
  --mmb-white:#ffffff;
  --mmb-text:#404852;
  --mmb-border:#dce8f1;
  --mmb-success:#138a5b;
  --mmb-radius:18px;
  --mmb-shadow:0 14px 36px rgba(16,76,122,.09);
}
html{scroll-behavior:smooth}
body{color:var(--mmb-text);background:#fff}
a{color:var(--mmb-blue)}
.mmb-container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.mmb-section{padding:72px 0}
.mmb-section--soft{background:linear-gradient(180deg,#f8fcff 0%,#eef8fe 100%)}
.mmb-card{background:#fff;border:1px solid var(--mmb-border);border-radius:var(--mmb-radius);box-shadow:var(--mmb-shadow)}
.mmb-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:10px;background:var(--mmb-blue);color:#fff!important;text-decoration:none;font-weight:700;border:1px solid var(--mmb-blue)}
.mmb-btn--outline{background:#fff;color:var(--mmb-blue)!important}
.mmb-grid{display:grid;gap:24px}
.mmb-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.mmb-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:900px){.mmb-grid-3,.mmb-grid-4{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.mmb-grid-3,.mmb-grid-4{grid-template-columns:1fr}.mmb-section{padding:46px 0}}