@charset "UTF-8";
/* ==================================================
   Paragraph CTA – Linobase
   Dépend de linobase.cta (boutons)
   ================================================== */
/* ============================
   VARIABLES SCSS & CSS
   ============================ */
/* ---- Fonts ---- */
/* ---- Couleurs ---- */
/* ---- Typographie ---- */
/* ---- Espacements ---- */
/* ---- CKEditor / contenu éditorial ---- */
/* --------------------------------------------------
   Base CTA
-------------------------------------------------- */
.cta {
  padding: calc(1rem * 2.5) 0;
  margin-top: calc(1rem * 2);
}
.cta .cta__inner {
  display: grid;
  gap: calc(1rem * 1.5);
}
.cta .cta__title {
  margin: 0;
}
.cta .cta__text {
  margin-top: calc(1rem * 0.75);
  max-width: 75ch;
}
.cta .cta__actions {
  margin-top: calc(1rem * 1.25);
}

/* --------------------------------------------------
   DEFAULT – CTA standard centré
-------------------------------------------------- */
.cta--default {
  text-align: center;
}
.cta--default .cta__inner {
  justify-items: center;
}
.cta--default .cta__text {
  margin-left: auto;
  margin-right: auto;
}

/* --------------------------------------------------
   PRIMARY – CTA fort mais maîtrisé
-------------------------------------------------- */
.cta--primary {
  /* moins imposant */
  padding: calc(1rem * 2.25) 0;
  /* fond primaire adouci (évite le “pavé”) */
  background-color: rgba(54, 6, 117, 0.12);
  color: inherit;
}
.cta--primary .cta__inner {
  justify-items: center;
}
.cta--primary .cta__text {
  margin-left: auto;
  margin-right: auto;
}
.cta--primary {
  /* Bouton principal: inversé pour contraste */
}
.cta--primary .c-btn--primary {
  background-color: #fff;
  color: #360675;
  border-color: transparent;
  -webkit-box-shadow: 0 6px 16px rgba(54, 6, 117, 0.18);
          box-shadow: 0 6px 16px rgba(54, 6, 117, 0.18);
}
.cta--primary .c-btn--primary:hover {
  background-color: #fff;
  color: #360675;
  -webkit-box-shadow: 0 8px 20px rgba(54, 6, 117, 0.24);
          box-shadow: 0 8px 20px rgba(54, 6, 117, 0.24);
}
.cta--primary {
  /* Bouton secondaire: outline cohérent */
}
.cta--primary .c-btn--secondary {
  background-color: transparent;
  color: #360675;
  border-color: rgba(54, 6, 117, 0.35);
}
.cta--primary .c-btn--secondary:hover {
  background-color: rgba(54, 6, 117, 0.08);
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* --------------------------------------------------
   ALT – CTA discret / compact / aligné gauche
-------------------------------------------------- */
.cta--alt {
  padding: calc(1rem * 1.75) 0;
  text-align: left;
}
.cta--alt .cta__inner {
  justify-items: start;
}
.cta--alt .cta__text {
  margin-left: 0;
  margin-right: 0;
}
.cta--alt {
  /* CTA plus compact */
}
.cta--alt .c-btn {
  padding: calc(1rem * 0.7) calc(1rem * 1.4);
}

/* --------------------------------------------------
   Responsive
-------------------------------------------------- */
@media (max-width: 575px) {
  .cta {
    padding: calc(1rem * 2) 0;
    margin-top: calc(1rem * 1.5);
  }
  .cta--primary {
    padding: calc(1rem * 2) 0;
  }
}