/* Xandriq - cookies.css
 *
 * Cookiebot widget uses its OWN original branding and colors.
 * NO overrides here — the dialog injected by Cookiebot renders with its default look.
 *
 * This file only contains:
 *   - fallback banner styles (if Cookiebot JS fails to load)
 *   - footer "Süti-beállítások" button (our own markup, not Cookiebot's)
 */

/* Fallback banner (if Cookiebot unavailable) */
.xq-cookie-fallback {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--c-surface);
  border-top: 1px solid var(--c-accent);
  padding: var(--s-16) var(--s-24);
  z-index: 9999;
  display: none;
}

.xq-cookie-fallback.is-visible {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--s-16);
  justify-content: space-between;
}

.xq-cookie-fallback p {
  margin: 0;
  font-size: 0.875rem;
  color: var(--c-text);
  max-width: 760px;
  line-height: 1.55;
}

.xq-cookie-fallback__actions {
  display: flex;
  gap: var(--s-12);
}

/* Cookie-manage link in footer (to open Cookiebot) */
.xq-cookie-manage {
  font-family: var(--f-body);
  background: transparent;
  border: 0;
  padding: 0;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  text-align: inherit;
}

.xq-cookie-manage:hover {
  color: var(--c-accent);
  text-decoration: underline;
  text-underline-offset: 4px;
}