@import url('shared/global.css');
@import url('shared/header.css');
@import url('shared/footer.css');

/* ==========================================
   LEGALS HERO
   ========================================== */

.legals-hero {
  padding: var(--spacing-lg) 0;
  text-align: center;
  background: linear-gradient(135deg, var(--color-green-lighter) 0%, var(--color-green-light) 50%, var(--color-green-dark) 100%);
}

.legals-hero__container {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  align-items: center;
}

.legals-hero__title {
  font-size: 2.2rem;
  font-weight: 500;
  color: var(--color-white);
}

.legals-hero__subtitle {
  font-size: 1.6rem;
  color: var(--color-white);
  opacity: 0.95;
}

/* ==========================================
   LEGALS CONTENT
   ========================================== */

.legals-content {
  padding: var(--spacing-xl) 0;
}

.legals-content__container {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
}

.legals-section__title {
  font-size: 1.6rem;
  color: var(--color-green-light);
  margin-bottom: var(--spacing-md);
  border-left: 4px solid var(--color-green-light);
  padding-left: var(--spacing-sm);
}

.legals-section__content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  padding-left: var(--spacing-sm);
}

.legals-section__content p {
  font-size: 1.2rem;
}

.provider-link {
  color: var(--color-green-light);
  text-decoration: underline;
}

.legals-list {
  margin: var(--spacing-sm) 0 0 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.legals-list li {
  font-size: 1.2rem;
  opacity: 0.95;
  padding-left: var(--spacing-md);
  position: relative;
}

.legals-list li::before {
  content: '•';
  position: absolute;
  left: 0;
  color: var(--color-green-light);
  font-weight: bold;
}

/* #cookies {
  scroll-margin-top: 5rem;
} */

.legals-cookies__subtitle {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--color-green-light);
  margin-top: var(--spacing-xs);
  margin-bottom: var(--spacing-xs);
}

.legals-cookies__category {
  padding: var(--spacing-sm);
  background-color: rgba(220, 240, 220, 0.4);
  border-left: 4px solid var(--color-green-light);
  margin-bottom: var(--spacing-sm);
  border-radius: 4px;
}

.legals-cookies__category-title {
  font-weight: 600;
  color: var(--color-text);
  margin-bottom: var(--spacing-sm);
}

.legals-cookies__category p {
  color: var(--color-text);
  margin-bottom: var(--spacing-sm);
}

.legals-cookies__category p strong {
  font-weight: 600;
}

.legals-cookies__category p:last-child {
  margin-bottom: 0;
}