/* Print styles for Carmen Baumgartner Website */

@media print {

  /* Page setup */
  @page {
    size: A4;
    margin: 2cm 1.5cm;
  }

  /* Reset backgrounds, shadows, and colours */
  *,
  *::before,
  *::after {
    background: transparent !important;
    box-shadow: none !important;
    text-shadow: none !important;
    color: #000 !important;
  }

  /* Base typography */
  body {
    font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
    font-size: 11pt;
    line-height: 1.6;
    orphans: 3;
    widows: 3;
  }

  /* ── Hidden elements ─────────────────────────────────── */
  header,
  nav,
  .navbar,
  .hero-background,
  .hero-image,
  .scroll-indicator,
  .video-container,
  .yt-play-btn,
  .schools-grid,
  .footer,
  .btn,
  .btn-primary,
  .btn-secondary,
  .btn-outline,
  .hero-buttons,
  .nav-toggle,
  .skip-link,
  .scroll-to-top,
  .contact-cta,
  .contact-icon,
  .feature-icon,
  .instrument-icon {
    display: none !important;
  }

  /* ── Layout reset ────────────────────────────────────── */
  main,
  section,
  .container,
  .about,
  .about-content,
  .about-text,
  .about-features,
  .instruments,
  .instruments-content,
  .instruments-grid,
  .lessons,
  .lessons-content,
  .contact,
  .contact-content,
  .contact-info {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    position: static !important;
    overflow: visible !important;
    contain: none !important;
  }

  /* ── Hero – print name & tagline ─────────────────────── */
  .hero {
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    margin-bottom: 12pt !important;
  }

  .hero-content {
    display: block !important;
    position: static !important;
    padding: 0 !important;
  }

  .hero-text {
    display: block !important;
    text-align: left !important;
  }

  .hero-title {
    font-size: 22pt !important;
    margin: 0 0 4pt !important;
    border-bottom: 1pt solid #000;
    padding-bottom: 6pt;
  }

  .hero-subtitle {
    font-size: 12pt !important;
    font-style: italic;
    margin: 0 0 6pt !important;
  }

  .hero-description {
    font-size: 10pt !important;
    margin: 0 0 10pt !important;
  }

  /* ── Headings ────────────────────────────────────────── */
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    page-break-after: avoid;
    break-after: avoid;
  }

  .section-title {
    font-size: 16pt !important;
    margin: 16pt 0 4pt !important;
    border-bottom: 0.5pt solid #666;
    padding-bottom: 4pt;
  }

  .section-subtitle {
    font-size: 10pt !important;
    font-style: italic;
    margin: 0 0 8pt !important;
  }

  .section-header {
    margin: 0 0 8pt !important;
    padding: 0 !important;
  }

  h3 {
    font-size: 12pt !important;
    margin: 10pt 0 3pt !important;
  }

  /* ── Links ───────────────────────────────────────────── */
  a {
    text-decoration: underline;
    word-break: break-all;
  }

  /* Show URL after external links */
  a[href^="http"]:after,
  a[href^="https"]:after {
    content: " (" attr(href) ")";
    font-size: 8pt;
    font-weight: normal;
    word-break: break-all;
  }

  /* Don't annotate internal anchors or buttons */
  a[href^="#"]:after,
  .btn:after,
  .nav-link:after {
    content: "" !important;
  }

  /* ── Images ──────────────────────────────────────────── */
  img {
    max-width: 100% !important;
    height: auto !important;
    page-break-inside: avoid;
    break-inside: avoid;
    border: none !important;
  }

  .portrait {
    display: none !important;
  }

  /* ── Cards & features – linearise ────────────────────── */
  .feature,
  .instrument-card,
  .school-card,
  .contact-card {
    page-break-inside: avoid;
    break-inside: avoid;
    margin: 6pt 0 !important;
    padding: 0 !important;
    border: none !important;
  }

  .instruments-grid {
    display: block !important;
  }

  .instrument-card+.instrument-card,
  .feature+.feature {
    margin-top: 10pt !important;
  }

  /* ── Contact section ─────────────────────────────────── */
  .contact-details {
    margin: 4pt 0 !important;
  }

  .contact-item {
    display: block !important;
    margin: 2pt 0 !important;
    padding: 0 !important;
  }

  .contact-item .icon {
    display: none !important;
  }

  .email-reverse {
    unicode-bidi: bidi-override;
    direction: rtl;
  }

  /* ── Lessons text ────────────────────────────────────── */
  .lessons-text {
    margin: 0 0 6pt !important;
    padding: 0 !important;
  }

  .lessons-schools-note {
    margin: 6pt 0 !important;
    padding: 0 !important;
  }

  /* ── Page breaks ─────────────────────────────────────── */
  .about {
    page-break-before: always;
    break-before: page;
  }

  section {
    page-break-inside: auto;
  }

  .text-block {
    page-break-inside: avoid;
    break-inside: avoid;
  }

  p {
    orphans: 3;
    widows: 3;
  }

  /* ── SVG icons – hide decorative icons in print ──────── */
  .icon {
    display: none !important;
  }
}