/**
 * Print Stylesheet
 * Loaded with media="print" via functions.php
 *
 * @package Doripura
 */

@media print {

  /* --- Global --- */
  * {
    background: transparent;
    color: #000;
    box-shadow: none;
    text-shadow: none;
  }

  body {
    font-size: 12pt;
    line-height: 1.6;
  }

  /* --- Hide non-essential elements --- */
  .site-header,
  .site-header__hamburger,
  .site-header__drawer,
  .site-header__overlay,
  .section-hero__scroll,
  .section-contact,
  .section-news__action,
  .page-top,
  .post-nav,
  .post-nav__back,
  .pagination,
  .btn,
  nav,
  video,
  audio,
  iframe {
    display: none;
  }

  /* --- Layout --- */
  .page-wrapper {
    display: block;
  }

  .section-hero {
    min-height: auto;
    padding: 40pt 0;
  }

  .section-hero__bg {
    display: none;
  }

  .section-hero__content {
    padding-top: 0;
    color: #000;
  }

  .section {
    padding-top: 30pt;
    padding-bottom: 30pt;
    page-break-inside: avoid;
  }

  /* --- Reset fixed header spacing --- */
  .page-header {
    padding-top: 30pt;
  }

  /* --- Animations --- */
  .js-fade-in {
    opacity: 1;
    transform: none;
    transition: none;
  }

  /* --- Colors --- */
  .section-about,
  .section-members,
  .section--dark,
  .section--teal {
    background-color: transparent;
    color: #000;
  }

  .section--dark .section-heading__en,
  .section--dark .section-heading__ja,
  .section--teal .section-heading__en,
  .section--teal .section-heading__ja {
    color: #000;
  }

  .site-footer {
    background-color: transparent;
    color: #000;
    padding: 20pt 0;
  }

  /* --- Typography --- */
  h1, h2, h3, h4 {
    page-break-after: avoid;
  }

  img {
    max-width: 100%;
    page-break-inside: avoid;
  }

  /* --- Show URLs for links --- */
  .prose a[href^="http"]::after {
    content: " (" attr(href) ")";
    font-size: 0.8em;
    color: #666;
    word-break: break-all;
  }

  /* --- Tables --- */
  .company-table__row {
    page-break-inside: avoid;
  }

  /* --- About layout for print --- */
  .about-layout {
    flex-direction: row;
  }

  .about-layout__title,
  .about-layout__name {
    color: #000;
  }

}