/* Cookie Policy Page Styles | TazzexGame */

.cookie-policy-main {
  padding-top: var(--space-12);
  padding-bottom: var(--space-12);
  min-height: 60vh;
}
.policy-card {
  max-width: 740px;
  margin: 0 auto;
  box-shadow: var(--shadow-lg);
  background: linear-gradient(120deg, rgba(77,116,224,0.16) 4%, var(--color-surface) 90%);
  padding: var(--space-8) var(--space-6);
}
.policy-card h1 {
  margin-bottom: var(--space-6);
  text-align: center;
  letter-spacing: -0.5px;
  color: var(--color-primary-accent);
}
.policy-card h2 {
  margin-top: var(--space-6);
  margin-bottom: var(--space-3);
  color: var(--color-primary);
  font-size: var(--font-size-md);
  letter-spacing: -0.15px;
}
.policy-card ul {
  list-style: disc inside;
  margin-bottom: var(--space-3);
}
.policy-card ul.cookie-types-list > li {
  margin-bottom: 0.65em;
}
.policy-card ul.cookie-settings-links > li,
.policy-card ul.third-party-policy-links > li {
  margin-bottom: 0.4em;
}
.policy-card .policy-date {
  margin-top: var(--space-6);
  color: var(--color-gray-400);
  font-size: var(--font-size-sm);
  text-align: right;
}
.policy-card a {
  color: var(--color-primary-accent);
  word-break: break-all;
}
.policy-card a:hover {
  color: var(--color-warning);
}
.policy-card .contact-list {
  list-style: none;
  padding-left: 0;
}
.policy-card .contact-list li {
  margin-bottom: 0.25em;
}

@media (max-width: 800px) {
  .policy-card {
    max-width: 100%;
    padding: var(--space-6) var(--space-3);
  }
}
@media (max-width: 540px) {
  .policy-card {
    padding: var(--space-4) var(--space-1);
  }
  .cookie-policy-main {
    padding-top: var(--space-4);
    padding-bottom: var(--space-4);
  }
}