/* Page-owned styles for Polityka Cookies */

/* Hero Section */
.cookie-hero {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--space-3xl) var(--container-padding);
  background-color: var(--color-bg-deep);
  text-align: center;
}

.cookie-hero__content {
  max-width: 800px;
  width: 100%;
  margin-inline: auto;
}

.cookie-hero__title {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: clamp(2rem, calc(2rem + 1.5 * ((100vw - 320px) / 1120)), 3.5rem);
  line-height: var(--line-height-h1);
  color: var(--color-accent-neon);
  margin-block-end: var(--space-l);
  text-shadow: 0 0 8px var(--color-glow-neon);
  text-align: center;
}

.cookie-hero__intro {
  font-family: var(--font-body);
  font-size: 1rem;
  line-height: var(--line-height-body);
  color: var(--color-text-primary);
  text-align: left;
  max-width: 650px;
  margin-inline: auto;
}

/* Section wrapper */
.cookie-section {
  display: flex;
  justify-content: center;
  padding: var(--space-2xl) var(--container-padding);
}

.cookie-section__block {
  max-width: 800px;
  width: 100%;
  margin-inline: auto;
}

/* Terminal label */
.terminal-label {
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-accent-neon);
  display: block;
  margin-block-end: var(--space-s);
  font-size: 0.875rem;
}

/* Section heading */
.cookie-section__heading {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: clamp(1.5rem, calc(1.5rem + 1 * ((100vw - 320px) / 1120)), 2.5rem);
  line-height: var(--line-height-h2);
  color: var(--color-text-primary);
  margin-block-end: var(--space-l);
  text-align: left;
  max-width: 650px;
}

/* Text block with left border accent */
.cookie-section__block p {
  font-family: var(--font-body);
  font-size: 1rem;
  line-height: var(--line-height-body);
  color: var(--color-text-primary);
  margin-block-end: var(--space-m);
  max-width: 650px;
  text-align: left;
  border-left: 3px solid var(--color-accent-neon);
  padding-left: var(--space-m);
  box-shadow: -2px 0 8px rgba(85, 239, 124, 0.2);
}

/* Cards container */
.cookie-cards {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-l);
  margin-block-start: var(--space-l);
}

/* Individual card */
.cookie-card {
  background-color: var(--color-surface-mid);
  border: 1px solid var(--color-border-subtle);
  border-left: 3px solid var(--color-accent-neon);
  border-radius: var(--radius-card);
  padding: var(--space-l);
  box-shadow: -2px 0 8px rgba(85, 239, 124, 0.2);
}

.cookie-card__title {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: clamp(1.25rem, calc(1.25rem + 0.5 * ((100vw - 320px) / 1120)), 1.75rem);
  line-height: var(--line-height-h3);
  color: var(--color-accent-neon);
  margin-block-end: var(--space-m);
}

.cookie-card p {
  border-left: none;
  padding-left: 0;
  box-shadow: none;
  max-width: 100%;
  margin-block-end: 0;
}

/* Browser list */
.cookie-browser-list {
  list-style: none;
  padding: 0;
  margin-block-start: var(--space-m);
  margin-block-end: var(--space-m);
  max-width: 650px;
  border-left: 3px solid var(--color-accent-neon);
  padding-left: var(--space-m);
  box-shadow: -2px 0 8px rgba(85, 239, 124, 0.2);
}

.cookie-browser-list li {
  font-family: var(--font-body);
  font-size: 1rem;
  line-height: var(--line-height-body);
  color: var(--color-text-primary);
  margin-block-end: var(--space-s);
  padding-left: var(--space-s);
}

.cookie-browser-list li:last-child {
  margin-block-end: 0;
}

/* Contact block */
.cookie-contact {
  margin-block-start: var(--space-m);
  max-width: 650px;
  border-left: 3px solid var(--color-accent-neon);
  padding-left: var(--space-m);
  box-shadow: -2px 0 8px rgba(85, 239, 124, 0.2);
}

.cookie-contact p {
  border-left: none;
  padding-left: 0;
  box-shadow: none;
  margin-block-end: var(--space-s);
}

.cookie-contact p:last-child {
  margin-block-end: 0;
}

/* Responsive adjustments */
@media (max-width: 767px) {
  .cookie-hero {
    padding: var(--space-2xl) var(--container-padding);
  }

  .cookie-hero__title {
    font-size: 2rem;
    text-shadow: 0 0 4px var(--color-glow-neon);
  }

  .cookie-hero__intro {
    font-size: 0.95rem;
  }

  .cookie-section__heading {
    font-size: 1.5rem;
  }

  .cookie-section__block p,
  .cookie-browser-list,
  .cookie-contact {
    border-left-width: 2px;
    box-shadow: -1px 0 4px rgba(85, 239, 124, 0.15);
  }

  .cookie-card {
    border-left-width: 2px;
    box-shadow: -1px 0 4px rgba(85, 239, 124, 0.15);
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cookie-hero__title {
    font-size: 2.8rem;
  }
}