/* Cookie banner, shared by the variants (template/blocks/cookie/*.twig). Loaded only with the banner on.
   Hidden unless js/elbuz_consent.js put html.et-consent-ask (before the first paint): no flash, no banner without JS.
   Colours come from .et-scheme-<code> (compiled by the preset model); tokens only. */
.et-consent { display: none; }
html.et-consent-ask .et-consent { display: block; }

.et-consent {
  position: fixed;
  z-index: 9000; /* over the bottom nav and scroll-top, under dialogs (10000) */
  font-size: var(--et-text-sm);
  line-height: var(--et-body-leading, 1.5);
}
.et-consent__inner {
  background: var(--et-bg);
  color: var(--et-text);
}
.et-consent__title {
  margin: 0 0 var(--space-xs);
  font-family: var(--et-font-display, var(--et-font));
  font-size: var(--et-text-base);
  font-weight: var(--et-heading-weight, 700);
  line-height: var(--et-heading-leading, 1.2);
  color: inherit;
}
.et-consent__text { margin: 0; color: inherit; }
.et-consent__link { color: inherit; text-decoration: underline; text-underline-offset: 0.2em; }
.et-consent__link:hover { color: var(--et-accent); }
.et-consent__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-xs);
}
.et-consent__btn { flex: 1 1 auto; justify-content: center; }

/* "Налаштувати" window (<dialog class="et-modal">) */
.et-consent__form { display: grid; gap: var(--space-sm); }
.et-consent__cat {
  display: flex;
  gap: var(--space-sm);
  align-items: flex-start;
  padding: var(--space-sm);
  border: var(--et-border-width) solid var(--et-border);
  border-radius: var(--et-radius-sm);
  cursor: pointer;
}
.et-consent__check {
  flex: none;
  width: 1.15em;
  height: 1.15em;
  margin-top: 0.15em;
  accent-color: var(--et-accent);
}
.et-consent__check:disabled { cursor: default; }
.et-consent__cat-body { display: grid; gap: 0.15em; }
.et-consent__cat-name { font-weight: 600; color: var(--et-text); }
.et-consent__always { font-weight: 400; font-size: var(--et-text-xs); color: var(--et-text-muted); }
.et-consent__cat-desc { font-size: var(--et-text-sm); color: var(--et-text-secondary); }
.et-consent__form .et-consent__actions { margin-top: var(--space-xs); }

@media (prefers-reduced-motion: no-preference) {
  html.et-consent-ask .et-consent__inner { animation: et-consent-in 0.3s ease-out both; }
}
@keyframes et-consent-in { from { opacity: 0; transform: translateY(1rem); } }

/* "Налаштування cookie" in the footer legal links (blocks/footer/_bottom.twig): a button that looks like its neighbours */
.et-consent-open {
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  text-decoration: inherit;
  cursor: pointer;
}
.et-consent-open:hover { color: var(--et-accent); }