/* Structural rules only: fonts, colors and button styles come from the theme. */
.ec-consent [hidden], .ec-consent[hidden], .ec-consent-banner[hidden], .ec-consent-footer[hidden] { display: none !important; }
.ec-consent { width: 100%; text-align: start; }
.ec-consent-heading { display: flex; align-items: center; justify-content: space-between; gap: 1em; }
.ec-consent-heading h2 { margin: 0; font: inherit; }
.ec-consent p { margin: .5em 0; }
.ec-consent-message { white-space: normal; }
.ec-consent-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .6em; margin-top: .8em; }
.ec-consent-actions .btn { margin: 0; white-space: normal; }
.ec-consent-close { flex: 0 0 auto; }
.ec-consent-choices { margin-top: 1em; }
.ec-consent-choice { margin: .8em 0; }
.ec-consent-choice label { display: inline-flex; align-items: center; gap: .5em; cursor: pointer; }
.ec-consent-choice input[type="checkbox"] { appearance: auto; -webkit-appearance: checkbox; position: static; opacity: 1; width: auto; height: auto; margin: 0; }
.ec-consent-error { border: 1px solid currentColor; padding: .5em; }
.ec-consent-banner { position: fixed; inset: auto 0 0; z-index: 1100; max-height: 85vh; overflow-y: auto; margin: 0; padding: 1em; border: 1px solid currentColor; border-radius: 0; }
.ec-consent-banner .ec-consent { max-width: 75em; margin: 0 auto; }
.ec-consent-footer { padding-top: .6em; padding-bottom: .6em; }
.ec-consent-journal[data-ec-visible="0"] { display: none !important; }
.ec-consent-journal[data-ec-visible="1"] { display: block !important; height: auto !important; max-height: none !important; }
.ec-consent-journal .header-notice-close-button, .ec-consent-journal .layout-notice-close-button, .ec-consent-journal .notification-close { display: none !important; }
.ec-consent-journal .hn-body, .ec-consent-journal .hn-content { flex: 1 1 auto; width: 100%; min-width: 0; }
.ec-consent-journal .notification-content { width: 100%; min-width: 0; }
.ec-consent-journal.module-notification[data-ec-visible="1"] { max-height: 85vh !important; overflow-y: auto; }
@media (max-width: 480px) { .ec-consent-actions .btn { flex: 1 1 auto; } }