/* Privacy Policy Page Styles */

.privacy-page {
      padding: 40px 0 80px;
      background: var(--gray-50);
      min-height: calc(100vh - 200px);
}

.privacy-header {
      text-align: center;
      margin-bottom: 60px;
      padding: 40px;
      background: var(--white);
      border-radius: 15px;
      box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

.privacy-header h1 {
      font-size: 2.5rem;
      color: var(--primary);
      margin-bottom: 15px;
      position: relative;
}

.privacy-header h1::after {
      content: '';
      display: block;
      width: 60px;
      height: 4px;
      background: var(--primary);
      margin: 20px auto;
      border-radius: 2px;
}

.last-updated {
      color: var(--gray-600);
      font-size: 1rem;
      margin: 0;
      font-style: italic;
}

.privacy-content {
      background: var(--white);
      border-radius: 15px;
      box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
      overflow: hidden;
}

.privacy-section {
      padding: 40px;
      border-bottom: 1px solid var(--gray-200);
}

.privacy-section:last-child {
      border-bottom: none;
}

.privacy-section h2 {
      color: var(--primary);
      font-size: 1.5rem;
      margin-bottom: 20px;
      padding-bottom: 10px;
      border-bottom: 2px solid var(--gray-200);
      position: relative;
}

.privacy-section h2::before {
      content: '';
      position: absolute;
      bottom: -2px;
      left: 0;
      width: 60px;
      height: 2px;
      background: var(--primary);
}

.privacy-section h3 {
      color: var(--gray-900);
      font-size: 1.2rem;
      margin: 30px 0 15px 0;
      font-weight: 600;
}

.privacy-section h4 {
      color: var(--gray-800);
      font-size: 1.1rem;
      margin: 20px 0 10px 0;
      font-weight: 600;
}

.privacy-section p {
      color: var(--gray-700);
      line-height: 1.7;
      margin-bottom: 20px;
      text-align: justify;
}

.privacy-section ul,
.privacy-section ol {
      margin: 20px 0;
      padding-left: 30px;
}

.privacy-section li {
      color: var(--gray-700);
      line-height: 1.6;
      margin-bottom: 10px;
}

.privacy-section li strong {
      color: var(--gray-900);
}

.privacy-section a {
      color: var(--primary);
      text-decoration: none;
      border-bottom: 1px dotted var(--primary);
      transition: all 0.3s ease;
}

.privacy-section a:hover {
      color: var(--primary-dark);
      border-bottom-style: solid;
}

/* Cookie Categories */
.cookie-category {
      background: var(--gray-50);
      padding: 20px;
      border-radius: 10px;
      margin: 20px 0;
      border-left: 4px solid var(--primary);
}

.cookie-category h4 {
      color: var(--primary);
      margin-bottom: 10px;
}

.cookie-category p {
      margin-bottom: 10px;
}

.cookie-category ul {
      margin: 10px 0;
      padding-left: 20px;
}

.cookie-category li {
      font-size: 0.9rem;
      margin-bottom: 5px;
}

/* Cookie Settings Button */
.cookie-settings-btn {
      background: var(--primary);
      color: white;
      border: none;
      padding: 10px 20px;
      border-radius: 6px;
      font-size: 0.9rem;
      cursor: pointer;
      transition: all 0.3s ease;
      margin: 10px 0;
      display: inline-flex;
      align-items: center;
      gap: 8px;
}

.cookie-settings-btn:hover {
      background: var(--primary-dark);
      transform: translateY(-1px);
}

/* Contact Information */
.contact-data-subject {
      background: var(--light);
      padding: 20px;
      border-radius: 10px;
      margin: 20px 0;
      border: 1px solid var(--gray-200);
}

.contact-methods {
      display: flex;
      flex-direction: column;
      gap: 10px;
      margin-top: 15px;
}

.contact-item {
      display: flex;
      align-items: center;
      gap: 10px;
      color: var(--gray-700);
}

.contact-item i {
      color: var(--primary);
      width: 20px;
      text-align: center;
}

.contact-item a {
      color: var(--primary);
      text-decoration: none;
      font-weight: 500;
}

.contact-item a:hover {
      text-decoration: underline;
}


.contact-section h4 {
      color: var(--primary);
      margin-bottom: 20px;
      font-size: 1.3rem;
}

.contact-details {
      display: grid;
      gap: 15px;
}

/* Disclaimer Section */
.disclaimer {
      background: var(--light);
      border: 1px solid var(--warning);
      border-left: 4px solid var(--warning);
}

.disclaimer h2 {
      color: var(--warning);
}

/* Privacy Footer */
.privacy-footer {
      background: var(--white);
      padding: 40px;
      margin-top: 30px;
      border-radius: 15px;
      box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
      text-align: center;
}

.footer-actions {
      display: flex;
      justify-content: center;
      gap: 15px;
      margin-bottom: 30px;
      flex-wrap: wrap;
}

.footer-note {
      padding: 20px;
      background: var(--light);
      border-radius: 10px;
      border-left: 4px solid var(--info);
}

.footer-note p {
      margin: 0;
      color: var(--gray-700);
      font-size: 0.95rem;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
}

.footer-note i {
      color: var(--info);
}

/* Print Styles */
@media print {
      .privacy-page {
            background: white;
            padding: 0;
      }

      .privacy-header,
      .privacy-content,
      .privacy-footer {
            box-shadow: none;
            border: 1px solid #ddd;
      }

      .footer-actions {
            display: none;
      }

      .cookie-settings-btn {
            display: none;
      }

      .privacy-section a {
            color: inherit;
            text-decoration: underline;
      }
}

/* Responsive Design */
@media (max-width: 768px) {
      .privacy-page {
            padding: 20px 0 40px;
      }

      .privacy-header {
            padding: 30px 20px;
            margin-bottom: 30px;
      }

      .privacy-header h1 {
            font-size: 2rem;
      }

      .privacy-section {
            padding: 30px 20px;
      }

      .privacy-section h2 {
            font-size: 1.3rem;
      }

      .privacy-section h3 {
            font-size: 1.1rem;
      }

      .privacy-section ul,
      .privacy-section ol {
            padding-left: 20px;
      }

      .contact-methods {
            gap: 8px;
      }

      .contact-details {
            gap: 12px;
      }

      .footer-actions {
            flex-direction: column;
            align-items: center;
      }

      .footer-actions .btn {
            width: 100%;
            max-width: 280px;
      }

      .footer-note p {
            flex-direction: column;
            text-align: center;
            gap: 5px;
      }
}

@media (max-width: 480px) {
      .privacy-header h1 {
            font-size: 1.8rem;
      }

      .privacy-section {
            padding: 20px 15px;
      }

      .contact-data-subject,
      .cookie-category {
            padding: 15px;
      }

      .privacy-footer {
            padding: 30px 20px;
      }
}