/* ============================================================
   CGI-CGU.CSS - Styles spécifiques à la page CGU
   Community Growth Initiative | cgi-mfi.com
   MOBILE FIRST - Refonte v2 juin 2026
   ============================================================ */

/* ===== NAVIGATION INTERNE (table des matières) ===== */
.cgu-toc {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 36px;
  padding: clamp(14px, 3vw, 20px) clamp(16px, 3vw, 24px);
  background: var(--gray-50);
  border: 1px solid var(--gray-100);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--red);
}
.cgu-toc-title {
  width: 100%;
  font-size: 11px; font-weight: 700;
  color: var(--gray-500);
  letter-spacing: 2px; text-transform: uppercase;
  margin-bottom: 6px;
}
.cgu-toc a {
  font-size: 12px; font-weight: 600;
  color: var(--gray-700);
  background: var(--white);
  border: 1px solid var(--gray-100);
  border-radius: var(--radius);
  padding: 5px 12px;
  transition: var(--transition);
  text-decoration: none;
  min-height: 32px;
  display: inline-flex; align-items: center;
}
.cgu-toc a:hover { color: var(--red); border-color: var(--red); background: var(--red-light); }

/* ===== LIENS ÉDITORIAUX ===== */
.content-section a {
  color: var(--red);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.content-section a:hover { color: var(--red-dark); }

/* ===== LIGNE DE BOUTONS ===== */
.cgu-cta-row {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 24px;
}
.cgu-cta-row .btn { flex: 1 1 auto; justify-content: center; min-width: 140px; }

/* ===== NOTE DE VERSION ===== */
.cgu-version-note {
  font-size: 12px;
  color: var(--gray-500);
  font-style: italic;
  text-align: right;
  margin-bottom: 28px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--gray-100);
}

/* ===== TABLETTE (640px+) ===== */
@media (min-width: 640px) {
  .cgu-cta-row .btn { flex: 0 1 auto; }
}

/* ===== STYLES D'IMPRESSION ===== */
@media print {
  .ticker-bar,
  .top-bar,
  .navbar,
  .lang-switch-bar,
  .floating-cta,
  .search-overlay,
  .modal-overlay,
  .footer-social,
  .footer-bottom,
  .cgu-toc,
  .cgu-cta-row { display: none !important; }

  footer { display: none !important; }
  body { font-size: 12pt; color: #000; background: #fff; }
  .page-hero {
    background: #1a1a1a !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    padding: 24pt 0 16pt;
  }
  .page-title  { font-size: 22pt; }
  .page-subtitle { font-size: 11pt; }
  .content-section h2 { font-size: 14pt; page-break-after: avoid; }
  .content-section h3 { font-size: 12pt; page-break-after: avoid; }
  .content-section p,
  .content-section li { font-size: 11pt; line-height: 1.6; }
  .highlight-box,
  .info-box { border: 1pt solid #999; }
  a[href^="http"]::after,
  a[href^="mailto:"]::after { content: " (" attr(href) ")"; font-size: 9pt; color: #666; }
  a[href^="#"]::after,
  a[href^="tel:"]::after  { content: ""; }
  @page { margin: 2cm; }
}