/* ============================================================
   CONDITIONS GÉNÉRALES D'UTILISATION (cgu.php) — auparavant en
   <style> inline avec un reset "* { font-family: Arial }" qui
   écrasait la typo du design system. Se charge après menu2.css.
   ============================================================ */

.main-content { max-width: 1000px; margin: 30px auto; padding: 0 20px 40px; }

.cgu-container { background: var(--panel); border: 1px solid var(--line); border-radius: 16px; padding: 30px; margin-bottom: 30px; }

.cgu-title {
  font-size: 26px; color: var(--paper); font-family: var(--display); font-weight: 700;
  margin-bottom: 20px; text-align: center; border-bottom: 2px solid var(--cobalt); padding-bottom: 14px;
}

.cgu-section { margin-bottom: 25px; }
.cgu-section h2 { font-size: 18px; color: var(--cobalt-lite); font-family: var(--display); font-weight: 700; margin-bottom: 14px; padding-bottom: 6px; border-bottom: 1px solid var(--line); }
.cgu-section h3 { font-size: 16px; color: var(--paper); font-family: var(--display); font-weight: 700; margin: 20px 0 10px; }
.cgu-section p { line-height: 1.6; color: var(--paper); font-size: 14.5px; margin-bottom: 14px; }
.cgu-section ul { margin-left: 20px; margin-bottom: 14px; }
.cgu-section li { margin-bottom: 8px; line-height: 1.6; color: var(--paper); font-size: 14.5px; }

.highlight { background: var(--panel-2); border-left: 3px solid var(--cobalt); padding: 16px; margin: 20px 0; border-radius: 8px; }
.highlight p { margin-bottom: 10px; }
.highlight .important { font-weight: 700; color: var(--red); margin-bottom: 10px; }

.last-updated { text-align: right; font-style: italic; color: var(--muted); margin-top: 30px; font-size: 0.9em; }

a[style*="3498db"] { color: var(--cobalt-lite) !important; }