/**
 * ASP Cookie Consent — amplasare + corecții conform Figma (cookie-banner-asp).
 *
 * Stilizarea de bază a componentelor (panou, titlu, text, preferințe, switch,
 * tag, separator) provine din tema aspgovmd → css/components/cookie-banner.css.
 * Aici: poziționarea în colț dreapta-jos, lățimea desktop (792px), starea
 * Extended (footer „Confirm choices”) și stilurile butoanelor conform Figma.
 *
 * Desktop: card lat 792px, butoane pe orizontală.
 * Mobil (<576): card pe toată lățimea, butoane stivuite.
 */

.asp-cookie-banner[hidden] {
  display: none !important;
}

[data-cc-footer][hidden] {
  display: none !important;
}

/* ── Poziționare: colț dreapta-jos ───────────────────────────── */
.asp-cookie-banner.asp-cookie-banner--corner {
  left: auto;
  right: var(--spacing-16, 16px);
  bottom: var(--spacing-16, 16px);
  justify-content: flex-end;
}

/* Desktop: lățime fixă conform Figma. */
.asp-cookie-banner.asp-cookie-banner--corner .asp-cookie-banner__panel {
  max-width: 792px;
}

/* ── Chevron în header: doar în starea Extended (închide preferințele) ── */
.asp-cookie-banner__icon-btn {
  display: none;
}

.asp-cookie-banner--expanded .asp-cookie-banner__icon-btn {
  display: inline-flex;
}

/* ── Footer: stare Default vs Extended ───────────────────────── */
.asp-cookie-banner__footer--confirm {
  justify-content: flex-end;
}

/* Bifă „Necesare” (mereu activ). */
.asp-cookie-banner__check {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  color: var(--color-brand-primary, #00357e);
}

/* ── Butoane conform Figma (desktop) ─────────────────────────── */
/* Allow all / Confirm choices — filled navy. */
.asp-cookie-banner .asp-cookie-banner__btn--accept {
  background: var(--color-brand-primary, #00357e);
  border-color: var(--color-brand-primary, #00357e);
  color: var(--white, #fff);
}

.asp-cookie-banner .asp-cookie-banner__btn--accept:hover {
  background: var(--blue-sky-600, #0058d2);
  border-color: var(--blue-sky-600, #0058d2);
}

/* Allow only necessary — outlined albastru. */
.asp-cookie-banner .asp-cookie-banner__btn--decline {
  background: transparent;
  border-color: var(--border-asp-secondary, #99bced);
  color: var(--text-asp-secondary, #0058d2);
}

.asp-cookie-banner .asp-cookie-banner__btn--decline:hover {
  background: var(--background-asp-secondary-hover, #ccdef6);
  border-color: var(--border-asp-secondary, #99bced);
  color: var(--text-asp-secondary, #0058d2);
}

/* Manage cookies (desktop) — filled navy. */
.asp-cookie-banner .asp-cookie-banner__btn--settings {
  background: var(--color-brand-primary, #00357e);
  border-color: var(--color-brand-primary, #00357e);
  color: var(--white, #fff);
}

.asp-cookie-banner .asp-cookie-banner__btn--settings:hover {
  background: var(--blue-sky-600, #0058d2);
  border-color: var(--blue-sky-600, #0058d2);
}

.asp-cookie-banner__text a{text-wrap: nowrap;}

/* ── Mobil (<576): card full-width, butoane stivuite ─────────── */
@media (max-width: 575.98px) {
  .asp-cookie-banner.asp-cookie-banner--corner {
    left: var(--spacing-16, 16px);
    right: var(--spacing-16, 16px);
  }

  .asp-cookie-banner.asp-cookie-banner--corner .asp-cookie-banner__panel {
    max-width: none;
  }

  .asp-cookie-banner__footer {
    flex-direction: column;
    align-items: stretch;
    gap: var(--spacing-8, 8px);
  }

  .asp-cookie-banner__footer-end {
    order: 1;
    flex-direction: column;
    width: 100%;
    gap: var(--spacing-8, 8px);
  }

  .asp-cookie-banner__btn {
    width: 100%;
  }

  /* Ordinea Figma pe mobil: Allow all, Allow only necessary, Manage cookies. */
  .asp-cookie-banner__footer-end .asp-cookie-banner__btn--accept {
    order: 1;
  }

  .asp-cookie-banner__footer-end .asp-cookie-banner__btn--decline {
    order: 2;
  }

  .asp-cookie-banner__btn--settings {
    order: 3;
  }

  /* Manage cookies (mobil) — outlined subtil (Figma: Positive). */
  .asp-cookie-banner .asp-cookie-banner__btn--settings {
    background: transparent;
    border-color: var(--background-asp-positive-secondary, #e6f5ee);
    color: var(--color-text-base-secondary, #383838);
  }

  .asp-cookie-banner .asp-cookie-banner__btn--settings:hover {
    background: var(--background-asp-positive-default-hover, #027948);
    border-color: var(--background-asp-positive-default-hover, #027948);
    color: var(--white, #fff);
  }
}