/* ===================================================================
   Simply Hygiene — Privacy Policy
   Loaded only on pages using the "Privacy Policy" template.

   Scoped entirely to body.sh-privacy-page so nothing here reaches the
   rest of the site. Same tokens as the intake form stylesheet: Cantata
   One headings, Open Sans body, #333 / #666 text, and the #ACDDE4 brand
   turquoise.
=================================================================== */

body.sh-privacy-page {
  --sh-ink:       #333333;
  --sh-body:      #666666;
  --sh-muted:     #8a9199;
  --sh-accent:    #2EA3F2;
  --sh-aqua:      #ACDDE4;
  --sh-aqua-deep: #8AC6DD;
  --sh-line:      #e2e8ec;

  --sh-serif: "Cantata One", Georgia, "Times New Roman", serif;

  /* A comfortable measure for reading. Long legal paragraphs at the full
     1080px container width are hard to track from line to line. */
  --sh-measure: 760px;
}

/* -------------------------------------------------------------------
   Page shell
------------------------------------------------------------------- */

/* The template drops the sidebar; claim the space Divi reserves for it. */
body.sh-privacy-page #left-area {
  width: 100%;
  padding-right: 0;
}
body.sh-privacy-page #sidebar { display: none; }

/* Divi leaves no bottom padding on a full-width page, so without this the
   last paragraph sits flush against the footer. */
body.sh-privacy-page #main-content .container {
  padding-top: 46px;
  padding-bottom: 90px;
}

/* -------------------------------------------------------------------
   Heading block
------------------------------------------------------------------- */

body.sh-privacy-page .sh-privacy__head {
  max-width: var(--sh-measure);
  margin: 0 auto 26px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--sh-line);
}

body.sh-privacy-page .entry-title,
body.sh-privacy-page h1.main_title {
  font-family: var(--sh-serif);
  font-size: 40px;
  line-height: 1.2;
  font-weight: 500;
  color: var(--sh-ink);
  margin: 0;
  padding: 0;
}

body.sh-privacy-page .sh-privacy__updated {
  margin: 10px 0 0;
  font-size: 13px;
  color: var(--sh-muted);
}

/* -------------------------------------------------------------------
   Body copy
------------------------------------------------------------------- */

body.sh-privacy-page .sh-privacy {
  max-width: var(--sh-measure);
  margin: 0 auto;
  color: var(--sh-body);
  font-size: 16px;
  line-height: 1.75;
}

body.sh-privacy-page .sh-privacy p {
  margin: 0 0 20px;
}

/* The opening paragraph carries a little more weight than the rest. */
body.sh-privacy-page .sh-privacy__lead {
  font-size: 17px;
  line-height: 1.7;
  color: var(--sh-ink);
}

body.sh-privacy-page .sh-privacy h2 {
  font-family: var(--sh-serif);
  font-size: 23px;
  font-weight: 500;
  line-height: 1.35;
  color: var(--sh-ink);
  margin: 40px 0 14px;
  padding-bottom: 11px;
  position: relative;
}

/* The same short turquoise underline the intake form uses on its
   section headings, so the two pages read as one family. */
body.sh-privacy-page .sh-privacy h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 46px;
  height: 3px;
  border-radius: 2px;
  background: var(--sh-aqua);
}

/* #left-area is in these selectors deliberately. Divi styles its lists with
   `#left-area ul { list-style-type: disc }` — an ID, which outranks any
   class-only rule. Without matching that weight the browser paints Divi's
   disc as well as the turquoise dot below, giving every item two bullets. */
body.sh-privacy-page #left-area .sh-privacy ul {
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
}

body.sh-privacy-page #left-area .sh-privacy li {
  position: relative;
  margin: 0 0 9px;
  padding-left: 22px;
  list-style: none;
}

body.sh-privacy-page #left-area .sh-privacy li::marker { content: ""; }

body.sh-privacy-page .sh-privacy li::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 11px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--sh-aqua-deep);
}

body.sh-privacy-page .sh-privacy a {
  color: var(--sh-accent);
  text-decoration: underline;
  text-underline-offset: 2px;
}
body.sh-privacy-page .sh-privacy a:hover {
  color: var(--sh-ink);
}

/* Closing PIPEDA reference — set quieter than the policy itself. */
body.sh-privacy-page .sh-privacy__note {
  margin-top: 34px;
  padding-top: 20px;
  border-top: 1px solid var(--sh-line);
  font-size: 14.5px;
  line-height: 1.7;
  color: var(--sh-muted);
}

/* -------------------------------------------------------------------
   Responsive
------------------------------------------------------------------- */

@media (max-width: 780px) {
  body.sh-privacy-page #main-content .container {
    padding-top: 30px;
    padding-bottom: 56px;
  }
  body.sh-privacy-page .entry-title,
  body.sh-privacy-page h1.main_title { font-size: 30px; }

  body.sh-privacy-page .sh-privacy { font-size: 15.5px; }
  body.sh-privacy-page .sh-privacy__lead { font-size: 16px; }
  body.sh-privacy-page .sh-privacy h2 { font-size: 20px; margin-top: 32px; }
}

/* -------------------------------------------------------------------
   Print
------------------------------------------------------------------- */

@media print {
  body.sh-privacy-page #main-header,
  body.sh-privacy-page #main-footer { display: none !important; }

  body.sh-privacy-page .sh-privacy,
  body.sh-privacy-page .sh-privacy__head { max-width: none; }

  body.sh-privacy-page .sh-privacy h2 { page-break-after: avoid; }
  body.sh-privacy-page .sh-privacy p  { page-break-inside: avoid; }
}