/**

 * Pages légales Liofo — style aligné sur Mes banques (budget).

 * 2026-07-14 — cadres par section h2, barres verticales colorées.

 */



.liofo-legal-page {

  --liofo-legal-accent: #0CC0DF;

}



.liofo-legal-page.liofo-legal-page--mentions {

  --liofo-legal-accent: #3DB2FF;

}



.liofo-legal-page.liofo-legal-page--privacy {

  --liofo-legal-accent: #00BF63;

}



.liofo-legal-page.liofo-legal-page--cgu {

  --liofo-legal-accent: #8b5cf6;

}



.liofo-legal-page.liofo-legal-page--cgv {

  --liofo-legal-accent: #FF66C4;

}



.liofo-legal-page.liofo-legal-page--cookies {

  --liofo-legal-accent: #ffb84d;

}



.liofo-legal-page .liofo-page-title-head {

  margin-bottom: 0.75rem;

}



.liofo-legal-meta {

  margin: 0 auto;

  font-size: 0.88rem;

  line-height: 1.55;

  color: var(--liofo-bd-muted, rgba(255, 255, 255, 0.58));

  max-width: 40rem;

  text-align: center;

}



.liofo-legal-sections {

  display: flex;

  flex-direction: column;

  gap: 1.25rem;

}



.liofo-legal-section {

  --liofo-section-title-accent: var(--liofo-legal-accent, #0CC0DF);

  margin-bottom: 0;

}



.liofo-legal-section .liofo-budget-card-head {

  margin-bottom: 0.65rem;

}



.liofo-legal-section__title {

  position: relative;

  margin: 0;

  padding-left: 0.85rem;

  font-size: 1.05rem;

  font-weight: 600;

  color: #fff;

  text-align: left;

  border: 0;

}



.liofo-legal-section__title::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0.12em;

  bottom: 0.12em;

  width: 4px;

  border-radius: 2px;

  background: var(--liofo-legal-accent, var(--liofo-section-title-accent, #0CC0DF));

}



.liofo-legal-card p,

.liofo-legal-card li {

  color: rgba(238, 243, 247, 0.96);

  line-height: 1.65;

}



.liofo-legal-card a {

  color: #0CC0DF;

  text-decoration: none;

}



.liofo-legal-card a:hover,

.liofo-legal-card a:focus-visible {

  text-decoration: underline;

}



.liofo-legal-card ul {

  margin: 0.5rem 0 0.75rem 1.25rem;

  padding: 0;

}



.liofo-legal-card .liofo-legal-callout {

  background: rgba(12, 192, 223, 0.1);

  border-left: 4px solid var(--liofo-legal-accent);

  border-radius: 0 10px 10px 0;

  padding: 0.75rem 0.95rem;

  margin: 0.85rem 0;

}



.liofo-legal-card .liofo-legal-callout strong {

  color: #fff;

}



/* Tableaux = style Mes banques */

.liofo-legal-page .liofo-budget-table-wrap {

  margin: 0.75rem 0 1rem;

}



.liofo-legal-page .liofo-budget-table th {

  text-align: left;

  color: rgba(255, 255, 255, 0.72);

  background: rgba(61, 178, 255, 0.12);

}



.liofo-legal-page .liofo-budget-table td {

  text-align: left;

  color: rgba(238, 243, 247, 0.96);

}



.liofo-legal-page .liofo-budget-table tr:nth-child(even) td {

  background: rgba(255, 255, 255, 0.03);

}



.liofo-legal-page .liofo-budget-table tr:hover td {

  background: rgba(255, 255, 255, 0.06);

}



.liofo-legal-footnote {

  margin-top: 0.5rem;

  padding-top: 0.85rem;

  border-top: 1px solid rgba(255, 255, 255, 0.1);

  font-size: 0.82rem;

  color: var(--liofo-bd-muted, rgba(255, 255, 255, 0.58));

  text-align: center;

}

/* LEGAL-UI-02 (2026-07-17) — masquer barre titre WP, largeur cadres alignée Liofo */

body.page-mentions-legales .page-header,
body.page-politique-de-confidentialite .page-header,
body.page-cgu .page-header,
body.page-cgv .page-header,
body.page-cookies .page-header,
body.page-mentions-legales .page-header-title,
body.page-politique-de-confidentialite .page-header-title,
body.page-cgu .page-header-title,
body.page-cgv .page-header-title,
body.page-cookies .page-header-title {
  display: none !important;
}

.liofo-legal-page .liofo-budget-inner {
  max-width: min(1040px, 100%);
  margin-left: auto;
  margin-right: auto;
}

.liofo-legal-page .liofo-budget-header .liofo-budget-title {
  display: none;
}

.liofo-legal-page .liofo-page-title-head .image-haut-page {
  width: auto;
  max-width: 140px;
  max-height: 40px;
  height: auto;
  border-radius: 6px;
  object-fit: contain;
}

.liofo-legal-sections {
  gap: 1.75rem;
}

.liofo-legal-page .liofo-budget-card,
.liofo-legal-page .liofo-legal-section {
  max-width: 100%;
}