/* ==========================================================================
   STYLES D'IMPRESSION ÉCO-RESPONSABLE — CONGRÈS SEP-UNSA 2027
   Économie d'encre, suppression des éléments interactifs, sauts de page maîtrisés
   ========================================================================== */

@media print {
  /* 1. Reset Global & Fond Blanc Économe */
  *,
  *::before,
  *::after {
    background: transparent !important;
    color: #111827 !important; /* Noir/gris très sombre haute lisibilité */
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    backdrop-filter: none !important;
  }

  html, body {
    background: #ffffff !important;
    color: #111827 !important;
    font-size: 11pt !important;
    line-height: 1.4 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  }

  /* 2. Masquage des éléments interactifs et bannières superflues */
  header,
  footer,
  nav,
  #role-banner,
  #countdown-section,
  #hero-bg-media,
  #header-main,
  #footer-main,
  .btn-print-hide,
  button,
  .search-modal-backdrop,
  #speaker-request-modal,
  #doc-modal,
  #regional-auth-modal,
  #delegate-auth-modal,
  #programme-modal,
  #scrutins-modal,
  #ag-modal,
  #sep-toast-container,
  #network-status-badge,
  .time-switcher-banner,
  input,
  select,
  textarea {
    display: none !important;
  }

  /* 3. En-tête officiel imprimable */
  .print-only-header {
    display: block !important;
    border-bottom: 2pt solid #0284c7;
    padding-bottom: 12pt;
    margin-bottom: 18pt;
  }

  .print-only-header h1 {
    font-size: 18pt !important;
    font-weight: bold !important;
    color: #0284c7 !important;
    margin-bottom: 4pt !important;
  }

  .print-only-header p {
    font-size: 10pt !important;
    color: #4b5563 !important;
  }

  /* 4. Gestion des conteneurs et sections */
  main, section, article {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
  }

  section {
    margin-bottom: 24pt !important;
  }

  /* 5. Éviter les coupures de blocs au milieu d'un paragraphe ou d'une carte */
  .p-space-md,
  .rounded-xl,
  .rounded-2xl,
  .bg-surface-container-lowest,
  .bg-surface-container-low,
  .essentiel-points,
  .print-card {
    break-inside: avoid !important;
    page-break-inside: avoid !important;
    border: 1pt solid #d1d5db !important;
    border-radius: 4pt !important;
    margin-bottom: 12pt !important;
    padding: 10pt !important;
  }

  /* 6. Typographie & Titres */
  h1, h2, h3, h4 {
    break-after: avoid !important;
    page-break-after: avoid !important;
    color: #0f172a !important;
    font-weight: 700 !important;
  }

  h2 {
    font-size: 14pt !important;
    border-bottom: 1pt solid #e5e7eb;
    padding-bottom: 4pt;
    margin-top: 16pt !important;
    margin-bottom: 10pt !important;
  }

  h3 {
    font-size: 12pt !important;
    margin-top: 10pt !important;
    margin-bottom: 6pt !important;
  }

  p, li {
    font-size: 10pt !important;
    line-height: 1.45 !important;
  }

  /* 7. Liens et URL */
  a {
    text-decoration: underline !important;
    color: #0369a1 !important;
  }

  /* 8. Blocs essentiels ouverts par défaut à l'impression */
  details.essentiel-points {
    display: block !important;
  }
  
  details.essentiel-points[open] summary,
  details.essentiel-points summary {
    font-weight: bold !important;
    list-style: none !important;
    margin-bottom: 6pt !important;
  }
}