/* Cookie notice. Picks up the theme's CSS variables when present. */
.wcms-consent { position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 1000; display: flex; justify-content: center; pointer-events: none; }
.wcms-consent[hidden] { display: none; }
.wcms-consent-box { pointer-events: auto; width: min(760px, 100%); background: var(--color-bg, #fff); color: var(--color-text, #1d1f20);
  border: 1px solid var(--color-divider, rgba(0,0,0,.16)); box-shadow: var(--shadow-lg, 0 12px 32px rgba(0,0,0,.2));
  padding: clamp(18px, 3vw, 28px); font-family: var(--font-body, system-ui, sans-serif); font-size: 14px; line-height: 1.55; }
.wcms-consent-title { font-family: var(--font-heading, inherit); font-weight: var(--font-heading-weight, 600); font-size: 20px; margin: 0 0 8px; }
.wcms-consent-text { margin: 0 0 14px; }
.wcms-consent-text a { color: var(--color-accent-700, #2c5a85); text-decoration: underline; }
.wcms-consent-options { display: grid; gap: 10px; margin: 0 0 16px; padding: 12px 0; border-top: 1px solid var(--color-divider, #ddd); border-bottom: 1px solid var(--color-divider, #ddd); }
.wcms-consent-options[hidden] { display: none; }
.wcms-consent-opt { display: flex; gap: 10px; align-items: flex-start; font-size: 13px; }
.wcms-consent-opt input { margin-top: 3px; accent-color: var(--color-accent, #5980a6); width: 16px; height: 16px; }
.wcms-consent-actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
/* Equal prominence for accept and reject – required by EU data protection authorities */
.wcms-consent-btn { font: inherit; font-family: var(--font-heading, inherit); font-weight: var(--font-heading-weight, 600); font-size: 14px;
  min-height: 40px; padding: 8px 18px; cursor: pointer; border: 1px solid var(--color-accent, #5980a6);
  background: var(--color-accent, #5980a6); color: var(--color-bg, #fff); border-radius: 0; }
.wcms-consent-btn:hover { background: var(--color-accent-700, #416180); border-color: var(--color-accent-700, #416180); }
.wcms-consent-btn[data-consent-action="settings"] { background: transparent; color: var(--color-text, #1d1f20); border-color: var(--color-divider, #ccc); }
.wcms-consent-btn[data-consent-action="settings"]:hover { background: color-mix(in srgb, var(--color-text, #000) 7%, transparent); }
.wcms-consent-btn[hidden] { display: none; }
.wcms-consent-btn:focus-visible { outline: 2px solid var(--color-accent, #5980a6); outline-offset: 2px; }
@media (max-width: 520px) { .wcms-consent-actions { justify-content: stretch; } .wcms-consent-btn { flex: 1 1 auto; } }