/* Maps vanilla-cookieconsent's own CSS variables onto this site's design
   tokens (--ground, --ink, --accent, etc., defined in the compiled Tailwind
   bundle's :root). These are plain custom properties, not Tailwind utility
   classes, so they work regardless of what's in the frozen JIT CSS file. */
/* Buttons mirror the site's real .btn-primary/.btn-secondary: solid --ink
   (never --accent) at rest, --accent only shows up on hover - same as
   "Book a call" etc. elsewhere on the site. */
#cc-main {
  --cc-font-family: var(--font-sans, inherit);
  --cc-bg: var(--surface, #fff);
  --cc-primary-color: var(--ink, #1a1a1a);
  --cc-secondary-color: var(--muted, #646464);
  --cc-btn-primary-bg: var(--ink, #1a1a1a);
  --cc-btn-primary-border-color: var(--ink, #1a1a1a);
  --cc-btn-primary-color: var(--ground, #f8f8f8);
  --cc-btn-primary-hover-bg: var(--accent, #1e3a5f);
  --cc-btn-primary-hover-border-color: var(--accent, #1e3a5f);
  --cc-btn-primary-hover-color: var(--ground, #f8f8f8);
  --cc-btn-secondary-bg: var(--surface, #fff);
  --cc-btn-secondary-border-color: var(--line, #e8e8e8);
  --cc-btn-secondary-color: var(--ink, #1a1a1a);
  --cc-btn-secondary-hover-bg: var(--surface, #fff);
  --cc-btn-secondary-hover-border-color: var(--ink, #1a1a1a);
  --cc-btn-secondary-hover-color: var(--ink, #1a1a1a);
  --cc-separator-border-color: var(--line, #e8e8e8);
  --cc-cookie-category-block-bg: var(--ground, #f8f8f8);
  --cc-cookie-category-block-border: var(--line, #e8e8e8);
  --cc-cookie-category-block-hover-bg: var(--line-2, #ededed);
  --cc-cookie-category-expanded-block-bg: var(--ground, #f8f8f8);
  --cc-toggle-on-bg: var(--ink, #1a1a1a);
  --cc-toggle-off-bg: var(--line-2, #ededed);
  --cc-toggle-off-knob-bg: var(--muted, #646464);
  --cc-toggle-readonly-bg: var(--faint, #9c9c9c);
  --cc-footer-bg: var(--ground, #f8f8f8);
  --cc-footer-border-color: var(--line, #e8e8e8);
  --cc-footer-color: var(--muted, #646464);
  --cc-link-color: var(--accent, #1e3a5f);
  --cc-modal-border-radius: 0.5rem;
  --cc-btn-border-radius: 0.25rem;
  font-size: 14px;
}

/* Minimal/compact sizing - the library's default box/preferences layouts
   are roomy (24rem+ wide consent box, a 43em/near-full-height preferences
   panel). Several of these dimensions (toggle switches, section min-height)
   are hardcoded in px rather than em, so shrinking #cc-main's font-size
   alone doesn't touch them - each needs its own override below. */
#cc-main .cm {
  max-width: 21rem;
}
#cc-main .cm__title {
  padding: 0 1.1rem;
  font-size: 1em;
}
#cc-main .cm__desc {
  padding: 0 1.1rem 0.85em;
  font-size: 0.9em;
  line-height: 1.5;
}
#cc-main .cm__texts {
  padding-top: 0.85rem;
}
#cc-main .cm__btns,
#cc-main .cm__links {
  padding: 0.85rem 1.1rem;
}
#cc-main .cm__btn {
  min-height: 0;
  height: auto;
  padding: 0.6em 1em;
  font-size: 0.85em;
}

#cc-main .pm--box {
  height: auto;
  max-height: 80vh;
  max-width: 23em;
}
#cc-main .pm__header,
#cc-main .pm__body,
#cc-main .pm__footer {
  padding: 0.85em 1.1em;
}
#cc-main .pm__title {
  font-size: 1em;
}
#cc-main .pm__close-btn {
  width: 32px;
  height: 32px;
}
#cc-main .pm__section:first-child {
  margin-bottom: 1em;
}
#cc-main .pm__section-title {
  min-height: 0;
  padding: 0.75em 3rem 0.75em 0.85em;
  font-size: 0.9em;
}
#cc-main .pm__section-desc {
  font-size: 0.85em;
}
/* Scale the whole toggle switch as one unit rather than resizing the
   track/knob/travel-distance separately - those are three different
   hardcoded-px values in the library's own CSS that have to stay in sync,
   and overriding only some of them (tried first) desynced the knob from
   its track. transform scales the entire rendered subtree together, so
   the internal math stays intact; transform-origin matches the library's
   own "right:18px" anchor so it shrinks in place instead of drifting. */
#cc-main .section__toggle-wrapper {
  transform: scale(0.8);
  transform-origin: right center;
}
#cc-main .pm__btn {
  min-height: 0;
  min-width: 0;
  padding: 0.6em 1.2em;
  font-size: 0.85em;
}

/* Floating "manage cookies" launcher, injected by js/cookie-consent.js.
   Bottom-right so it never overlaps the consent modal (bottom-left). */
#cc-floating-trigger {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
  border: 1px solid var(--line, #e8e8e8);
  border-radius: 999px;
  background: var(--surface, #fff);
  color: var(--muted, #646464);
  cursor: pointer;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  transition: color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

#cc-floating-trigger:hover {
  color: var(--accent, #1e3a5f);
  border-color: var(--accent-soft, #6d8aa8);
  transform: translateY(-1px);
}