/* == Cookie Policy Page Custom Styles == */
.cookie-policy-content {
  max-width: 820px;
  margin: var(--space-12) auto var(--space-12) auto;
  background: linear-gradient(115deg, rgba(16,255,214,0.04) 0%, rgba(64,224,255,0.03) 100%), var(--color-bg-alt);
  box-shadow: 0 0 24px 2px #10ffd655, 0 6px 40px #23294277;
  border-radius: var(--radius-lg);
  padding: var(--space-12) var(--space-8);
  position: relative;
}
@media (max-width: 700px) {
  .cookie-policy-content {
    padding: var(--space-6) var(--space-3);
    margin: var(--space-8) auto var(--space-8) auto;
  }
}

.cookie-types-list {
  list-style: none;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-3) var(--space-8);
  margin-bottom: var(--space-8);
}
@media (max-width:700px) {
  .cookie-types-list {
    grid-template-columns: 1fr;
  }
}
.cookie-types-list li {
  background: linear-gradient(100deg,#231c2baa 70%,#10ffd633 100%);
  border-radius: var(--radius);
  padding: var(--space-4);
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  box-shadow: 0 0 8px 1px #40e0ff44;
  font-size: var(--font-size-base);
  color: var(--color-text);
}
.cookie-icon {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  display: inline-block;
  margin-top: 3px;
  flex-shrink: 0;
  box-shadow: 0 0 8px 2px #10ffd655;
}
.cookie-icon-essential {
  background: radial-gradient(circle at 40% 40%, #10ffd6 60%, #18141d 100%);
  box-shadow: 0 0 4px 2px #10ffd6cc, 0 0 16px #10ffd633;
}
.cookie-icon-performance {
  background: linear-gradient(135deg, #40e0ff 40%, #10ffd6cc 100%);
  border: 1.5px solid #40e0ff;
}
.cookie-icon-functionality {
  background: linear-gradient(135deg, #faff04 65%, #10ffd655 100%);
  border: 1.5px solid #faff04;
  box-shadow: 0 0 4px 2px #faff0466;
}
.cookie-icon-analytics {
  background: repeating-conic-gradient(from 20deg, #a0a4b8 0 35deg,#10ffd6 35deg 70deg);
  border: 1.5px solid #10ffd6;
}
.cookie-icon-marketing {
  background: linear-gradient(130deg, #ff1843 60%, #faff04 100%);
  border: 1.5px solid #ff1843;
  box-shadow: 0 0 6px 1px #ff184399;
}

.third-party-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  margin-bottom: var(--space-4);
}
.third-party-faction {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  background: linear-gradient(100deg, #231c2b80 70%, #10ffd623 100%);
  border-radius: var(--radius);
  padding: var(--space-3) var(--space-4);
  box-shadow: 0 0 8px 0 #40e0ff22;
}
.third-party-icon {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: inline-block;
  background: #22222b;
  box-shadow: 0 0 6px 0 #10ffd655;
}
.third-party-icon.analytics {
  background: linear-gradient(45deg, #40e0ff 70%, #10ffd6cc 100%);
  mask: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="3" stroke-linecap="round" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="8.5"/><path d="M12 12v-5"/><path d="M12 12h5"/></svg>') no-repeat center/60%;
}
.third-party-icon.marketing {
  background: linear-gradient(45deg, #ff1843 65%, #faff04 100%);
  mask: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="3" stroke-linecap="round" xmlns="http://www.w3.org/2000/svg"><rect x="6" y="8" width="12" height="8" rx="3"/><path d="M12 16v-2"/></svg>') no-repeat center/68%;
}
.third-party-icon.social {
  background: linear-gradient(45deg, #40e0ff 45%, #6e7185 100%);
  mask: url('data:image/svg+xml;utf8,<svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="8" cy="12" r="2.5" fill="white"/><circle cx="16" cy="12" r="2.5" fill="white"/><path d="M10.5 12h3" stroke="white" stroke-width="2.5" stroke-linecap="round"/></svg>') no-repeat center/65%;
}

/* Callout links and inline links styling */
.cookie-policy-content a {
  color: var(--color-primary-accent);
  text-decoration: underline;
  font-weight: 500;
  transition: color var(--transition-fast), text-shadow var(--transition-fast);
}
.cookie-policy-content a:hover, .cookie-policy-content a:focus-visible {
  color: var(--color-primary);
  text-shadow: 0 0 4px #10ffd6bb, 0 2px 6px #10ffd655;
}

.cookie-policy-content ul {
  margin: 0 0 var(--space-4) var(--space-4);
  padding-left: var(--space-4);
}
.cookie-policy-content li {
  margin-bottom: var(--space-3);
  color: var(--color-text);
  font-size: var(--font-size-base);
}

.cookie-policy-content h2 {
  margin-top: var(--space-8);
  margin-bottom: var(--space-3);
  font-size: var(--font-size-xl);
}

.cookie-policy-content h1 {
  margin-top: var(--space-2);
  margin-bottom: var(--space-4);
  font-size: var(--font-size-2xl);
  text-shadow: 0 0 12px #10ffd688;
}

@media (max-width: 850px) {
  .cookie-policy-content {
    max-width: 98vw;
  }
}