/* public/print.css */

@page {
  margin: 12mm;
}

@media print {
  /* === Reset "print friendly" === */
  *, *::before, *::after {
    background: transparent !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
  }

  html, body {
    background: #fff !important;
    color: #000 !important;
  }

  /* Ton body est "overflow-hidden" sur la home */
  body {
    overflow: visible !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  /* Forcer l’affichage du contenu (au cas où le print est déclenché avant la fin du loader) */
  #sys-loader {
    display: none !important;
  }
  #main-content {
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  /* === Masquer ce qui n’a pas d’intérêt sur papier === */
  header,
  nav {
    display: none !important;
  }

  /* Couches décoratives / grilles / halos */
  .bg-grid-premium,
  .hero-mask,
  .approche-mask,
  .contact-mask,
  .profil-mask {
    display: none !important;
  }

  /* Panels animés (Hero + offres) */
  .perspective-1000,
  .stack-container,
  .panel-card,
  .fake-browser,
  .mini-ide-container,
  .mini-browser-container {
    display: none !important;
  }

  /* === Mise en page === */
  section {
    padding: 18pt 0 !important;
    border: none !important;
    min-height: auto !important;
  }

  /* Les wrappers "container" Tailwind : on enlève les max-width */
  .container {
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Éviter les “cartes” trop sombres en impression */
  article, .offer-panel, .bg-bg-surface, .bg-bg-elevated, .bg-bg-base {
    background: transparent !important;
  }

  /* === Typo / liens === */
  body * {
    color: #000 !important;
  }

  a {
    text-decoration: underline !important;
  }

  /* Affiche l’URL après les liens externes */
  a[href^="http"]:not([href*="roxiel.fr"])::after {
    content: " (" attr(href) ")";
    font-size: 85%;
    word-break: break-word;
  }

  /* Boutons -> rendu “lien” */
  button,
  a[class*="bg-"],
  a[class*="border"] {
    background: transparent !important;
    border: 1px solid #000 !important;
    padding: 6pt 10pt !important;
    text-decoration: none !important;
  }

  /* === Pagination === */
  h1, h2, h3 {
    page-break-after: avoid;
    break-after: avoid-page;
  }

  article, .offer-panel {
    break-inside: avoid;
    page-break-inside: avoid;
  }

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