/* ============================================================
   Legal pages: privacy-policy.html, terms-and-conditions.html, cookie-policy.html
   The template FAQ block (.page-faqs + .accordion) used as a document reader.
   Layout only: colors, fonts and buttons come from iqup.css.
   ============================================================ */

/* Long section titles wrap; keep them clear of the absolutely positioned "+" icon */
:is(.page-privacy, .page-terms, .page-cookies) .legal-doc .accordion .title h6 {
  padding-right: 45px;
}

/* style.css resets margins and list-style on every element, so restore document rhythm */
:is(.page-privacy, .page-terms, .page-cookies) .legal-doc .accordion-info > * + * {
  margin-top: 15px;
}

:is(.page-privacy, .page-terms, .page-cookies) .legal-doc .accordion-info > h6 {
  margin-top: 30px;
}

:is(.page-privacy, .page-terms, .page-cookies) .legal-doc .accordion-info > h6 + * {
  margin-top: 10px;
}

:is(.page-privacy, .page-terms, .page-cookies) .legal-doc .accordion-info ul {
  padding-left: 22px;
}

:is(.page-privacy, .page-terms, .page-cookies) .legal-doc .accordion-info li {
  list-style: disc;
  line-height: 1.8;
}

:is(.page-privacy, .page-terms, .page-cookies) .legal-doc .accordion-info li + li {
  margin-top: 6px;
}

/* In-text links flow with the sentence (style.css makes every <a> inline-block) */
:is(.page-privacy, .page-terms, .page-cookies) .legal-doc .accordion-info a {
  display: inline;
  text-decoration: underline;
  text-underline-offset: 3px;
  overflow-wrap: anywhere;
}

:is(.page-privacy, .page-terms, .page-cookies) .legal-doc .accordion-info > .butn {
  margin-top: 25px;
}

/* Printing a policy should print all of it, not only the open section */
@media print {
  :is(.page-privacy, .page-terms, .page-cookies) .legal-doc .accordion-info {
    display: block !important;
    height: auto !important;
  }
}