/* ==============================================
   PRINT.CSS — Ensemble pour Clémence
   Site associatif — Thème Kadence (WordPress)
   Accessibilité & Écoconception
   ============================================== */

@media print {

  /* -----------------------------------------------
     1. ÉLÉMENTS À MASQUER (inutiles à l'impression)
  ----------------------------------------------- */

  /* Navigation & header interactif */
  .site-header,
  .main-navigation,
  .kadence-mobile-nav,
  .header-navigation,
  .mobile-toggle,
  nav,

  /* Bouton "Adhérer" et CTA */
  .wp-block-button,
  .wp-block-buttons,
  .kb-btn,
  a.wp-block-button__link,

  /* Footer liens et réseaux sociaux */
  .site-footer .footer-navigation,
  .site-footer .social-links,
  .footer-widget-area,

  /* Bandeau cookies / RGPD */
  .wp-consent-api,
  #cookie-notice,
  .cookie-banner,
  [class*="cookie"],
  [class*="consent"],
  [id*="consent"],
  .wp-block-group:has(#gérer-le-consentement),

  /* Vidéo embarquée */
  video,
  iframe,
  .wp-block-video,
  .wp-block-embed,

  /* Compteurs animés (dons, adhérents) */
  .kb-counter-wrap,
  [class*="counter"],

  /* Icônes réseaux sociaux dans le footer */
  .footer-social,
  .wp-block-social-links,

  /* Sidebar éventuelle */
  aside,
  .sidebar,
  .widget-area,

  /* Fil d'Ariane */
  .breadcrumb-trail,
  .rank-math-breadcrumb,

  /* Classes utilitaires */
  .no-print {
    display: none !important;
  }


  /* -----------------------------------------------
     2. MISE EN PAGE GÉNÉRALE
  ----------------------------------------------- */

  * {
    box-shadow: none !important;
    text-shadow: none !important;
    animation: none !important;
    transition: none !important;
  }

  body {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 11pt;
    line-height: 1.6;
    color: #000 !important;
    background: #fff !important;
    margin: 0;
    padding: 0;
  }

  /* Contenu principal pleine largeur */
  .content-area,
  .entry-content,
  .wp-block-group,
  .kb-row-layout-wrap,
  .kadence-column,
  main,
  article,
  #main {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 10pt !important;
    display: block !important;
  }

  /* Colonnes Kadence → une seule colonne */
  .kb-row-layout-wrap .kb-layout-column,
  .wp-block-columns,
  .wp-block-column {
    width: 100% !important;
    float: none !important;
    display: block !important;
    margin: 0 !important;
  }


  /* -----------------------------------------------
     3. EN-TÊTE À L'IMPRESSION
     (afficher le nom de l'asso proprement)
  ----------------------------------------------- */

  .site-header .site-branding,
  .header-branding {
    display: block !important;
    text-align: center;
    margin-bottom: 12pt;
    border-bottom: 1pt solid #ccc;
    padding-bottom: 8pt;
  }

  /* Logo en header d'impression */
  .site-header img,
  .header-branding img {
    max-width: 160pt !important;
    display: block;
    margin: 0 auto 4pt;
  }


  /* -----------------------------------------------
     4. TYPOGRAPHIE
  ----------------------------------------------- */

  h1, h2, h3, h4, h5, h6 {
    color: #000 !important;
    font-family: Georgia, serif;
    page-break-after: avoid;
    orphans: 3;
    widows: 3;
  }

  h1 { font-size: 20pt; margin-bottom: 10pt; }
  h2 { font-size: 15pt; margin-top: 14pt; margin-bottom: 6pt; }
  h3 { font-size: 12pt; margin-top: 10pt; margin-bottom: 4pt; }

  p, li {
    orphans: 3;
    widows: 3;
  }

  blockquote {
    font-style: italic;
    border-left: 2pt solid #999;
    padding-left: 10pt;
    margin: 10pt 0;
    color: #333 !important;
    page-break-inside: avoid;
  }


  /* -----------------------------------------------
     5. LIENS — Afficher l'URL
  ----------------------------------------------- */

  a {
    color: #000 !important;
    text-decoration: underline;
  }

  /* Affiche l'URL après le texte du lien */
  a[href]::after {
    content: " (" attr(href) ")";
    font-size: 8pt;
    color: #555;
    word-break: break-all;
    font-style: italic;
  }

  /* Ne pas afficher pour les ancres et javascript */
  a[href^="#"]::after,
  a[href^="javascript"]::after,
  a[href^="tel"]::after {
    content: "";
  }

  /* Numéro de téléphone affiché directement */
  a[href^="tel"]::before {
    content: "📞 ";
  }

  /* Email affiché */
  a[href^="mailto"]::after {
    content: " (" attr(href) ")";
    font-size: 8pt;
  }


  /* -----------------------------------------------
     6. IMAGES
  ----------------------------------------------- */

  img {
    max-width: 100% !important;
    height: auto !important;
    page-break-inside: avoid;
  }

  /* Photos de l'équipe (À propos) : petites et alignées */
  .wp-block-image,
  figure {
    page-break-inside: avoid;
    max-width: 120pt !important;
    margin: 6pt auto !important;
  }

  figcaption {
    font-size: 8pt;
    color: #555;
    text-align: center;
    font-style: italic;
  }

  /* Galerie photos actions (À propos) */
  .wp-block-gallery {
    display: block !important;
  }

  .wp-block-gallery .wp-block-image {
    display: inline-block;
    width: 30% !important;
    margin: 4pt !important;
    vertical-align: top;
  }


  /* -----------------------------------------------
     7. PAGE ÉVÉNEMENTS
     Mise en valeur des dates et lieux
  ----------------------------------------------- */

  /* Chaque section événement bien séparée */
  .wp-block-group,
  .kb-layout-column {
    border-bottom: 0.5pt solid #ddd;
    padding-bottom: 8pt;
    margin-bottom: 8pt;
  }

  /* Mise en valeur des informations clés */
  .wp-block-columns p strong,
  strong {
    font-weight: bold;
  }


  /* -----------------------------------------------
     8. FOOTER À L'IMPRESSION
     Garder les infos de contact utiles
  ----------------------------------------------- */

  .site-footer {
    display: block !important;
    border-top: 1pt solid #ccc;
    margin-top: 20pt;
    padding-top: 8pt;
    font-size: 8pt;
    color: #555;
    text-align: center;
  }

  /* Masquer les liens inutiles du footer mais garder le copyright */
  .site-footer nav,
  .site-footer ul,
  .site-footer .footer-navigation {
    display: none !important;
  }

  .site-footer .site-info,
  .site-footer [class*="copyright"] {
    display: block !important;
  }


  /* -----------------------------------------------
     9. COUPURES DE PAGE
  ----------------------------------------------- */

  p, blockquote, pre, ul, ol, dl, figure, table {
    page-break-inside: avoid;
  }

  h1, h2, h3 {
    page-break-after: avoid;
  }

  /* Forcer une nouvelle page avant les grandes sections */
  .wp-block-separator {
    page-break-after: always;
    visibility: hidden;
  }


  /* -----------------------------------------------
     10. MARGES DE LA PAGE
  ----------------------------------------------- */

  @page {
    size: A4 portrait;
    margin: 1.5cm 2cm 2cm 2cm;
  }

  @page :first {
    margin-top: 1cm;
  }

}