/*--------------------------------------------------------------
# Privacy Policy Page Specific Styles
--------------------------------------------------------------*/

/* --- Center Main Page Title --- */
.page-slug-privacy-policy .hero-section .hero-content {
  text-align: center; /* Center align the container itself */
}

.page-slug-privacy-policy .hero-section .hero-content h1 {
  text-align: center; /* Explicitly center the H1 */
  margin-bottom: 15px; /* Consistent spacing */
}

.page-slug-privacy-policy .hero-subtitle {
  margin-bottom: 20px; /* Reduce space below subtitle */
  /* Inherits text-align: center from .hero-content */
}

/* --- Existing Styles Below --- */

/* Scope rules to Privacy Policy page (replace 'privacy-policy' if slug is different) */
.page-slug-privacy-policy section {
    padding-top: 40px; /* Adjust section padding */
    padding-bottom: 40px;
}

/* Container for the main policy text */
.page-slug-privacy-policy .privacy-content {
  background-color: #ffffff; /* Or keep transparent if desired */
  padding-top: 20px; /* MODIFIED: Reduced top padding */
  padding-bottom: 40px; /* Keep or adjust bottom padding */
}

/* Keep policy headings and text left-aligned */
.page-slug-privacy-policy .privacy-content h2,
.page-slug-privacy-policy .privacy-content h3,
.page-slug-privacy-policy .privacy-content p,
.page-slug-privacy-policy .privacy-list {
  text-align: left;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.page-slug-privacy-policy .privacy-content h2 {
  /* margin-top: 40px; */ /* Original */
  margin-top: 20px;    /* MODIFIED: Reduced top margin */
  margin-bottom: 20px;
  color: #333;
  font-size: 28px;
}

.page-slug-privacy-policy .privacy-content h3 {
  margin-top: 30px; /* Space above sub-headings */
  margin-bottom: 15px;
  color: #444;
  font-size: 22px;
  font-weight: 600;
}

.page-slug-privacy-policy .privacy-content p {
  margin-bottom: 20px;
  line-height: 1.7;
  color: #555;
}

/* Wrapper for logical text blocks if needed */
.page-slug-privacy-policy .privacy-section {
  max-width: 900px; /* Match text width */
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}
.page-slug-privacy-policy .privacy-section:last-of-type {
    margin-bottom: 0;
}

/* Styling for lists within the policy */
.page-slug-privacy-policy .privacy-list {
  margin: 10px auto 30px; /* Adjust vertical margin */
  padding-left: 25px; /* Indent list */
  list-style-type: disc;
  columns: 2; /* Use 2 columns for lists if desired */
  column-gap: 40px;
}

.page-slug-privacy-policy .privacy-list li {
  margin-bottom: 12px;
  text-align: left;
  break-inside: avoid; /* Prevent list items breaking across columns */
  color: #555;
  line-height: 1.6;
}

/* Last updated timestamp styling */
.page-slug-privacy-policy .privacy-updated {
  max-width: 900px; /* Match text width */
  margin: 40px auto 0 auto; /* Top margin, center */
  font-style: italic;
  color: #777;
  text-align: left;
  font-size: 15px;
  border-top: 1px solid #eee;
  padding-top: 20px;
}

/* --- Privacy Policy Responsive --- */
@media (max-width: 768px) {
  /* Switch lists to single column on smaller screens */
  .page-slug-privacy-policy .privacy-list {
    columns: 1;
  }

  .page-slug-privacy-policy .privacy-list li {
    margin-bottom: 10px;
  }

  /* Adjust heading sizes for mobile */
  .page-slug-privacy-policy .privacy-content h2 {
    font-size: 24px;
  }

  .page-slug-privacy-policy .privacy-content h3 {
    font-size: 20px;
  }

  /* Ensure base font size is readable */
  .page-slug-privacy-policy .privacy-content p,
  .page-slug-privacy-policy .privacy-list li {
      font-size: 16px;
  }

  /* Adjust max-width slightly for text block if needed */
  .page-slug-privacy-policy .privacy-content h2,
  .page-slug-privacy-policy .privacy-content h3,
  .page-slug-privacy-policy .privacy-content p,
  .page-slug-privacy-policy .privacy-list,
  .page-slug-privacy-policy .privacy-section,
  .page-slug-privacy-policy .privacy-updated {
      max-width: 100%; /* Allow content to use more width */
      padding-left: 15px; /* Add padding instead of relying solely on max-width */
      padding-right: 15px;
  }
}