/* Privacy Policy Page Styles — The Dealer's Line */

.privacy-policy-page {
  background-color: var(--color-eucalyptus-deep);
  color: var(--color-parchment);
}

/* ---------- Hero ---------- */
.privacy-hero {
  position: relative;
  background-color: var(--color-eucalyptus-deep);
  color: var(--color-parchment);
  padding: var(--space-96) 0;
  overflow: hidden;
}

.privacy-hero__arc {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 40px;
  border-radius: var(--radius-semicircle);
  border: 2px solid var(--color-copper-muted);
  border-bottom: none;
  border-left: none;
  transform: rotate(0deg);
  transform-origin: top left;
}

.privacy-hero__inner {
  width: 100%;
  max-width: var(--container-max);
  margin-inline: auto;
  padding-inline: var(--container-padding-mobile);
  display: flex;
  flex-direction: column;
  gap: var(--space-16);
}

.privacy-hero__title {
  font-family: var(--font-heading);
  font-size: var(--text-h1-size);
  line-height: var(--text-h1-line-height);
  letter-spacing: var(--text-h1-tracking);
  font-weight: 600;
  text-transform: uppercase;
  color: var(--color-parchment);
  margin-block-end: 0;
  position: relative;
  padding-block-end: var(--space-16);
}

.privacy-hero__title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(244, 237, 225, 0.3);
}

.privacy-hero__date {
  font-family: var(--font-heading);
  font-size: var(--text-caption-size);
  line-height: var(--text-caption-line-height);
  letter-spacing: var(--text-caption-tracking);
  font-weight: 500;
  text-transform: uppercase;
  color: var(--color-sandstone-warm);
  margin-block-end: 0;
}

.privacy-hero__date strong {
  color: var(--color-copper-muted);
  font-weight: 600;
}

/* ---------- Sections ---------- */
.privacy-section {
  position: relative;
  padding: var(--space-96) 0;
  overflow: hidden;
}

.privacy-section--sandstone {
  background-color: var(--color-sandstone-warm);
  color: var(--color-charcoal);
}

.privacy-section--eucalyptus {
  background-color: var(--color-eucalyptus-mid);
  color: var(--color-parchment);
}

.privacy-section__arc {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 40px;
  border-radius: var(--radius-semicircle);
  border: 2px solid var(--color-copper-muted);
  border-bottom: none;
  border-left: none;
}

.privacy-section__arc--right {
  left: auto;
  right: 0;
  border-left: 2px solid var(--color-copper-muted);
  border-right: none;
}

.privacy-section__inner {
  width: 100%;
  max-width: var(--container-max);
  margin-inline: auto;
  padding-inline: var(--container-padding-mobile);
  display: flex;
  flex-direction: column;
  gap: var(--space-40);
}

.privacy-section__heading {
  font-family: var(--font-heading);
  font-size: var(--text-h2-size);
  line-height: var(--text-h2-line-height);
  letter-spacing: var(--text-h2-tracking);
  font-weight: 500;
  text-transform: uppercase;
  color: inherit;
  margin-block-end: 0;
  position: relative;
  padding-block-end: var(--space-16);
}

.privacy-section__heading::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(14, 12, 11, 0.3);
}

.privacy-section--eucalyptus .privacy-section__heading::after {
  background-color: rgba(244, 237, 225, 0.3);
}

.privacy-section__copy {
  max-width: 62ch;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--space-24);
  align-items: flex-start;
}

.privacy-section__copy > * {
  min-width: 0;
  width: 100%;
}

.privacy-section__copy h3 {
  font-family: var(--font-heading);
  font-size: var(--text-h3-size);
  line-height: var(--text-h3-line-height);
  letter-spacing: var(--text-h3-tracking);
  font-weight: 500;
  text-transform: uppercase;
  color: inherit;
  margin-block-end: 0;
}

.privacy-section__copy p {
  font-family: var(--font-body);
  font-size: var(--text-body-size);
  line-height: var(--text-body-line-height);
  letter-spacing: var(--text-body-tracking);
  font-weight: 400;
  color: inherit;
  margin-block-end: 0;
}

.privacy-section--sandstone .privacy-section__copy p,
.privacy-section--sandstone .privacy-section__copy h3 {
  color: var(--color-charcoal);
}

.privacy-section--eucalyptus .privacy-section__copy p,
.privacy-section--eucalyptus .privacy-section__copy h3 {
  color: var(--color-parchment);
}

/* ---------- Lists ---------- */
.privacy-list {
  list-style: none;
  margin-block-end: 0;
  padding-inline-start: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-16);
}

.privacy-list li {
  position: relative;
  padding-inline-start: var(--space-40);
  font-family: var(--font-body);
  font-size: var(--text-body-size);
  line-height: var(--text-body-line-height);
  letter-spacing: var(--text-body-tracking);
  font-weight: 400;
  color: inherit;
  min-width: 0;
}

.privacy-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.4em;
  width: 24px;
  height: 24px;
  border-radius: var(--radius-circle);
  border: 2px solid var(--color-copper-muted);
}

.privacy-list li::after {
  content: "";
  position: absolute;
  left: 8px;
  top: 0.4em;
  width: 8px;
  height: 8px;
  border-radius: var(--radius-circle);
  background-color: var(--color-copper-muted);
  transform: translateY(8px);
}

.privacy-section--sandstone .privacy-list li {
  color: var(--color-charcoal);
}

.privacy-section--eucalyptus .privacy-list li {
  color: var(--color-parchment);
}

.privacy-list a {
  color: var(--color-copper-muted);
  text-decoration: underline;
  text-underline-offset: 4px;
  transition: color var(--transition-fast);
}

.privacy-list a:hover {
  color: var(--color-burgundy-mid);
}

.privacy-section--eucalyptus .privacy-list a {
  color: var(--color-copper-muted);
}

.privacy-section--eucalyptus .privacy-list a:hover {
  color: var(--color-parchment);
}

/* ---------- Contact Block ---------- */
.privacy-contact-block {
  border: var(--border-rail);
  outline: var(--border-rail-inner);
  outline-offset: -3px;
  padding: var(--space-40);
  background-color: var(--color-sandstone-warm);
  color: var(--color-charcoal);
  display: flex;
  flex-direction: column;
  gap: var(--space-24);
  width: 100%;
}

.privacy-contact-block h3 {
  font-family: var(--font-heading);
  font-size: var(--text-h3-size);
  line-height: var(--text-h3-line-height);
  letter-spacing: var(--text-h3-tracking);
  font-weight: 500;
  text-transform: uppercase;
  color: var(--color-charcoal);
  margin-block-end: 0;
}

.privacy-contact-block p {
  font-family: var(--font-body);
  font-size: var(--text-body-size);
  line-height: var(--text-body-line-height);
  letter-spacing: var(--text-body-tracking);
  font-weight: 400;
  color: var(--color-charcoal);
  margin-block-end: 0;
}

.privacy-contact-list {
  list-style: none;
  margin-block-end: 0;
  padding-inline-start: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-16);
}

.privacy-contact-list li {
  font-family: var(--font-body);
  font-size: var(--text-body-size);
  line-height: var(--text-body-line-height);
  letter-spacing: var(--text-body-tracking);
  font-weight: 400;
  color: var(--color-charcoal);
  min-width: 0;
}

.privacy-contact-list a {
  color: var(--color-copper-muted);
  text-decoration: underline;
  text-underline-offset: 4px;
  transition: color var(--transition-fast);
}

.privacy-contact-list a:hover {
  color: var(--color-burgundy-mid);
}

/* ---------- Responsive ---------- */
@media (min-width: 768px) {
  .privacy-hero__inner,
  .privacy-section__inner {
    padding-inline: var(--container-padding-desktop);
  }

  .privacy-hero {
    padding: var(--space-128) 0;
  }

  .privacy-section {
    padding: var(--space-128) 0;
  }

  .privacy-section__arc {
    width: 100px;
    height: 50px;
  }

  .privacy-hero__arc {
    width: 100px;
    height: 50px;
  }
}

@media (max-width: 767px) {
  .privacy-hero {
    padding: var(--space-64) 0;
  }

  .privacy-section {
    padding: var(--space-64) 0;
  }

  .privacy-hero__title {
    font-size: clamp(2rem, 8vw, 2.5rem);
  }

  .privacy-section__heading {
    font-size: clamp(1.5rem, 6vw, 2rem);
  }

  .privacy-section__copy p,
  .privacy-list li,
  .privacy-contact-list li {
    font-size: var(--text-body-small-size);
  }

  .privacy-section__copy h3 {
    font-size: var(--text-h4-size);
  }

  .privacy-contact-block {
    padding: var(--space-24);
  }

  .privacy-section__arc,
  .privacy-hero__arc {
    width: 60px;
    height: 30px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .privacy-list a,
  .privacy-contact-list a {
    transition: none;
  }
}