/* =========================================================================
   L'OPERATION DECOUVERTE

   Regles portees par .rtf-offre : posee dans une colonne de contenu, une
   regle a une seule classe se fait battre par le style de la colonne, et
   les titres repartent a la taille d'un paragraphe.
   ====================================================================== */

.rtf-offre{
  margin:0 0 clamp(28px,4vw,44px);
  padding:clamp(24px,4vw,44px);
  text-align:center;
  background:
    radial-gradient(120% 90% at 50% -10%, rgba(255,26,26,.16), transparent 62%),
    linear-gradient(178deg, var(--rtf-panel) 0%, var(--rtf-canvas-2) 72%);
  border:1px solid var(--rtf-line);
  border-radius:var(--rtf-r-md);
}

.rtf-offre .rtf-offre-kicker{
  margin:0 0 8px;
  font-family:var(--rtf-label);
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--rtf-accent);
}

.rtf-offre .rtf-offre-titre{
  margin:0 0 12px;
  font-family:var(--rtf-display);
  font-size:clamp(2rem, 1.4rem + 2.6vw, 3.2rem);
  line-height:.98;
  text-transform:uppercase;
  letter-spacing:.012em;
  color:var(--rtf-ink);
}

.rtf-offre .rtf-offre-chapeau{
  margin:0 auto;
  max-width:58ch;
  color:var(--rtf-ink-muted);
  font-size:1.02rem;
  line-height:1.6;
}

/* --- Les deux formules --- */

.rtf-offre .rtf-offre-formules{
  list-style:none;
  margin:clamp(20px,3vw,30px) auto 0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:12px;
  max-width:660px;
}

.rtf-offre .rtf-offre-formule{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  padding:18px 16px;
  background:var(--rtf-canvas-2);
  border:1px solid var(--rtf-line);
  border-radius:var(--rtf-r-sm);
}

/* La Premium porte l'or du club, jamais le rouge : l'or ne sert qu'a elle. */
.rtf-offre .rtf-offre-formule.est-or{
  border-color:rgba(227,197,103,.4);
  background:var(--rtf-or-sourd);
}

.rtf-offre .rtf-offre-formule-nom{
  font-family:var(--rtf-display);
  font-size:1.35rem;
  text-transform:uppercase;
  color:var(--rtf-ink);
}
.rtf-offre .rtf-offre-formule.est-or .rtf-offre-formule-nom{color:var(--rtf-or)}

.rtf-offre .rtf-offre-formule-prix{
  display:flex;
  align-items:baseline;
  gap:9px;
}
.rtf-offre .rtf-offre-formule-prix s{
  color:var(--rtf-ink-muted);
  font-size:.92rem;
  text-decoration-thickness:1px;
}
.rtf-offre .rtf-offre-formule-prix b{
  font-family:var(--rtf-label);
  font-size:12px;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--rtf-accent);
}
.rtf-offre .rtf-offre-formule.est-or .rtf-offre-formule-prix b{color:var(--rtf-or)}

.rtf-offre .rtf-offre-formule-mot{
  color:var(--rtf-ink-muted);
  font-size:.9rem;
  line-height:1.5;
}

/* --- L'appel et la mention --- */

.rtf-offre .rtf-offre-actions{margin:clamp(20px,3vw,28px) 0 0}

.rtf-offre .rtf-offre-petit{
  margin:14px auto 0;
  max-width:60ch;
  color:var(--rtf-ink-muted);
  font-size:.82rem;
  line-height:1.55;
}

/* --- Version resserree, pour une colonne etroite --- */

.rtf-offre.est-compact{padding:clamp(20px,3vw,28px);text-align:left}
.rtf-offre.est-compact .rtf-offre-titre{font-size:clamp(1.6rem, 1.3rem + 1.4vw, 2.1rem)}
.rtf-offre.est-compact .rtf-offre-chapeau{margin-inline:0}
.rtf-offre.est-compact .rtf-offre-formules{margin-inline:0;grid-template-columns:1fr}
.rtf-offre.est-compact .rtf-offre-formule{flex-direction:row;flex-wrap:wrap;align-items:baseline;justify-content:flex-start;gap:10px}
.rtf-offre.est-compact .rtf-offre-formule-mot{flex:1 1 100%}
.rtf-offre.est-compact .rtf-offre-petit{margin-inline:0}

@media (max-width:560px){
  .rtf-offre .rtf-offre-actions .rtf-btn{width:100%;justify-content:center}
}