/* Legal pages (privacy.html, terms.html, sms-terms.html). Builds on loot-brand.css and blackbeard.css. */

.bb-legal { padding: 3.5rem 0 5rem; background: #FFFFFF; }
.bb-legal-inner { max-width: 50rem; margin: 0 auto; display: flex; flex-direction: column; gap: 2rem; }

.bb-legal-tabs { display: flex; flex-wrap: wrap; gap: .625rem; }
.bb-legal-tabs a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0 1.25rem;
  border: 1px solid var(--color-lt-stroke);
  border-radius: 9999px;
  font-size: 1rem;
  text-transform: uppercase;
  box-sizing: border-box;
}
.bb-legal-tabs a:hover { color: var(--color-lt-black); border-color: var(--color-lt-black); }
.bb-legal-tabs a[aria-current="page"] { background: var(--color-lt-black); color: var(--color-lt-green); border-color: var(--color-lt-black); }
@media (max-width: 639px) { .bb-legal-tabs a { font-size: 1.2rem; } }

.bb-legal-head { display: flex; flex-direction: column; gap: 1rem; }
.bb-legal-date { color: #5F6366; }

.bb-legal-summary {
  display: flex;
  flex-direction: column;
  gap: .75rem;
  padding: 2rem;
  border-radius: 1rem;
  background-image: var(--lt-gradient);
}
.bb-legal-summary ul { margin: 0; padding-left: 1.25rem; display: flex; flex-direction: column; gap: .5rem; }

.bb-legal-body { display: flex; flex-direction: column; gap: 2.25rem; }
.bb-legal-body section { display: flex; flex-direction: column; gap: .875rem; }
.bb-legal-body h2 { font-size: 1.7rem; line-height: 1.25; font-weight: 500; letter-spacing: -.03em; }
@media (min-width: 640px) { .bb-legal-body h2 { font-size: 1.5rem; } }
.bb-legal-body p, .bb-legal-body li { line-height: 1.6; }
.bb-legal-body ul { margin: 0; padding-left: 1.25rem; display: flex; flex-direction: column; gap: .5rem; }
.bb-legal-body a { border-bottom: .125rem solid var(--color-lt-green); }
.bb-legal-body a:hover { color: var(--color-lt-black); }
.bb-legal-body strong { font-weight: 600; }

/* Bracketed placeholders still to be filled in */
.bb-ph { background: #FFF4BC; border-radius: 4px; padding: 0 4px; }

.bb-legal-box {
  padding: 1.5rem;
  border: 1px solid var(--color-lt-stroke);
  border-radius: 1rem;
}
.bb-kw { display: inline-block; padding: 0 .5rem; border-radius: 6px; background: var(--color-lt-black); color: var(--color-lt-green); font-weight: 500; }