/**
 * moj.golf - Privacy Policy Page Styles v25
 * Design System zgodny z docs/styleguide.md
 * Wymaga: global-25.css, components-25.css, header-nav-25.css, footer-25.css
 */

/* =============================================================================
   0. PAGE SETUP
   ============================================================================= */

/* Hero section, header i nav overrides są w header-nav-25.css */

/* =============================================================================
   1. PRIVACY CONTENT - używa .content-wrapper z components-25.css
   ============================================================================= */

/* Privacy content używa wspólnej klasy .content-wrapper z components-25.css */

/* =============================================================================
   2. PRIVACY HEADER - page title section
   ============================================================================= */

.privacy-header {
  text-align: left;
  margin-bottom: var(--spacing-8);
  padding-bottom: var(--spacing-4);
  border-bottom: 2px solid var(--color-gray-200);
}

.privacy-header .last-updated {
  color: var(--color-gray-600);
  font-size: var(--font-size-body-sm);
  margin: 0;
}

/* =============================================================================
   3. PRIVACY SECTIONS - używa .content-section z components-25.css
   ============================================================================= */

/* Privacy sections używa wspólnej klasy .content-section z components-25.css */
/* Highlight box również pochodzi z components-25.css */

/* =============================================================================
   5. CONTACT INFO BOX
   ============================================================================= */

.contact-info {
  background-color: var(--color-gray-50);
  border: 1px solid var(--color-gray-200);
  padding: var(--spacing-4);
  border-radius: 8px;
  margin-top: var(--spacing-4);
}

.contact-info p {
  margin-bottom: var(--spacing-2);
  color: var(--color-gray-800);
}

.contact-info p:last-child {
  margin-bottom: 0;
}

/* =============================================================================
   6. BACK LINK - używa wspólnej klasy z components-25.css
   ============================================================================= */

/* Back link używa wspólnej klasy .back-link z components-25.css */

/* =============================================================================
   7. RESPONSIVE ADJUSTMENTS
   ============================================================================= */

@media (max-width: 767px) {
  .privacy-header h1 {
    font-size: var(--font-size-h2);
  }

  /* Content section responsive styles są w components-25.css */
}
