/* /css/legal.css — ENID SMITH AESTHETICS LLC — APOTHECARY LEGAL THEME */
/* Loaded ONLY by legal pages. Scope-isolated. Solid contrast colors, no rgba/opacity text. */

body {
  margin: 0;
  padding: 0;
  font-family: 'Segoe UI', Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.75;
  background-color: #F7F1EC;
  color: #33261F;
  overflow-x: hidden;
}

* { box-sizing: border-box; }
a { color: inherit; text-decoration: none; }

.legal-page {
  background-color: #F7F1EC;
  color: #33261F;
}
.legal-page a { color: #B25E63; }
.legal-page a:hover { color: #A14F55; }

/* Scope isolation: keep page content sections transparent, header/footer solid */
.legal-page .legal-content section {
  background-color: transparent !important;
}

/* ---------------- legal header (NOT a section - uses header element) ---------------- */
.legal-header {
  background-color: #3A2C28;
  padding: 40px 24px 34px;
}
.legal-header-inner { max-width: 820px; margin: 0 auto; padding: 0 24px; }
.legal-header h1 {
  color: #FDF9F4;
  font-size: 40px;
  font-weight: 800;
  letter-spacing: -0.5px;
  margin: 0 0 8px 0;
}
.legal-header p.subhead {
  color: #D2C2BA;
  margin: 0;
  font-size: 15px;
}
.legal-header .backhome {
  display: inline-block;
  margin-top: 14px;
  background-color: #B25E63;
  color: #FDF9F4;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 9px 18px;
  border-radius: 4px;
}

/* ---------------- legal toc ---------------- */
.legal-toc-wrap { max-width: 820px; margin: 0 auto; padding: 0 24px; }
.legal-toc {
  background-color: #FDF9F4;
  border: 1px solid #4A3A33;
  border-radius: 8px;
  padding: 22px 24px;
  margin-top: 40px;
}
.legal-toc h2 {
  color: #33261F;
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 14px 0;
}
.legal-toc ol { margin: 0; padding-left: 22px; }
.legal-toc li { margin-bottom: 8px; }
.legal-toc a { color: #B25E63; font-weight: 600; }
.legal-toc a:hover { color: #A14F55; }

/* ---------------- content ---------------- */
.legal-content {
  padding: 34px 0 56px;
}
.legal-inner { max-width: 820px; margin: 0 auto; padding: 0 24px; }

.legal-content h2 {
  color: #B25E63;
  font-size: 26px;
  font-weight: 800;
  margin: 52px 0 16px 0;
  padding-top: 8px;
}
.legal-content h3 {
  color: #33261F;
  font-size: 18px;
  font-weight: 700;
  margin: 26px 0 10px 0;
}
.legal-content p { margin: 0 0 18px 0; }
.legal-content ul, .legal-content ol { margin: 0 0 18px 26px; padding: 0; }
.legal-content li { margin-bottom: 8px; }

.legal-content .dateline {
  background-color: #FDF9F4;
  border-left: 4px solid #C89B4E;
  padding: 14px 18px;
  color: #6B5247;
  border-radius: 0 4px 4px 0;
  font-size: 14px;
}

/* ---------------- legal footer (link back home) ---------------- */
.legal-footer {
  background-color: #17100D;
  padding: 30px 24px;
}
.legal-footer-inner {
  max-width: 820px;
  margin: 0 auto;
  padding: 0 24px;
  text-align: center;
}
.legal-footer strong { color: #FDF9F4; font-size: 16px; letter-spacing: 1px; }
.legal-footer .home-link {
  display: inline-block;
  margin-top: 12px;
  background-color: #B25E63;
  color: #FDF9F4;
  padding: 10px 24px;
  border-radius: 4px;
  font-weight: 700;
  font-size: 14px;
}
.legal-footer .faddr {
  color: #D2C2BA;
  font-size: 13px;
  margin-top: 14px;
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
}

/* Responsive */
@media (max-width: 640px) {
  .legal-header h1 { font-size: 30px; }
}