/* GENERATED by scripts/build-wp-theme.js --client=palatou from packages/ui/components/ConsentBanner.astro + styles/theme.css (#consent-banner). Do not edit: change the source, then rebuild. */

/* Tailwind's preflight, as far as the banner relies on it (the shop has no Tailwind), at preflight's weight. */
:where(#consent-banner, #consent-banner *, #consent-banner ::before, #consent-banner ::after) { box-sizing: border-box; border: 0 solid; }
:where(#consent-banner) p { margin: 0; }
:where(#consent-banner) a { color: inherit; text-decoration: inherit; }
:where(#consent-banner) button, :where(#consent-banner) input { font-family: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; color: inherit; margin: 0; padding: 0; }
:where(#consent-banner) button { background-color: transparent; background-image: none; text-transform: none; -webkit-appearance: button; cursor: pointer; }
:where(#consent-banner) [hidden] { display: none; }

/* The Tailwind utilities in the markup */
:where(#consent-banner).fixed,
:where(#consent-banner) .fixed {
  position: fixed;
}
:where(#consent-banner).inset-x-0,
:where(#consent-banner) .inset-x-0 {
  left: 0;
  right: 0;
}
:where(#consent-banner).bottom-0,
:where(#consent-banner) .bottom-0 {
  bottom: 0;
}
:where(#consent-banner).z-\[60\],
:where(#consent-banner) .z-\[60\] {
  z-index: 60;
}
:where(#consent-banner).m-0,
:where(#consent-banner) .m-0 {
  margin: 0;
}
:where(#consent-banner).mx-auto,
:where(#consent-banner) .mx-auto {
  margin-left: auto;
  margin-right: auto;
}
:where(#consent-banner).mb-1,
:where(#consent-banner) .mb-1 {
  margin-bottom: 0.25rem;
}
:where(#consent-banner).mb-3,
:where(#consent-banner) .mb-3 {
  margin-bottom: 0.75rem;
}
:where(#consent-banner).ml-1,
:where(#consent-banner) .ml-1 {
  margin-left: 0.25rem;
}
:where(#consent-banner).mt-1,
:where(#consent-banner) .mt-1 {
  margin-top: 0.25rem;
}
:where(#consent-banner).block,
:where(#consent-banner) .block {
  display: block;
}
:where(#consent-banner).flex,
:where(#consent-banner) .flex {
  display: flex;
}
:where(#consent-banner).max-w-6xl,
:where(#consent-banner) .max-w-6xl {
  max-width: 72rem;
}
:where(#consent-banner).cursor-pointer,
:where(#consent-banner) .cursor-pointer {
  cursor: pointer;
}
:where(#consent-banner).flex-wrap,
:where(#consent-banner) .flex-wrap {
  flex-wrap: wrap;
}
:where(#consent-banner).items-start,
:where(#consent-banner) .items-start {
  align-items: flex-start;
}
:where(#consent-banner).items-center,
:where(#consent-banner) .items-center {
  align-items: center;
}
:where(#consent-banner).gap-2,
:where(#consent-banner) .gap-2 {
  gap: 0.5rem;
}
:where(#consent-banner) .space-y-3 > :not([hidden]) ~ :not([hidden]) {
  margin-top: 0.75rem;
}
:where(#consent-banner).border-t,
:where(#consent-banner) .border-t {
  border-top-width: 1px;
}
:where(#consent-banner).border-black\/10,
:where(#consent-banner) .border-black\/10 {
  border-color: rgb(0 0 0 / 0.1);
}
:where(#consent-banner).px-4,
:where(#consent-banner) .px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
:where(#consent-banner).py-4,
:where(#consent-banner) .py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
:where(#consent-banner).font-heading,
:where(#consent-banner) .font-heading {
  font-family: var(--font-heading), system-ui, sans-serif;
}
:where(#consent-banner).text-sm,
:where(#consent-banner) .text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
:where(#consent-banner).font-semibold,
:where(#consent-banner) .font-semibold {
  font-weight: 600;
}
:where(#consent-banner).underline,
:where(#consent-banner) .underline {
  text-decoration-line: underline;
}
:where(#consent-banner).opacity-75,
:where(#consent-banner) .opacity-75 {
  opacity: 0.75;
}
:where(#consent-banner).opacity-90,
:where(#consent-banner) .opacity-90 {
  opacity: 0.9;
}
:where(#consent-banner).shadow-\[0_-2px_12px_rgba\(0\,0\,0\,0\.1\)\],
:where(#consent-banner) .shadow-\[0_-2px_12px_rgba\(0\,0\,0\,0\.1\)\] {
  box-shadow: 0 -2px 12px rgba(0,0,0,0.1);
}

/* The component's own <style> */
:where(#consent-banner) .consent-btn {
  border: 1px solid var(--brand-primary);
  background: var(--brand-primary);
  color: var(--brand-background);
  padding: 0.5rem 1.25rem;
  border-radius: 0.375rem;
  font-weight: 600;
  font-size: inherit;
  cursor: pointer;
}
:where(#consent-banner) .consent-link {
  background: none;
  border: none;
  padding: 0.5rem;
  font-size: inherit;
  text-decoration: underline;
  color: var(--brand-accent);
  cursor: pointer;
}
:where(#consent-banner) .consent-btn:focus-visible,
:where(#consent-banner) .consent-link:focus-visible,
:where(#consent-banner) input:focus-visible {
  outline: 2px solid var(--brand-accent);
  outline-offset: 2px;
}

/* The client's option A (styles/theme.css) */
#consent-banner .font-heading {
  --brand-primary: var(--gold-deep);
}
#consent-banner {
  --consent-ink: #1F1D1A;
  --consent-paper: #FAF7F2;
  --brand-accent: var(--consent-ink);
  z-index: 2000000001;
}
#consent-banner #consent-accept,
#consent-banner #consent-reject,
#consent-banner #consent-save {
  background: var(--consent-ink);
  color: var(--consent-paper);
  border: 1.5px solid var(--consent-ink);
  border-radius: 8px;
  padding: 0.625rem 1.25rem;
  min-width: 15rem;
  font-family: var(--font);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: 0;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}
#consent-banner #consent-accept:hover,
#consent-banner #consent-reject:hover,
#consent-banner #consent-save:hover {
  background: #000;
  border-color: #000;
  color: var(--consent-paper);
}
#consent-banner #consent-accept:focus-visible,
#consent-banner #consent-reject:focus-visible,
#consent-banner #consent-save:focus-visible,
#consent-banner #consent-open-settings:focus-visible,
#consent-banner #consent-analytics:focus-visible,
#consent-banner #consent-marketing:focus-visible {
  outline: 2px solid var(--consent-ink);
  outline-offset: 2px;
}
#consent-banner #consent-open-settings {
  background: none;
  border: 0;
  border-radius: 0;
  padding: 0.625rem 0.25rem;
  min-width: 0;
  color: var(--consent-ink);
  font-family: var(--font);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25;
  text-align: center;
  text-decoration: underline;
  text-underline-offset: 0.2em;
  cursor: pointer;
}
#consent-banner #consent-accept,
#consent-banner #consent-reject,
#consent-banner #consent-open-settings {
  flex: 0 0 100%;
  width: 100%;
}
#consent-banner #consent-save {
  width: 100%;
}
@media (min-width: 861px) {
  #consent-banner #consent-accept,
  #consent-banner #consent-reject,
  #consent-banner #consent-open-settings {
    flex: 0 1 auto;
    width: auto;
  }
  #consent-banner #consent-save {
    width: auto;
  }
}
#consent-banner #consent-analytics,
#consent-banner #consent-marketing {
  accent-color: var(--consent-ink);
  width: 1rem;
  height: 1rem;
}