/* ==========================================================================
   PRINT
   --------------------------------------------------------------------------
   Loaded with media="print", so it costs nothing on screen.

   The important job here is the first rule: scroll-revealed elements sit at
   opacity 0 until GSAP animates them in, and a print job never scrolls. Without
   this reset, printing any page below the fold would produce blank sections.

   Beyond that: drop the chrome, drop the backgrounds, put the ink on paper.
   ========================================================================== */

@media print {

  /* --- Reveal everything ------------------------------------------------- */
  [data-reveal],
  [data-parallax],
  .line__inner,
  .w {
    opacity: 1 !important;
    transform: none !important;
    clip-path: none !important;
    filter: none !important;
    animation: none !important;
    transition: none !important;
  }

  /* Accordion panels are collapsed by default — print the answers too. */
  .accordion__panel[hidden] { display: block !important; }
  .accordion__panel { height: auto !important; }
  .accordion__icon { display: none; }

  /* Hidden gallery items (filtered out) stay hidden; the lightbox never prints. */
  .lightbox { display: none !important; }

  /* --- Page set-up ------------------------------------------------------- */
  @page {
    margin: 16mm 14mm;
  }

  html, body {
    background: #fff !important;
    color: #000 !important;
    font-size: 11pt;
    line-height: 1.45;
  }

  /* --- Drop the interface ------------------------------------------------ */
  .header,
  .drawer,
  .call-fab,
  .skip-link,
  .hero__cue,
  .wave,
  .gallery-filters,
  .breadcrumbs,
  .form,
  .map-frame,
  .footer__social,
  .lang-switch,
  .btn,
  .link-arrow::after {
    display: none !important;
  }

  /* --- Flatten dark surfaces so they do not burn a cartridge ------------- */
  .section--dark,
  .access-panel,
  .cta-band,
  .footer,
  .hero,
  .page-head,
  .section--sand,
  .section--subtle {
    background: #fff !important;
    color: #000 !important;
    box-shadow: none !important;
  }
  .hero__scrim,
  .page-head__scrim,
  .cta-band__scrim,
  .hero__media,
  .page-head__media,
  .cta-band__media { display: none !important; }

  .hero, .page-head {
    min-block-size: auto !important;
    padding-block: 0 1.5rem !important;
  }
  /* Everything inside a flattened dark surface, not just the headings —
     otherwise white body copy lands on a white page. */
  .hero, .hero *,
  .page-head, .page-head *,
  .section--dark, .section--dark *,
  .access-panel, .access-panel *,
  .cta-band, .cta-band *,
  .footer, .footer * {
    color: #000 !important;
    text-shadow: none !important;
  }
  :is(.section--dark, .access-panel, .cta-band) { border: 1pt solid #999; }

  .card, .contact-tile, .feature__media, .access-panel {
    box-shadow: none !important;
    border: 1pt solid #ccc !important;
  }

  /* --- Typography -------------------------------------------------------- */
  h1 { font-size: 22pt; }
  h2 { font-size: 16pt; }
  h3 { font-size: 13pt; }
  h1, h2, h3, h4 { break-after: avoid; page-break-after: avoid; }
  p, li, blockquote, figure, .card, .access-item, .timeline__item {
    break-inside: avoid; page-break-inside: avoid;
  }
  .section { padding-block: 0 1.2rem !important; }
  .section--tight { padding-block: 0 1rem !important; }

  /* --- Links: show the destination -------------------------------------- */
  a { color: #000 !important; text-decoration: underline; }
  a[href^="http"]::after {
    content: " (" attr(href) ")";
    font-size: 9pt;
    color: #444;
    word-break: break-all;
  }
  /* Nothing useful to print for these */
  a[href^="#"]::after,
  a[href^="/"]::after { content: ""; }
  a[href^="tel:"]::after,
  a[href^="mailto:"]::after { content: ""; }

  /* --- Images ------------------------------------------------------------ */
  img { max-width: 100% !important; break-inside: avoid; }
  .gallery { grid-template-columns: repeat(3, 1fr) !important; }
  .card__media, .gallery__btn { aspect-ratio: 4 / 3; }

  /* --- Contact details, always ------------------------------------------ */
  main::after {
    content: "Kerkini Boat — Σπύρος Σφέτκος · +30 6986 911 811 · info@kerkiniboat.com · kerkiniboat.com";
    display: block;
    margin-block-start: 1.5rem;
    padding-block-start: 0.6rem;
    border-block-start: 1pt solid #999;
    font-size: 9.5pt;
    color: #333;
  }
  html[lang="en"] main::after {
    content: "Kerkini Boat — Spyros Sfetkos · +30 6986 911 811 · info@kerkiniboat.com · kerkiniboat.com";
  }
}