/* legal-pages.css — Skanda Vale static site. Authored file.
   Linked from /privacy-policy/, /terms-and-conditions/ and
   /cookie-policy/.

   Written 2026-08-11 (owner: "update the design so it's calmer").

   These pages were set at the site's full content width — paragraphs ran
   to about 1015px, which at 20px type is well over 100 characters a
   line, roughly half as long again as comfortable reading. The privacy
   policy also carries 37 h4 headings set in capitals, which shout when
   there are that many of them.

   Nothing here changes a single word. It only makes the words easier to
   sit with: a narrower measure, more room between lines and paragraphs,
   and headings that guide rather than interrupt. */

/* ---- the reading column --------------------------------------------- */

.sv-legal main p,
.sv-legal main ul,
.sv-legal main ol,
.sv-legal main h1,
.sv-legal main h2,
.sv-legal main h3,
.sv-legal main h4,
.sv-legal main h5,
.sv-legal main h6 {
  max-width: 34em;          /* ≈ 68 characters — a comfortable measure */
}

.sv-legal main p,
.sv-legal main li {
  line-height: 1.75;
  margin-bottom: 1.15em;
}

.sv-legal main li { margin-bottom: .5em; }

.sv-legal main ul,
.sv-legal main ol { padding-left: 1.4em; }

/* ---- headings: quieter, and given room to breathe -------------------- */

.sv-legal main h3 {
  margin-top: 2.75em;
  margin-bottom: .6em;
  line-height: 1.3;
}

/* the capitalised sub-headings are the main source of the "shouting".
   Sentence case, lighter weight, a little tracking removed. */
.sv-legal main h4 {
  margin-top: 2em;
  margin-bottom: .5em;
  text-transform: none;
  letter-spacing: normal;
  font-size: 1.05em;
  line-height: 1.4;
  opacity: .92;
}

.sv-legal main h1 { margin-bottom: .5em; }

/* ---- a calmer page ---------------------------------------------------- */

.sv-legal main {
  padding-bottom: 3rem;
}

/* long legal text is easier at a slightly softer contrast than headings */
.sv-legal main p,
.sv-legal main li {
  opacity: .93;
}

.sv-legal main a {
  text-underline-offset: 2px;
}

/* horizontal rules between major sections, where the markup has them */
.sv-legal main hr {
  margin: 3rem 0;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, .12);
  max-width: 34em;
}

@media (max-width: 767px) {
  .sv-legal main p,
  .sv-legal main li { line-height: 1.7; }
  .sv-legal main h3 { margin-top: 2.25em; }
  .sv-legal main h4 { margin-top: 1.6em; }
}

/* ---- 2026-08-11, owner ------------------------------------------------
   Two things these pages do not need.

   1. The tall coloured banner at the top. It is a 544px block of solid
      accent colour carrying nothing but the page title. On a policy page
      that is a lot of shouting before a word is read, so the block is
      flattened to a plain heading: no fill, normal height, dark text.
      The title itself is untouched.

   2. The newsletter sign-up. It lives in the site-wide footer, so it
      appears on every page; here it is simply hidden. Delete this rule
      to bring it back. Applied to all three technical pages so they read
      consistently — the owner asked about the terms page, and the same
      block sits on the other two. */

/* 1. flatten the banner */
.sv-legal main .elementor > section.elementor-top-section:first-of-type {
  background-color: #E0E0E0 !important;   /* brand light grey */
  background-image: none !important;
  min-height: 0 !important;
  padding-top: 3.25rem !important;
  padding-bottom: 3.25rem !important;
  border-bottom: 1px solid rgba(38, 50, 56, .12);
}

.sv-legal main .elementor > section.elementor-top-section:first-of-type
  .elementor-container {
  min-height: 0 !important;
}

.sv-legal main .elementor > section.elementor-top-section:first-of-type
  .elementor-heading-title,
.sv-legal main .elementor > section.elementor-top-section:first-of-type h1 {
  color: #263238 !important;
}

/* the banner carried a tinted overlay as well */
.sv-legal main .elementor > section.elementor-top-section:first-of-type
  > .elementor-background-overlay {
  display: none !important;
}

/* NOTE: an earlier version of this file hid the footer newsletter here.
   That was wrong — that block is the site's standard pre-footer, present
   on all 283 pages, and nothing to do with what the owner was pointing
   at. Rule removed; the pre-footer is back. The block the owner meant
   was a Ninja Forms enquiry form sitting in the terms page's own
   content, which has been taken out of that page's markup instead. */