/* PRATINIUM v316 — Pages CMS (mentions légales, CGU/CGV, confidentialité)
   Reprend exactement le bandeau bleu premium déjà utilisé sur la page connexion /
   récupération de mot de passe (.page-header), avec le même dégradé, les mêmes
   dimensions et le même raccord visuel avec le grand cadran blanc en dessous.
   Le titre affiché ("Mentions légales" / "GCU/CGV" / "Confidentialité") est déjà
   injecté automatiquement par PrestaShop selon la page CMS affichée — aucune
   logique supplémentaire n'est nécessaire, seul le style est repris ici. */

body#cms .page-header,
body.page-cms .page-header,
body[class*="page-cms"] .page-header {
  max-width: 1180px !important;
  height: 132px !important;
  min-height: 132px !important;
  margin: 0 auto !important;
  padding: 28px 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 30px 30px 0 0 !important;
  border: 1px solid rgba(255, 255, 255, .72) !important;
  border-bottom: 0 !important;
  overflow: hidden !important;
  background:
    linear-gradient(135deg, rgba(7, 21, 47, .97), rgba(16, 50, 94, .94) 48%, rgba(12, 127, 179, .88)),
    radial-gradient(circle at 84% 20%, rgba(247, 200, 75, .30), transparent 35%) !important;
  box-shadow: 0 26px 80px rgba(7, 21, 47, .14) !important;
}

body#cms .page-header h1,
body#cms h1.page-title,
body.page-cms .page-header h1,
body.page-cms h1.page-title,
body[class*="page-cms"] .page-header h1 {
  margin: 0 !important;
  color: #fff !important;
  font-size: 34px !important;
  line-height: 1.05 !important;
  letter-spacing: -.04em !important;
  font-weight: 900 !important;
  text-align: center !important;
}

/* Grand cadran blanc en dessous : raccord sans jointure avec le bandeau bleu. */
body#cms #content,
body#cms div#content.page-content,
body.page-cms #content,
body.page-cms div#content.page-content,
body[class*="page-cms"] #content {
  width: 100% !important;
  max-width: 1180px !important;
  margin: 0 auto 26px !important;
  padding: 36px 38px 30px !important;
  border: 1px solid rgba(255, 255, 255, .82) !important;
  border-top: 0 !important;
  border-radius: 0 0 30px 30px !important;
  background: rgba(255, 255, 255, .86) !important;
  box-shadow: 0 28px 80px rgba(7, 21, 47, .12) !important;
  backdrop-filter: blur(18px) !important;
}

@media (max-width: 991px) {
  body#cms .page-header,
  body.page-cms .page-header,
  body[class*="page-cms"] .page-header {
    height: 116px !important;
    min-height: 116px !important;
    padding: 24px !important;
    border-radius: 24px 24px 0 0 !important;
  }
  body#cms .page-header h1,
  body.page-cms .page-header h1,
  body[class*="page-cms"] .page-header h1 {
    font-size: 28px !important;
  }
  body#cms #content,
  body.page-cms #content,
  body[class*="page-cms"] #content {
    padding: 26px 16px 24px !important;
    border-radius: 0 0 24px 24px !important;
  }
}