/* themes/default/modules/cookies/cookies.css
 *
 * Wave 24+ slim. Tільки page shell + manage card. Sections/hero — у widgets/legal/.
 */

.kp-page--cookies_index {
  max-width: 920px;
  margin-inline: auto;
  padding: 24px 16px;
}

@media (min-width: 720px) {
  .kp-page--cookies_index { padding: 40px 24px; }
}

.kp-cookies-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-block-end: 24px;
}

.kp-cookies-manage {
  margin-block-start: 24px;
  padding: 24px;
  background: linear-gradient(135deg,
    color-mix(in srgb, var(--n-accent, var(--n-accent)) 8%, var(--n-bg-2, var(--n-bg))) 0%,
    var(--n-bg-2, var(--n-bg)) 100%);
  border: 1px solid color-mix(in srgb, var(--n-accent, var(--n-accent)) 25%, var(--n-line, var(--n-text)));
  border-radius: 12px;
  text-align: center;
}

.kp-cookies-manage__title {
  font-size: var(--n-fs);
  font-weight: 700;
  color: var(--n-text, var(--n-bg));
  margin-block-end: 6px;
}

.kp-cookies-manage__text {
  font-size: var(--n-fs);
  color: var(--n-text-mute, var(--n-text-mute));
  margin-block-end: 14px;
  line-height: 1.55;
}

.kp-cookies-manage__btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  background: var(--n-accent, var(--n-accent));
  color: #fff;
  border: 0;
  border-radius: 8px;
  font-family: inherit;
  font-size: var(--n-fs);
  font-weight: 600;
  cursor: pointer;
  transition: filter 0.18s ease;
}

.kp-cookies-manage__btn:hover { filter: brightness(1.1); }