/* Compact CookieConsent card, inspired by DGK and using Wikijeff's palette. */
#cc-main{--cc-font-family:DM,Arial,sans-serif;--cc-bg:#f7f3e9;--cc-primary-color:#002b49;--cc-secondary-color:#002b49;--cc-btn-primary-bg:#002b49;--cc-btn-primary-color:#fff;--cc-btn-primary-border-color:#002b49;--cc-btn-primary-hover-bg:#004467;--cc-btn-primary-hover-color:#fff;--cc-btn-primary-hover-border-color:#004467;--cc-btn-secondary-bg:#eee8dc;--cc-btn-secondary-color:#002b49;--cc-btn-secondary-border-color:#002b49;--cc-btn-secondary-hover-bg:#e7dfd0;--cc-btn-secondary-hover-color:#002b49;--cc-btn-secondary-hover-border-color:#002b49;--cc-cookie-category-block-bg:#eee8dc;--cc-cookie-category-block-hover-bg:#e7dfd0;--cc-modal-border-radius:8px;--cc-btn-border-radius:999px;--cc-modal-margin:1rem;--cc-separator-border-color:transparent;--cc-footer-bg:#f7f3e9;--cc-footer-color:#002b49;--cc-footer-border-color:transparent}
#cc-main .cm{width:calc(100vw - 2rem);max-width:26rem;max-height:calc(100vh - 2rem);max-height:calc(100dvh - 2rem);overflow-y:auto;border:1px solid #002b491f;box-shadow:0 6px 24px #002b4926}
#cc-main .cm__texts{padding-top:1rem}
#cc-main .cm__title{font-size:1rem;line-height:1.25;font-weight:700}
#cc-main .cm__title+.cm__desc{margin-top:.65rem}
#cc-main .cm__desc{font-size:.875rem;line-height:1.5;padding-bottom:.75rem}
#cc-main .cm__btns{padding-top:0;padding-bottom:.75rem}
#cc-main .cm__btn-group{column-gap:.5rem}
#cc-main .cm--inline .cm__btn+.cm__btn{margin-left:0}
#cc-main .cm__btn,#cc-main .pm__btn{min-height:44px;font-size:.875rem}
#cc-main .cm__footer{padding:0 0 .8rem}
#cc-main .cm__links{font-size:.8rem}
#cc-main button:focus-visible,#cc-main a:focus-visible{outline:3px solid #002b49;outline-offset:3px}
.wjcl-settings{margin:0;padding:0 1rem 1rem;text-align:center}
.wjcl-settings button{font:inherit;min-height:44px;padding:.5rem 1rem;cursor:pointer;background:transparent;color:inherit;border:1px solid currentColor;border-radius:999px}
.wjcl-settings button[hidden]{display:none}
@media(max-width:640px){#cc-main .cm__btn-group{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:minmax(0,1fr)}#cc-main .cm__btn+.cm__btn{margin:0!important}}
@media(prefers-reduced-motion:reduce){#cc-main .cc--anim .cm{transition:none}}

/* Reuse the exact family names registered by the Wikijeff theme. */
#cc-main .cm__title,#cc-main .pm__title{font-family:Barlow,'Arial Narrow',Arial,sans-serif;font-weight:700}
#cc-main .cm__desc,#cc-main .pm__desc{font-family:DM,Arial,sans-serif;font-weight:400}
#cc-main .cm__btn,#cc-main .pm__btn{font-family:DM,Arial,sans-serif;font-weight:600}

/* Exact Wikijeff theme colours for both consent panels and every control. */
#cc-main{--cc-bg:var(--wj-cream,#F6F2E9);--cc-primary-color:var(--wj-navy,#002B49);--cc-secondary-color:var(--wj-navy,#002B49);--cc-btn-primary-bg:var(--wj-red,#EE2737);--cc-btn-primary-border-color:var(--wj-red,#EE2737);--cc-btn-primary-hover-bg:var(--wj-navy,#002B49);--cc-btn-primary-hover-border-color:var(--wj-navy,#002B49);--cc-btn-secondary-bg:var(--wj-navy,#002B49);--cc-btn-secondary-color:#fff;--cc-btn-secondary-border-color:var(--wj-navy,#002B49);--cc-btn-secondary-hover-bg:var(--wj-red,#EE2737);--cc-btn-secondary-hover-color:#fff;--cc-btn-secondary-hover-border-color:var(--wj-red,#EE2737);--cc-cookie-category-block-bg:var(--wj-sand,#E8E0D2);--cc-cookie-category-block-border:var(--wj-sand,#E8E0D2);--cc-cookie-category-block-hover-bg:var(--wj-sand,#E8E0D2);--cc-cookie-category-block-hover-border:var(--wj-navy,#002B49);--cc-cookie-category-expanded-block-hover-bg:var(--wj-sand,#E8E0D2);--cc-section-category-border:var(--wj-sand,#E8E0D2);--cc-toggle-on-bg:var(--wj-red,#EE2737);--cc-toggle-off-bg:var(--wj-navy,#002B49);--cc-toggle-readonly-bg:var(--wj-navy,#002B49);--cc-toggle-readonly-knob-icon-color:var(--wj-navy,#002B49);--cc-toggle-on-knob-bg:var(--wj-cream,#F6F2E9);--cc-toggle-off-knob-bg:var(--wj-cream,#F6F2E9);--cc-toggle-readonly-knob-bg:var(--wj-cream,#F6F2E9);--cc-overlay-bg:rgba(0,43,73,.65);--cc-link-color:var(--wj-navy,#002B49);--cc-webkit-scrollbar-bg:var(--wj-sand,#E8E0D2);--cc-webkit-scrollbar-hover-bg:var(--wj-navy,#002B49);--cc-footer-bg:var(--wj-cream,#F6F2E9)}

.footer .wjcl-settings{grid-column:1/-1;text-align:left;margin:-12px 0 0;padding:0}
.footer .wjcl-settings button{font:inherit;font-size:12px;min-height:44px;padding:0;border:0;border-radius:0;background:transparent;color:var(--wj-cream,#F6F2E9);text-decoration:underline;text-underline-offset:4px}
.footer .wjcl-settings button:hover{color:var(--wj-red,#EE2737)}
.footer .wjcl-settings button:focus-visible{outline:2px solid var(--wj-cream,#F6F2E9);outline-offset:4px}

/* Calm navy actions throughout Cookee. */
#cc-main{--cc-btn-primary-bg:var(--wj-navy,#002B49);--cc-btn-primary-border-color:var(--wj-navy,#002B49);--cc-btn-primary-hover-bg:#004467;--cc-btn-primary-hover-border-color:#004467;--cc-btn-secondary-hover-bg:#004467;--cc-btn-secondary-hover-border-color:#004467}

#cc-main .cm__links{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem 1rem}
#cc-main .cm__links button{appearance:none;background:none;border:0;border-radius:0;color:var(--wj-navy,#002B49);font:inherit;font-weight:600;padding:0;min-height:32px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
html.show--consent .footer .wjcl-settings{display:none}

#cc-main .cm__links .wjcl-banner-links{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}
#cc-main .wjcl-banner-links a,#cc-main .wjcl-banner-links button{display:inline-flex;align-items:center;font-family:DM,Arial,sans-serif;font-size:12px;font-weight:600;line-height:1.5;margin:0;padding:0;min-height:32px;width:auto;white-space:nowrap;text-decoration:none;color:var(--wj-navy,#002B49)}
#cc-main .wjcl-banner-links button{flex:0 0 auto;background:transparent;border:0;box-shadow:none;text-transform:none}
#cc-main .wjcl-banner-links a:hover,#cc-main .wjcl-banner-links button:hover{text-decoration:underline;text-underline-offset:3px}

/* Toggle states: red off, navy on. */
#cc-main{--cc-toggle-on-bg:var(--wj-navy,#002B49);--cc-toggle-off-bg:var(--wj-red,#EE2737);--cc-toggle-readonly-bg:var(--wj-navy,#002B49)}

/* Preferences fit their content instead of stretching to viewport height. */
#cc-main .pm.pm--box{height:auto;max-height:calc(100dvh - 2rem);max-width:36rem;width:calc(100% - 2rem)}
#cc-main .pm__body{flex:0 1 auto;min-height:0}
#cc-main .pm__header,#cc-main .pm__footer{flex-shrink:0}
#cc-main .pm__title{font-size:1.75rem;line-height:1.1;margin-right:1rem}
@media(max-width:640px){#cc-main .pm.pm--box{top:1rem;bottom:auto;left:1rem;right:1rem;margin:0;max-width:36rem!important;width:auto;border-radius:8px;max-height:calc(100dvh - 2rem)}.show--preferences #cc-main .cc--anim .pm.pm--box{transform:none!important}#cc-main .pm__title{font-size:1.5rem}}

/* Wikijeff red for all hover feedback. */
#cc-main{--cc-btn-primary-hover-bg:var(--wj-red,#EE2737);--cc-btn-primary-hover-border-color:var(--wj-red,#EE2737);--cc-btn-secondary-hover-bg:var(--wj-red,#EE2737);--cc-btn-secondary-hover-border-color:var(--wj-red,#EE2737);--cc-cookie-category-block-hover-border:var(--wj-red,#EE2737);--cc-webkit-scrollbar-hover-bg:var(--wj-red,#EE2737)}
#cc-main a:hover,#cc-main .wjcl-banner-links a:hover,#cc-main .wjcl-banner-links button:hover,#cc-main .pm__section-title:hover{color:var(--wj-red,#EE2737)}
#cc-main .section__toggle-wrapper:hover .toggle__icon{outline:2px solid var(--wj-red,#EE2737);outline-offset:2px}

/* Expanded descriptions align with their headings without pill clipping. */
#cc-main .pm__section--expandable .pm__section-title{padding-left:52px}
#cc-main .pm__section--toggle .pm__section-desc{padding:4px 20px 16px 52px;overflow-wrap:break-word}
#cc-main .pm__section--toggle.is-expanded{border-radius:16px}
#cc-main .pm__section--toggle.is-expanded .pm__section-title{border-radius:16px 16px 0 0}
#cc-main .pm__section--toggle .pm__section-desc-wrapper{border-radius:0 0 16px 16px}

/* Links keep their text colour; hover adds one red underline only. */
#cc-main a,#cc-main .wjcl-banner-links button{background-image:none!important;border-bottom:0;text-decoration:none}
#cc-main a:hover,#cc-main .wjcl-banner-links a:hover,#cc-main .wjcl-banner-links button:hover{color:var(--wj-navy,#002B49);background-image:none!important;text-decoration-line:underline;text-decoration-color:var(--wj-red,#EE2737);text-decoration-thickness:1px;text-underline-offset:4px}
#cc-main a::before,#cc-main a::after,#cc-main .wjcl-banner-links button::before,#cc-main .wjcl-banner-links button::after{content:none!important}
.footer .wjcl-settings button:hover{color:var(--wj-cream,#F6F2E9);text-decoration-color:var(--wj-red,#EE2737);text-decoration-thickness:1px}

/* Category boxes stay visually unchanged on hover. */
#cc-main{--cc-cookie-category-block-hover-bg:var(--cc-cookie-category-block-bg);--cc-cookie-category-block-hover-border:var(--cc-cookie-category-block-border);--cc-cookie-category-expanded-block-hover-bg:var(--cc-cookie-category-expanded-block-bg)}
#cc-main .pm__section-title:hover{color:var(--wj-navy,#002B49)}
#cc-main .section__toggle-wrapper:hover .toggle__icon{outline:none}

/* One red underline reveals from left to right, matching the site links. */
#cc-main a,#cc-main .wjcl-banner-links button{background-image:linear-gradient(var(--wj-red,#EE2737),var(--wj-red,#EE2737))!important;background-repeat:no-repeat;background-position:left calc(100% - 3px);background-size:0 1px;text-decoration:none!important;transition:background-size .25s ease}
#cc-main a:hover,#cc-main .wjcl-banner-links a:hover,#cc-main .wjcl-banner-links button:hover{background-image:linear-gradient(var(--wj-red,#EE2737),var(--wj-red,#EE2737))!important;background-size:100% 1px;text-decoration:none!important;color:var(--wj-navy,#002B49)}
.footer .wjcl-settings button{background-image:linear-gradient(var(--wj-red,#EE2737),var(--wj-red,#EE2737));background-repeat:no-repeat;background-position:left calc(100% - 9px);background-size:0 1px;text-decoration:none;transition:background-size .25s ease}
.footer .wjcl-settings button:hover{background-size:100% 1px;text-decoration:none}
@media(prefers-reduced-motion:reduce){#cc-main a,#cc-main .wjcl-banner-links button,.footer .wjcl-settings button{transition:none}}

/* A fine navy outline encloses each category, open or closed. */
#cc-main .pm__section--toggle{border:1px solid var(--wj-navy,#002B49)}
#cc-main .pm__section--toggle .pm__section-title,#cc-main .pm__section--toggle .pm__section-desc-wrapper{border:0}

/* Permanent site-style line with red reveal over the same stroke. */
#cc-main a,#cc-main .wjcl-banner-links button{background-image:linear-gradient(var(--wj-red,#EE2737),var(--wj-red,#EE2737)),linear-gradient(rgba(0,43,73,.4),rgba(0,43,73,.4))!important;background-size:0 1px,100% 1px}
#cc-main a:hover,#cc-main .wjcl-banner-links a:hover,#cc-main .wjcl-banner-links button:hover{background-image:linear-gradient(var(--wj-red,#EE2737),var(--wj-red,#EE2737)),linear-gradient(rgba(0,43,73,.4),rgba(0,43,73,.4))!important;background-size:100% 1px,100% 1px}

/* Give inline policy links breathing room above their underline. */
#cc-main .pm__section-desc a{display:inline!important;padding-bottom:5px;background-position:left bottom}

/* Expanded category headers also keep the same background on hover. */
#cc-main .pm__section--toggle.is-expanded .pm__section-title,#cc-main .pm__section--toggle.is-expanded .pm__section-title:hover{background:var(--cc-cookie-category-expanded-block-bg,var(--cc-bg));color:var(--wj-navy,#002B49);transition:none}

/* Inline policy link shares the paragraph baseline. */
#cc-main .pm__section-desc a{vertical-align:baseline!important;line-height:inherit}

/* Small site-style arrows beside the banner links. */
#cc-main .wjcl-banner-links a::after,#cc-main .wjcl-banner-links button::after{content:"↗"!important;display:inline-block;position:static;margin-left:5px;width:auto;height:auto;background:none;border:0;font-size:1em;line-height:1;color:inherit;transform:none}

/* Policy links within explanatory text remain clickable without underlines. */
#cc-main .pm__section-desc a,#cc-main .pm__section-desc a:hover{background-image:none!important;text-decoration:none!important;border-bottom:0;padding-bottom:0}

#cc-main .cm__links .wjcl-banner-links{justify-content:flex-start}

#cc-main .pm__section-desc a,#cc-main .pm__section-desc a:hover{cursor:pointer!important}

#cc-main .pm__section-desc a[href],#cc-main .pm__section-desc a[href] *{cursor:pointer!important;pointer-events:auto!important}

/* Leave room for the last outline inside the scrolling preferences body. */
#cc-main .pm__body{padding-bottom:24px}
#cc-main .pm__section--toggle{flex-shrink:0}
#cc-main .pm__section--toggle:last-child{margin-bottom:8px}

/* Clear banner typography hierarchy. */
#cc-main .cm__title{font-size:22px;line-height:1.15}
#cc-main .cm__desc{font-size:14px;line-height:1.5}

#cc-main .wjcl-banner-links a:hover::after,#cc-main .wjcl-banner-links button:hover::after{color:var(--wj-red,#EE2737)}

#cc-main .wjcl-banner-links button{text-transform:uppercase}
#cc-main .wjcl-banner-links button:hover{color:var(--wj-red,#EE2737)}

/* Calm preferences link: normal case, unchanged on hover. */
#cc-main .wjcl-banner-links button,#cc-main .wjcl-banner-links button:hover{text-transform:none;color:var(--wj-navy,#002B49);background-image:linear-gradient(rgba(0,43,73,.4),rgba(0,43,73,.4))!important;background-size:100% 1px;transition:none}
#cc-main .wjcl-banner-links button::after,#cc-main .wjcl-banner-links button:hover::after{color:var(--wj-navy,#002B49)}

#cc-main .wjcl-banner-links button,#cc-main .wjcl-banner-links button:hover{background-image:none!important;text-decoration:none!important;border-bottom:0}

#cc-main .wjcl-banner-links button{font-weight:400}

@media(max-width:600px){#cc-main .wjcl-policy-break{display:none}}

#cc-main .cm__links .wjcl-banner-links{justify-content:flex-start}

/* Outlined refusal keeps both choices equally sized. */
#cc-main .cm__btn[data-role="necessary"],#cc-main .pm__btn[data-role="necessary"]{background:transparent;color:var(--wj-navy,#002B49);border:1px solid var(--wj-navy,#002B49)}
#cc-main .cm__btn[data-role="necessary"]:hover,#cc-main .pm__btn[data-role="necessary"]:hover{background:transparent;color:var(--wj-red,#EE2737);border-color:var(--wj-red,#EE2737)}
