/* Encart Munstercard (assets/rt-mc-encart.js) : bloc vert plein, petite
   Munstercard en ticket qui dépasse en haut à droite. Variante .sur-sombre
   (section vert foncé) : bloc vert très clair. */
@font-face{ font-family:'Cabin'; font-style:normal; font-weight:400 700; font-display:swap;
  src:url('fonts/cabin-latin.woff2') format('woff2'); }
.rt-mce{
  position:relative; box-sizing:border-box; margin:30px 6px 24px; padding:16px 142px 18px 18px; min-height:132px;
  --mce-fond:#597f53; background:var(--mce-fond); color:#fff; border-radius:20px; box-shadow:0 10px 22px rgba(31,42,29,.16);
  font-family:"Cabin",-apple-system,sans-serif; text-align:left;
}
.rt-mce *{ box-sizing:border-box; }
.rt-mce-kicker{ display:inline-flex; align-items:center; gap:5px; font-size:11.5px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#cfe3bc; }
.rt-mce-kicker svg{ width:14px; height:14px; }
.rt-mce-titre{ display:block; margin:4px 0 0; font-size:20px; font-weight:700; line-height:1.2; color:inherit; }
.rt-mce-texte{ margin:6px 0 0; font-size:13.5px; line-height:1.4; color:#e3ecda; }
.rt-mce a.rt-mce-bouton, .rt-mce a.rt-mce-bouton:visited{
  display:inline-block; margin:12px 0 0; padding:9px 18px; border-radius:22px; background:#9dc868; color:#22361f;
  font:700 14px/1.2 "Cabin",-apple-system,sans-serif; text-decoration:none; -webkit-tap-highlight-color:transparent;
}
.rt-mce a.rt-mce-bouton:hover, .rt-mce a.rt-mce-bouton:focus{ background:#b0d483; color:#22361f; }
/* La carte qui dépasse */
.rt-mce-visuel{ position:absolute; right:14px; top:-22px; bottom:14px; width:122px; display:flex; justify-content:center; }
.rt-mce-ticket{ display:block; width:auto; height:100%; max-width:100%; transform:rotate(6deg); filter:drop-shadow(0 8px 12px rgba(20,30,18,.28)); }
/* Sur une section vert foncé */
.rt-mce.sur-sombre{ --mce-fond:#eef4e7; background:var(--mce-fond); color:#1f2a1d; box-shadow:0 10px 22px rgba(0,0,0,.18); }
.rt-mce.sur-sombre .rt-mce-kicker{ color:#597f53; }
.rt-mce.sur-sombre .rt-mce-texte{ color:#4a5347; }
.rt-mce.sur-sombre a.rt-mce-bouton, .rt-mce.sur-sombre a.rt-mce-bouton:visited{ background:#3f5f3a; color:#fff; }
.rt-mce.sur-sombre a.rt-mce-bouton:hover, .rt-mce.sur-sombre a.rt-mce-bouton:focus{ background:#2f4a2b; color:#fff; }
@media (min-width:768px){ .rt-mce{ max-width:728px; margin-left:auto; margin-right:auto; } }
