/* ALM Media legal pack (source: build/legal/) */

/* privacy line under forms: inherits the form's text colour, so it reads on light and dark sections.
   Owner 2026-10-25: smaller, darker and more discreet, with clear space under the send button. */
form p.alm-form-legal,
.wpcf7 form p.alm-form-legal {
  display: block;
  width: 100%;
  margin: 18px 0 0;
  padding: 0;
  font-family: var(--body, "Inter", system-ui, sans-serif);
  font-size: 11px;
  line-height: 1.55;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  text-align: left;
  color: inherit;
  opacity: .48;
  grid-column: 1 / -1;
}
/* the global CSS zeroes every <p> margin inside the contact box (.close-row .wpcf7 form p { margin: 0 !important }),
   which glued the line to the red button: keep the space with a stronger rule */
html body form p.alm-form-legal.alm-form-legal { margin: 18px 0 0 !important; }
form p.alm-form-legal a {
  color: inherit;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}
form p.alm-form-legal a:hover { opacity: .85; }

/* optional "Send me news and offers" tick box on the contact and digital-card forms */
.close-form-optin .wpcf7-list-item,
.vc-lf-optin .wpcf7-list-item { margin: 0; }
.close-form-optin .wpcf7-list-item label,
.vc-lf-optin .wpcf7-list-item label {
  display: inline-flex;
  align-items: flex-start;
  gap: 10px;
  cursor: pointer;
  font-size: 13.5px;
  line-height: 1.45;
  text-transform: none;
  letter-spacing: 0;
}
.close-form-optin input[type="checkbox"],
.vc-lf-optin input[type="checkbox"] {
  width: 18px;
  height: 18px;
  margin: 1px 0 0;
  flex: 0 0 18px;
  accent-color: #F8C757;
}

/* legal pages: "In short" summary box at the top of each document */
html body .terms-body-row .wpb_text_column.terms-summary {
  background: rgba(248, 199, 87, .12);
  border: 1px solid #E2DDD3;
  border-radius: 8px;
  padding: 0 !important;
}
html body .terms-body-row .wpb_text_column.terms-summary > .wpb_wrapper { padding: 26px 30px 24px !important; }

/* lists in the legal pages: wrapped lines line up under the text, not under the bullet */
html body .terms-body-row .terms-block ul { list-style: none !important; padding-left: 0 !important; margin-left: 0 !important; }
html body .terms-body-row .terms-block ul li {
  list-style: none !important;
  position: relative !important;
  padding-left: 20px !important;
  margin-left: 0 !important;
  text-indent: 0 !important;
}
html body .terms-body-row .terms-block ul li::before {
  content: "\2022" !important;
  position: absolute !important;
  left: 4px !important;
  top: 0 !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  background: none !important;
  color: inherit !important;
}
@media (max-width: 600px) {
  html body .terms-body-row .wpb_text_column.terms-summary > .wpb_wrapper { padding: 18px 18px 16px !important; }
}
html body .terms-body-row .terms-summary h2 { margin-top: 0 !important; }
html body .terms-body-row .terms-summary ul,
html body .terms-body-row .terms-summary p:last-child { margin-bottom: 0 !important; }

/* footer copyright: legal links on their own line under the copyright text */
html body .alm-legal-bar { display: block !important; margin-top: 8px !important; }
html body .alm-legal-bar a {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  color: inherit !important;
  text-decoration: none !important;
}
html body .alm-legal-bar a:hover { text-decoration: underline !important; text-underline-offset: 2px; }