/* =========================================================================
 * UMR – styles du modèle Elementor de la page d'accueil.
 * Les conteneurs et widgets du modèle portent ces classes (onglet Avancé >
 * Classes CSS). Le texte, les liens et les images se modifient dans
 * Elementor ; la mise en forme vient d'ici.
 * ====================================================================== */

/* Typographie commune */
.umr-home,
.umr-home .elementor-heading-title,
.umr-home .elementor-widget-text-editor,
.umr-home .elementor-button { font-family: 'Nunito', system-ui, sans-serif; }
.umr-home .elementor-widget-text-editor p { margin: 0; }
.umr-home .elementor-widget-text-editor p + p { margin-top: 8px; }

/* ---------- Structure ---------- */
.e-con.umr-sec { padding: 0 !important; gap: 0 !important; background: #FFFFFF; }
.e-con.umr-sec.umr-bg-soft { background: #F5F7FB; }
.e-con.umr-sec.umr-hero { background: #1E3470; }
.e-con.umr-sec.umr-mzd { background: #FFFFFF; border-top: 1px solid #B4C5E1; border-bottom: 1px solid #B4C5E1; }

.e-con.umr-wrap { width: 100% !important; max-width: 1200px !important; margin: 0 auto !important; padding: 72px 24px !important; gap: 32px !important; flex-direction: column !important; }
.e-con.umr-col { flex-direction: column !important; flex-wrap: nowrap !important; padding: 0 !important; gap: 16px !important; }
.e-con.umr-head { flex-direction: column !important; padding: 0 !important; gap: 8px !important; }
.e-con.umr-head-split { flex-direction: row !important; flex-wrap: wrap !important; justify-content: space-between !important; align-items: flex-end !important; padding: 0 !important; gap: 16px !important; }
.e-con.umr-row { flex-direction: row !important; flex-wrap: wrap !important; padding: 0 !important; gap: 20px !important; align-items: stretch !important; }
.e-con.umr-row > .e-con { flex: 1 1 240px !important; width: auto !important; min-width: 0; }
.e-con.umr-row.umr-row--wide > .e-con { flex-basis: 340px !important; }
.e-con.umr-row.umr-row--prog > .e-con { flex-basis: 320px !important; }
.e-con.umr-row > .e-con.umr-grow { flex: 999 1 520px !important; }
.e-con.umr-row > .e-con.umr-side { flex: 1 1 340px !important; }
.e-con.umr-row.umr-center-y { align-items: center !important; }
.e-con.umr-row.umr-hero-row { align-items: center !important; gap: 48px !important; }
.e-con.umr-hero .e-con.umr-wrap { padding-top: 80px !important; }

/* ---------- Titres et textes ---------- */
.umr-home .umr-h1 .elementor-heading-title { font-weight: 900; font-size: 52px; line-height: 1.08; color: #FFFFFF; margin: 0; }
.umr-home .umr-h2 .elementor-heading-title { font-weight: 900; font-size: 34px; line-height: 1.2; color: #1C2433; margin: 0; }
.umr-home .umr-kicker .elementor-heading-title { font-weight: 800; font-size: 14px; letter-spacing: .08em; text-transform: uppercase; color: #B9CBF5; }
.umr-home .umr-lead { font-size: 18px; line-height: 1.55; color: #5B6472; }
.umr-home .umr-hero .umr-lead { font-size: 19px; color: #DCE4F7; max-width: 620px; }
.umr-home .umr-texte { font-size: 18px; line-height: 1.6; color: #3A4352; }
.umr-home .umr-card-title .elementor-heading-title { font-weight: 900; font-size: 19px; line-height: 1.3; color: #1C2433; }
.umr-home .umr-muted { font-size: 15px; line-height: 1.5; color: #5B6472; }
.umr-home .umr-small .elementor-heading-title { font-size: 14px; font-weight: 700; color: #5B6472; }
.umr-home .umr-more .elementor-heading-title { font-weight: 800; font-size: 15px; color: #2F55B8; }
.umr-home .umr-link .elementor-heading-title,
.umr-home .umr-link .elementor-heading-title a { font-weight: 800; font-size: 16px; color: #2F55B8; }

/* ---------- Boutons ---------- */
.umr-home .umr-btn .elementor-button { display: inline-flex; align-items: center; min-height: 48px; padding: 0 26px; border-radius: 24px; font-weight: 900; font-size: 16px; line-height: 1.2; border: 2px solid transparent; }
.umr-home .umr-btn--green .elementor-button { background: #80BA27; color: #13230A; }
.umr-home .umr-btn--white .elementor-button { background: #FFFFFF; color: #1E3A84; }
.umr-home .umr-btn--mzd .elementor-button { background: #375791; color: #FFFFFF; }
.umr-home .umr-btn--mzd .elementor-button:hover { background: #2A4473; }
.umr-home .umr-btn--ghost .elementor-button { background: transparent; border-color: #3B5FC8; color: #1E3A84; }
.umr-home .umr-btn--ghost { align-self: center; }
.umr-home .umr-chip .elementor-button { min-height: 44px; padding: 0 18px; border-radius: 22px; border: 1px solid #C9D0DB; background: #FFFFFF; color: #1C2433; font-weight: 800; font-size: 15px; }
.umr-home .umr-chip .elementor-button:hover,
.umr-home .umr-chip.is-on .elementor-button { background: #1E3470; border-color: #1E3470; color: #FFFFFF; }
.e-con.umr-chips { flex-direction: row !important; flex-wrap: wrap !important; gap: 10px !important; padding: 0 !important; }

/* ---------- Cartes (conteneurs-liens) ---------- */
.e-con.umr-card { background: #FFFFFF; border: 1px solid #E3E7EE; border-radius: 16px; padding: 24px !important; gap: 12px !important; text-decoration: none; color: #1C2433; }
a.e-con.umr-card:hover { border-color: #B8C3D6; box-shadow: 0 4px 16px rgba(20, 30, 60, .08); }
.e-con.umr-card.umr-profil { padding: 28px !important; gap: 14px !important; }
.umr-home .umr-ico .elementor-icon { font-size: 36px; color: #4A6FD6; fill: #4A6FD6; }
.umr-home .umr-ico .elementor-icon svg { fill: #4A6FD6; }

/* Familles */
.e-con.umr-famille { padding: 0 !important; gap: 0 !important; overflow: hidden; border-top: 6px solid var(--f) !important; }
.e-con.umr-famille__band { min-height: 150px; padding: 0 !important; background-color: var(--f); background-size: cover; background-position: center; }
.e-con.umr-famille__body { padding: 22px !important; gap: 8px !important; }
.umr-home .umr-famille .umr-card-title .elementor-heading-title { font-size: 20px; color: var(--f-txt); }
.umr-home .umr-famille .umr-more .elementor-heading-title { color: #1C2433; }

/* ---------- Montagne Zéro Déchet ---------- */
.umr-home .umr-mzd-kicker .elementor-heading-title { font-weight: 900; font-size: 14px; letter-spacing: .08em; text-transform: uppercase; color: #375791; border-left: 6px solid #DA486A; padding-left: 10px; }
.umr-home .umr-mzd .umr-h2 .elementor-heading-title { color: #375791; }
.e-con.umr-mzd-tile { background: #F9FBFB; border: 1px solid #B4C5E1; border-radius: 14px; padding: 18px 20px !important; gap: 6px !important; text-decoration: none; }
.e-con.umr-row > .e-con.umr-mzd-tile { flex-basis: 230px !important; }
a.e-con.umr-mzd-tile:hover { border-color: #375791; }
.umr-home .umr-mzd-tile .umr-card-title .elementor-heading-title { font-size: 17px; color: #375791; }
.e-con.umr-mzd-visuel { min-height: 360px; border-radius: 20px; overflow: hidden; padding: 16px !important; justify-content: flex-end !important; background-color: #B4C5E1; background-image: url('/wp-content/uploads/2026/03/Bilan-Montagnez-Nous5-2.jpg'); background-size: cover; background-position: center; text-decoration: none; }
.umr-home .umr-mzd-tag .elementor-heading-title { background: #EDCD73; color: #1C2433; border-radius: 12px; padding: 12px 16px; font-weight: 800; font-size: 15px; line-height: 1.35; }

/* ---------- Ressources ---------- */
.e-con.umr-res { flex-direction: row !important; gap: 16px !important; padding: 20px 22px !important; border-radius: 14px; align-items: flex-start !important; }
.e-con.umr-res > .e-con { padding: 0 !important; gap: 6px !important; min-width: 0; flex: 1 1 auto !important; }
.umr-home .umr-res-type .elementor-heading-title { width: 48px; height: 56px; border-radius: 8px; background: #EEF2FB; color: #2F55B8; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 900; }
.umr-home .umr-res-type { flex: 0 0 48px; }
.umr-home .umr-res .umr-card-title .elementor-heading-title { font-size: 17px; }

/* ---------- Webinaires ---------- */
.e-con.umr-next { background: #3B5FC8; border-radius: 20px; padding: 36px !important; gap: 16px !important; color: #FFFFFF; }
.umr-home .umr-next .umr-kicker .elementor-heading-title { color: #FFFFFF; }
.umr-home .umr-next-title .elementor-heading-title { font-weight: 900; font-size: 28px; line-height: 1.2; color: #FFFFFF; }
.umr-home .umr-next .umr-muted { color: #FFFFFF; font-size: 16px; }
.umr-home .umr-next .umr-btn { align-self: flex-start; }
.umr-bloc .umr-replays, .umr-replays.umr-bloc { display: flex; flex-direction: column; gap: 14px; }

/* ---------- Programmes ---------- */
.e-con.umr-prog { border-top-width: 6px !important; padding: 28px !important; gap: 14px !important; }
.e-con.umr-prog.umr-prog--fv { border-top-color: #80BA27 !important; }
.e-con.umr-prog.umr-prog--edu { border-top-color: #4A6FD6 !important; }
.umr-home .umr-prog-title .elementor-heading-title { font-weight: 900; font-size: 24px; }
.umr-home .umr-prog--fv .umr-prog-title .elementor-heading-title { color: #3F6512; }
.umr-home .umr-prog--edu .umr-prog-title .elementor-heading-title { color: #2F55B8; }
.umr-home .umr-liens { font-size: 16px; font-weight: 700; }
.umr-home .umr-liens a { color: #2F55B8; }
.umr-home .umr-liens p + p { margin-top: 10px; }
.umr-home .umr-badge .elementor-heading-title { display: inline-block; padding: 6px 12px; border-radius: 8px; background: #EEF6E2; color: #3F6512; font-size: 14px; font-weight: 800; }

/* ---------- Pourquoi + contribuer ---------- */
.e-con.umr-cta { background: #1E3470; border-radius: 20px; padding: 32px !important; gap: 14px !important; }
.umr-home .umr-cta .umr-card-title .elementor-heading-title { font-size: 24px; line-height: 1.25; color: #FFFFFF; }
.umr-home .umr-cta .umr-muted { color: #DCE4F7; font-size: 16px; }
.umr-home .umr-cta .umr-btn { align-self: flex-start; }

/* ---------- Agenda ---------- */
.e-con.umr-event { flex-direction: row !important; align-items: center !important; gap: 18px !important; }
.e-con.umr-row > .e-con.umr-event { flex-basis: 300px !important; }
.e-con.umr-date { flex: 0 0 64px !important; width: 64px !important; height: 72px; padding: 0 !important; gap: 0 !important; border-radius: 12px; background: #EEF2FB; align-items: center !important; justify-content: center !important; }
.umr-home .umr-date-jour .elementor-heading-title { font-weight: 900; font-size: 24px; line-height: 1; color: #1E3A84; text-align: center; }
.umr-home .umr-date-mois .elementor-heading-title { font-weight: 900; font-size: 13px; color: #1E3A84; text-align: center; }
.umr-home .umr-event .umr-card-title .elementor-heading-title { font-size: 17px; }

/* ---------- Mobile ---------- */
@media (max-width: 720px) {
	.e-con.umr-wrap { padding: 48px 16px !important; gap: 24px !important; }
	.e-con.umr-hero .e-con.umr-wrap { padding-top: 48px !important; }
	.umr-home .umr-h1 .elementor-heading-title { font-size: 34px; }
	.umr-home .umr-h2 .elementor-heading-title { font-size: 26px; }
	.e-con.umr-next { padding: 24px !important; }
	.umr-home .umr-next-title .elementor-heading-title { font-size: 22px; }
}