/*
 * EPNB Consent — inherit the active theme's look.
 * Block themes: theme.json presets. Classic themes: the fallbacks apply,
 * override them in the child theme if needed.
 */
#cc-main {
  --cc-font-family: inherit;
  --cc-bg: var(--wp--preset--color--base, #ffffff);
  --cc-primary-color: var(--wp--preset--color--contrast, #1e1e1e);
  --cc-secondary-color: var(--wp--preset--color--contrast, #1e1e1e);
  --cc-link-color: var(--wp--preset--color--primary, currentColor);

  --cc-btn-primary-bg: var(--wp--preset--color--primary, #1e1e1e);
  --cc-btn-primary-color: var(--wp--preset--color--base, #ffffff);
  --cc-btn-primary-border-color: var(--cc-btn-primary-bg);
  --cc-btn-primary-hover-bg: var(--wp--preset--color--contrast, #000000);
  --cc-btn-primary-hover-color: var(--wp--preset--color--base, #ffffff);
  --cc-btn-primary-hover-border-color: var(--cc-btn-primary-hover-bg);

  /* Refuse = same visual weight as accept (CNIL) */
  --cc-btn-secondary-bg: transparent;
  --cc-btn-secondary-color: var(--wp--preset--color--contrast, #1e1e1e);
  --cc-btn-secondary-border-color: currentColor;
  --cc-btn-secondary-hover-bg: transparent;
  --cc-btn-secondary-hover-color: var(--wp--preset--color--primary, #1e1e1e);
  --cc-btn-secondary-hover-border-color: currentColor;

  --cc-toggle-on-bg: var(--wp--preset--color--primary, #1e1e1e);
  --cc-toggle-readonly-bg: color-mix(in srgb, var(--cc-primary-color) 35%, transparent);
  --cc-separator-border-color: color-mix(in srgb, var(--cc-primary-color) 15%, transparent);
  --cc-cookie-category-block-bg: color-mix(in srgb, var(--cc-primary-color) 4%, var(--cc-bg));
  --cc-cookie-category-block-hover-bg: color-mix(in srgb, var(--cc-primary-color) 8%, var(--cc-bg));
  --cc-cookie-category-block-border: transparent;
  --cc-footer-bg: var(--cc-bg);
  --cc-footer-border-color: var(--cc-separator-border-color);

  --cc-btn-border-radius: var(--wp--custom--border-radius, 4px);
  --cc-modal-border-radius: var(--wp--custom--border-radius, 4px);
}

/* Discreet bar: thin top border instead of a heavy shadow */
#cc-main .cm--bar {
  box-shadow: none;
  border-top: 1px solid var(--cc-separator-border-color);
}

/*
 * Button order on desktop: [Customise] [Reject] [Accept] on one line.
 * flipButtons puts Accept on the right inside its group; row-reverse moves
 * the Customise group to the left. Below 640px the library's stacked layout applies.
 */
@media screen and (min-width: 640px) {
  #cc-main .cm--bar.cm--inline.cm--flip .cm__btns {
    flex-direction: row-reverse;
    align-items: center;
    gap: .375rem;
    max-width: none;
  }
  #cc-main .cm--bar.cm--inline.cm--flip .cm__btn-group + .cm__btn-group {
    margin: 0;
  }
}