/* Sopimusehtosivujen PDF-painike ja tulostusasettelu. */

.ehdot-pdf {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 14px;
  margin-top: 22px;
}
.ehdot-pdf-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  border: 1.5px solid var(--navy);
  border-radius: 999px;
  background: #fff;
  color: var(--navy);
  font: inherit;
  font-size: 14px;
  font-weight: 800;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}
.ehdot-pdf-btn:hover,
.ehdot-pdf-btn:focus-visible {
  background: var(--navy);
  color: #fff;
}
.ehdot-pdf-btn:focus-visible {
  outline: 3px solid var(--pink);
  outline-offset: 2px;
}
.ehdot-pdf-ohje {
  font-size: 13px;
  color: #6b6f80;
}
.ehdot-pdf-lahde {
  display: none;
}

@media print {
  @page { margin: 16mm 14mm; }

  html,
  body {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    background: #fff !important;
  }

  /* Vain ehtojen otsikko-osa ja teksti tulostuvat: valikot, chat, pikakuvakkeet, eväste-ilmoitus ja alatunniste jäävät pois. */
  body > *:not(.ehdot-tuloste):not(:has(.ehdot-tuloste)) {
    display: none !important;
  }
  .ehdot-pdf,
  .legal-toc,
  .terms-toc,
  .terms-back-bar,
  .breadcrumb,
  .video-terms-head > a,
  .legal-contact-card,
  .terms-contact-card {
    display: none !important;
  }

  /* Sisältö näkyy kokonaan, vaikka kävijä ei olisi vierittänyt sitä esiin. */
  [data-reveal] {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }

  .legal-hero,
  .terms-hero,
  .video-terms {
    padding: 0 0 18px !important;
    background: none !important;
  }
  .legal-hero::before,
  .legal-hero::after,
  .terms-hero::before,
  .terms-hero::after {
    display: none !important;
  }
  .legal-layout,
  .terms-layout {
    display: block !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  .container {
    max-width: none !important;
    padding: 0 !important;
  }
  .video-terms > .container {
    padding-left: 0 !important;
  }

  /* Liukuvärjätty otsikkoteksti katoaa osasta PDF-tulosteita, joten se tulostetaan tasavärisenä. */
  .gr {
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
    color: inherit !important;
  }

  h2,
  h3 {
    break-after: avoid;
  }
  .legal-section,
  .terms-section {
    break-inside: auto;
  }
  li,
  .legal-dl-row {
    break-inside: avoid;
  }

  /* Sivujen omat ingressityylit osuvat myös tähän kappaleeseen, joten koko ja väli pakotetaan. */
  .ehdot-pdf-lahde {
    display: block;
    margin: 8px 0 14px !important;
    font-size: 10px !important;
    line-height: 1.4 !important;
    color: #6b6f80 !important;
  }
}