/* =========================================================================
   One Click Accessibility (Pojo) fixes for a vw-based layout.
   Every font rule is gated behind body[class*="pojo-a11y-resize-font-"], so
   with no size selected (or after Reset) this file changes nothing.
   Contrast-mode rules are gated behind the plugin's contrast body classes.
   ========================================================================= */

/* Section 1: STEP -> MULTIPLIERS
     --a11y-scale          text / headings / lists      step 1 +15% ... max +60%
     --a11y-scale-form     form controls, messages,     step 1 +30% ... max +75%
                           (cookie banner has its own curve)
     --a11y-scale-toolbar  accessibility toolbar       step 1 +4%  ... max +20%
     --a11y-scale-cookie   cookie banner               step 1 +6%  ... max +25%
                           (grows a bit less than the page text) */
:root { --a11y-scale: 1; --a11y-scale-form: 1; --a11y-scale-toolbar: 1; --a11y-scale-cookie: 1; }
body.pojo-a11y-resize-font-130 { --a11y-scale: 1.15; --a11y-scale-form: 1.30; --a11y-scale-toolbar: 1.04; --a11y-scale-cookie: 1.06; }
body.pojo-a11y-resize-font-140 { --a11y-scale: 1.22; --a11y-scale-form: 1.40; --a11y-scale-toolbar: 1.07; --a11y-scale-cookie: 1.10; }
body.pojo-a11y-resize-font-150 { --a11y-scale: 1.28; --a11y-scale-form: 1.48; --a11y-scale-toolbar: 1.10; --a11y-scale-cookie: 1.14; }
body.pojo-a11y-resize-font-160 { --a11y-scale: 1.35; --a11y-scale-form: 1.55; --a11y-scale-toolbar: 1.13; --a11y-scale-cookie: 1.17; }
body.pojo-a11y-resize-font-170 { --a11y-scale: 1.42; --a11y-scale-form: 1.62; --a11y-scale-toolbar: 1.15; --a11y-scale-cookie: 1.20; }
body.pojo-a11y-resize-font-180 { --a11y-scale: 1.48; --a11y-scale-form: 1.68; --a11y-scale-toolbar: 1.17; --a11y-scale-cookie: 1.22; }
body.pojo-a11y-resize-font-190 { --a11y-scale: 1.54; --a11y-scale-form: 1.72; --a11y-scale-toolbar: 1.19; --a11y-scale-cookie: 1.24; }
body.pojo-a11y-resize-font-200 { --a11y-scale: 1.60; --a11y-scale-form: 1.75; --a11y-scale-toolbar: 1.20; --a11y-scale-cookie: 1.25; }

/* Section 2: Base pin on <body> (measured baseline 16px). */
html body[class*="pojo-a11y-resize-font-"] {
    font-size: calc(16px * var(--a11y-scale)) !important;
}

/* Section 2b: Accessibility toolbar items grow on their own, gentler curve
   (plugin default: 12.8px -> 25.6px; here 12.8px -> ~15.4px). */
html body[class*="pojo-a11y-resize-font-"] #pojo-a11y-toolbar .pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item,
html body[class*="pojo-a11y-resize-font-"] #pojo-a11y-toolbar .pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a,
html body[class*="pojo-a11y-resize-font-"] #pojo-a11y-toolbar .pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item span {
    font-size: calc(12.8px * var(--a11y-scale-toolbar)) !important;
}
html body[class*="pojo-a11y-resize-font-"] #pojo-a11y-toolbar p.pojo-a11y-toolbar-title {
    font-size: calc(16px * var(--a11y-scale-toolbar)) !important;
}

/* Section 3: Kill the compounding percentages inside the content roots
   (.elementor, plus theme-template wrappers such as .description-section). */
html body[class*="pojo-a11y-resize-font-"] .elementor p,
html body[class*="pojo-a11y-resize-font-"] .elementor li,
html body[class*="pojo-a11y-resize-font-"] .elementor span,
html body[class*="pojo-a11y-resize-font-"] .elementor label,
html body[class*="pojo-a11y-resize-font-"] .elementor blockquote,
html body[class*="pojo-a11y-resize-font-"] .elementor legend,
html body[class*="pojo-a11y-resize-font-"] .elementor code,
html body[class*="pojo-a11y-resize-font-"] .elementor pre,
html body[class*="pojo-a11y-resize-font-"] .elementor dd,
html body[class*="pojo-a11y-resize-font-"] .elementor dt,
html body[class*="pojo-a11y-resize-font-"] .description-section p,
html body[class*="pojo-a11y-resize-font-"] .description-section li,
html body[class*="pojo-a11y-resize-font-"] .description-section span,
html body[class*="pojo-a11y-resize-font-"] .description-section label,
html body[class*="pojo-a11y-resize-font-"] .description-section blockquote,
html body[class*="pojo-a11y-resize-font-"] .description-section legend,
html body[class*="pojo-a11y-resize-font-"] .description-section code,
html body[class*="pojo-a11y-resize-font-"] .description-section pre,
html body[class*="pojo-a11y-resize-font-"] .description-section dd,
html body[class*="pojo-a11y-resize-font-"] .description-section dt {
    font-size: inherit !important;
}

/* Section 4: FORM CONTROLS + messages (mirrors style.css / responsive.css,
   media blocks in the theme's source order). */
html body[class*="pojo-a11y-resize-font-"] input:not([type="checkbox"]):not([type="radio"]),
html body[class*="pojo-a11y-resize-font-"] textarea,
html body[class*="pojo-a11y-resize-font-"] select {
    font-size: calc(1vw * var(--a11y-scale-form)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .submit-col .global-btn {
    font-size: calc(1.5vw * var(--a11y-scale-form)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .wpcf7 form .wpcf7-response-output {
    font-size: calc(max(14px, 0.8vw) * var(--a11y-scale-form)) !important;
    line-height: 1.5 !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor .wpcf7-not-valid-tip,
html body[class*="pojo-a11y-resize-font-"] .wpcf7-not-valid-tip {
    font-size: calc(max(12px, 0.8vw) * var(--a11y-scale-form)) !important;
    line-height: 1.3 !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor .custom-check-label,
html body[class*="pojo-a11y-resize-font-"] .elementor .first.last .wpcf7-list-item-label,
html body[class*="pojo-a11y-resize-font-"] .elementor .second.last .wpcf7-list-item-label,
html body[class*="pojo-a11y-resize-font-"] .elementor .privacy-checkbox p {
    font-size: calc(0.9vw * var(--a11y-scale-form)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor .privacy-checkbox .wpcf7-list-item-label {
    font-size: calc(0.7vw * var(--a11y-scale-form)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor .main-contact-form label span:first-child {
    font-size: calc(1.18vw * var(--a11y-scale-form)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor .main-contact-form label span.wpcf7-form-control-wrap {
    font-size: inherit !important;
}

@media (min-width: 768px) and (max-width: 1200px) {
    html body[class*="pojo-a11y-resize-font-"] input:not([type="checkbox"]):not([type="radio"]),
    html body[class*="pojo-a11y-resize-font-"] textarea,
    html body[class*="pojo-a11y-resize-font-"] select {
        font-size: calc(1.5vw * var(--a11y-scale-form)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .submit-col .global-btn {
        font-size: calc(1.7vw * var(--a11y-scale-form)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .elementor .privacy-checkbox .wpcf7-list-item-label,
    html body[class*="pojo-a11y-resize-font-"] .elementor .second.last .wpcf7-list-item-label {
        font-size: calc(0.8vw * var(--a11y-scale-form)) !important;
    }
}

@media (max-width: 767px) {
    html body[class*="pojo-a11y-resize-font-"] input:not([type="checkbox"]):not([type="radio"]),
    html body[class*="pojo-a11y-resize-font-"] textarea,
    html body[class*="pojo-a11y-resize-font-"] select,
    html body[class*="pojo-a11y-resize-font-"] .form-field select {
        font-size: calc(4.4vw * var(--a11y-scale-form)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .submit-col .global-btn {
        font-size: calc(5vw * var(--a11y-scale-form)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .wpcf7 form .wpcf7-response-output {
        font-size: calc(14px * var(--a11y-scale-form)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .elementor .wpcf7-not-valid-tip,
    html body[class*="pojo-a11y-resize-font-"] .wpcf7-not-valid-tip {
        font-size: calc(max(12px, 3vw) * var(--a11y-scale-form)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .elementor .custom-check-label,
    html body[class*="pojo-a11y-resize-font-"] .elementor .first.last .wpcf7-list-item-label,
    html body[class*="pojo-a11y-resize-font-"] .elementor .second.last .wpcf7-list-item-label {
        font-size: calc(14px * var(--a11y-scale-form)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .elementor .privacy-checkbox .wpcf7-list-item-label {
        font-size: calc(10px * var(--a11y-scale-form)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .elementor .main-contact-form label span:first-child {
        font-size: calc(3.4vw * var(--a11y-scale-form)) !important;
    }
}

/* Section 4b: elements with an intentional size of their own
   (theme wrote these with :where(), which Section 3 would flatten). */
html body[class*="pojo-a11y-resize-font-"] .elementor .pv-links > span,
html body[class*="pojo-a11y-resize-font-"] .elementor .pv-link {
    font-size: calc(0.8vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content h2 {
    font-size: calc(1.4vw * var(--a11y-scale)) !important;
    line-height: 1.3 !important;
}
html body[class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content h3 {
    font-size: calc(1.1vw * var(--a11y-scale)) !important;
    line-height: 1.3 !important;
}
html body[class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content p,
html body[class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content li,
html body[class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content a,
html body[class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content div {
    font-size: calc(0.8vw * var(--a11y-scale)) !important;
    line-height: 1.6 !important;
}
html body[class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content p span,
html body[class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content li span {
    font-size: inherit !important;
}
@media (max-width: 767px) {
    html body[class*="pojo-a11y-resize-font-"] .elementor .pv-links > span,
    html body[class*="pojo-a11y-resize-font-"] .elementor .pv-link {
        font-size: calc(14px * var(--a11y-scale)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content h2 {
        font-size: calc(18px * var(--a11y-scale)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content h3 {
        font-size: calc(16px * var(--a11y-scale)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content p,
    html body[class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content li,
    html body[class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content a,
    html body[class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content div {
        font-size: calc(12px * var(--a11y-scale)) !important;
    }
}

/* Section 4c: Cookie banner (#cc-banner-root sits outside .elementor). */
html body[class*="pojo-a11y-resize-font-"] .cc-root p,
html body[class*="pojo-a11y-resize-font-"] .cc-root li,
html body[class*="pojo-a11y-resize-font-"] .cc-root span,
html body[class*="pojo-a11y-resize-font-"] .cc-root label,
html body[class*="pojo-a11y-resize-font-"] .cc-root a { font-size: inherit !important; }

html body[class*="pojo-a11y-resize-font-"] .cc-root { font-size: calc(14px * var(--a11y-scale-cookie)) !important; line-height: 1.5 !important; }
html body[class*="pojo-a11y-resize-font-"] .cc-title,
html body[class*="pojo-a11y-resize-font-"] .cc-root .cc-title { font-size: calc(16px * var(--a11y-scale-cookie)) !important; line-height: 1.3 !important; }
html body[class*="pojo-a11y-resize-font-"] .cc-body,
html body[class*="pojo-a11y-resize-font-"] .cc-root .cc-body { font-size: calc(14px * var(--a11y-scale-cookie)) !important; line-height: 1.5 !important; }
html body[class*="pojo-a11y-resize-font-"] .cc-btn,
html body[class*="pojo-a11y-resize-font-"] .cc-root .cc-btn { font-size: calc(14px * var(--a11y-scale-cookie)) !important; }
html body[class*="pojo-a11y-resize-font-"] .cc-lang-toggle,
html body[class*="pojo-a11y-resize-font-"] .cc-root .cc-lang-toggle { font-size: calc(12px * var(--a11y-scale-cookie)) !important; }
html body[class*="pojo-a11y-resize-font-"] .cc-modal-head h2,
html body[class*="pojo-a11y-resize-font-"] .cc-root .cc-modal-head h2 { font-size: calc(18px * var(--a11y-scale-cookie)) !important; }
html body[class*="pojo-a11y-resize-font-"] .cc-modal-close,
html body[class*="pojo-a11y-resize-font-"] .cc-root .cc-modal-close { font-size: calc(24px * var(--a11y-scale-cookie)) !important; }
html body[class*="pojo-a11y-resize-font-"] .cc-cat-desc,
html body[class*="pojo-a11y-resize-font-"] .cc-root .cc-cat-desc { font-size: calc(13px * var(--a11y-scale-cookie)) !important; }
html body[class*="pojo-a11y-resize-font-"] .cc-required-badge,
html body[class*="pojo-a11y-resize-font-"] .cc-root .cc-required-badge { font-size: calc(11px * var(--a11y-scale-cookie)) !important; }
html body[class*="pojo-a11y-resize-font-"] .cc-cookies-list,
html body[class*="pojo-a11y-resize-font-"] .cc-cookies-list th,
html body[class*="pojo-a11y-resize-font-"] .cc-cookies-list td,
html body[class*="pojo-a11y-resize-font-"] .cc-root .cc-cookies-list th,
html body[class*="pojo-a11y-resize-font-"] .cc-root .cc-cookies-list td { font-size: calc(12px * var(--a11y-scale-cookie)) !important; }

/* Section 4d: Validation tip positioning. The theme positions the consent
   tip against span.wpcf7-form-control-wrap (only the checkbox itself), at the
   checkbox's bottom edge. Once the consent text is scaled it wraps to more
   lines and the tip is drawn across them. Anchor it to the whole consent row
   (the <p>) instead, directly below the text, and reserve room for it. */
html body[class*="pojo-a11y-resize-font-"] .elementor .privacy-checkbox > p {
    position: relative !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor .privacy-checkbox > p:has(.wpcf7-not-valid-tip) {
    margin-bottom: calc(max(12px, 0.8vw) * var(--a11y-scale-form) * 1.3 + 6px) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor .privacy-checkbox .wpcf7-form-control-wrap {
    position: static !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor .privacy-checkbox .wpcf7-not-valid-tip {
    position: absolute !important;
    top: 100% !important;
    bottom: auto !important;
    right: 0 !important;
    left: auto !important;
    width: auto !important;
    margin-top: 2px !important;
}
/* Mobile: NOT gated. The theme's mobile rule pins the tip at a fixed
   `top: 23px`, which overlaps the consent text even at default size (the text
   wraps to 2-3 lines on a phone). Same row anchoring at every size;
   --a11y-scale-form is 1 when no font size is selected. */
@media (max-width: 767px) {
    html body .elementor .privacy-checkbox > p {
        position: relative !important;
    }
    html body .elementor .privacy-checkbox > p:has(.wpcf7-not-valid-tip) {
        margin-bottom: calc(max(12px, 3vw) * var(--a11y-scale-form) * 1.3 + 6px) !important;
    }
    html body .elementor .privacy-checkbox .wpcf7-form-control-wrap {
        position: static !important;
    }
    html body .elementor .privacy-checkbox .wpcf7-not-valid-tip {
        position: absolute !important;
        top: 100% !important;
        bottom: auto !important;
        right: 0 !important;
        left: auto !important;
        width: auto !important;
        margin-top: 2px !important;
        line-height: 1.3 !important;
    }
}

/* Section 4e: Consent checkbox top-aligned with the first line of its text.
   Deliberately NOT gated: it applies at every font size, including default. */
.elementor .privacy-checkbox label.custom-check-label {
    align-items: flex-start !important;
}
.elementor .privacy-checkbox label.custom-check-label .wpcf7-list-item,
.elementor .privacy-checkbox label.custom-check-label .wpcf7-list-item > label {
    align-items: flex-start !important;
}
.elementor .privacy-checkbox label.custom-check-label input[type="checkbox"] {
    margin-top: 0.1em !important;
    flex-shrink: 0;
}

/* Section 5: Elementor headings (post-7.css), every breakpoint. */
html body[class*="pojo-a11y-resize-font-"] .elementor-7 .elementor-element.elementor-element-a28ab4d .elementor-heading-title { font-size: calc(5vw * var(--a11y-scale)) !important; }
html body[class*="pojo-a11y-resize-font-"] .elementor-7 .elementor-element.elementor-element-2e9f55f .elementor-heading-title { font-size: calc(4.8vw * var(--a11y-scale)) !important; }
html body[class*="pojo-a11y-resize-font-"] .elementor-7 .elementor-element.elementor-element-3425ae9 .elementor-heading-title { font-size: calc(2.8vw * var(--a11y-scale)) !important; }
@media (max-width: 1366px) {
    html body[class*="pojo-a11y-resize-font-"] .elementor-7 .elementor-element.elementor-element-a28ab4d .elementor-heading-title { font-size: calc(3.8vw * var(--a11y-scale)) !important; }
    html body[class*="pojo-a11y-resize-font-"] .elementor-7 .elementor-element.elementor-element-2e9f55f .elementor-heading-title { font-size: calc(3.6vw * var(--a11y-scale)) !important; }
    html body[class*="pojo-a11y-resize-font-"] .elementor-7 .elementor-element.elementor-element-3425ae9 .elementor-heading-title { font-size: calc(2.5vw * var(--a11y-scale)) !important; }
}
@media (max-width: 767px) {
    html body[class*="pojo-a11y-resize-font-"] .elementor-7 .elementor-element.elementor-element-a28ab4d .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-7 .elementor-element.elementor-element-2e9f55f .elementor-heading-title { font-size: calc(40px * var(--a11y-scale)) !important; }
    html body[class*="pojo-a11y-resize-font-"] .elementor-7 .elementor-element.elementor-element-3425ae9 .elementor-heading-title { font-size: calc(27px * var(--a11y-scale)) !important; }
}

/* =========================================================================
   Section 6: CONTRAST MODES — keep every background image visible.
   High / negative contrast and light background set `background: <color>
   !important` + `background-image: none` on every element, which wipes the
   section backgrounds and the gold button gradient. Grayscale only filters
   the page, so it keeps them already.
   Paths are this multisite's upload folder (uploads/sites/67). If the site
   moves and the upload path changes, update the url()s below.
   ========================================================================= */
/* Home (page 7) */
html body:not(#pojo-a11y-toolbar):is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background) .elementor-7 .elementor-element.elementor-element-309c8b1 {
    background-image: url("/wp-content/uploads/sites/67/2026/04/Above-lp-phase-2-bg.webp") !important;
    background-size: cover !important;
    background-position: center bottom !important;
    background-repeat: no-repeat !important;
}
/* Landing-new (page 211) */
html body:not(#pojo-a11y-toolbar):is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background) .elementor-211 .elementor-element.elementor-element-a8f8a1b {
    background-image: url("/wp-content/uploads/sites/67/2026/04/above-new-lp-new-bg-1.webp") !important;
    background-size: cover !important;
    background-position: center bottom !important;
    background-repeat: no-repeat !important;
}
html body:not(#pojo-a11y-toolbar):is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background) .elementor-211 .elementor-element.elementor-element-44df047 {
    background-image: url("/wp-content/uploads/sites/67/2026/04/content-bg-new.png") !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
@media (max-width: 767px) {
    html body:not(#pojo-a11y-toolbar):is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background) .elementor-211 .elementor-element.elementor-element-44df047 {
        background-image: url("/wp-content/uploads/sites/67/2026/04/mobile-content-bg.png") !important;
    }
}
/* The plugin also paints every element inside these sections solid black /
   white, which would cover the restored image. Let the image show through;
   form fields and buttons keep their contrast colours. */
html body:not(#pojo-a11y-toolbar):is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background) .elementor-7 .elementor-element.elementor-element-309c8b1 :is(div, section, p, span, h1, h2, h3, h4, h5, h6, a, label, ul, li, form, img),
html body:not(#pojo-a11y-toolbar):is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background) .elementor-211 .elementor-element.elementor-element-a8f8a1b :is(div, section, p, span, h1, h2, h3, h4, h5, h6, a, label, ul, li, form, img),
html body:not(#pojo-a11y-toolbar):is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background) .elementor-211 .elementor-element.elementor-element-44df047 :is(div, section, p, span, h1, h2, h3, h4, h5, h6, a, label, ul, li, form, img) {
    background-color: transparent !important;
}
/* High / negative contrast over the light background image:
   validation errors in red, consent text and the form response in black. */
html body:not(#pojo-a11y-toolbar):is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast) .wpcf7 .wpcf7-not-valid-tip {
    color: #d10000 !important;
}
html body:not(#pojo-a11y-toolbar):is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast) .wpcf7 .privacy-checkbox .wpcf7-list-item-label,
html body:not(#pojo-a11y-toolbar):is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast) .wpcf7 .privacy-checkbox .wpcf7-list-item-label a,
html body:not(#pojo-a11y-toolbar):is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast) .wpcf7 form .wpcf7-response-output {
    color: #000 !important;
}
/* Placeholders are navy in the theme, invisible on the black fields. */
html body:not(#pojo-a11y-toolbar):is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast) input::placeholder,
html body:not(#pojo-a11y-toolbar):is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast) textarea::placeholder {
    color: #fff !important;
    opacity: 1 !important;
}
/* Gold submit button gradient (all pages) */
html body:not(#pojo-a11y-toolbar):is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background) .submit-col .global-btn {
    background-image: linear-gradient(90deg, #C1933E 0%, #F0D787 100%) !important;
    color: #0C2854 !important;
}
@media (max-width: 767px) {
    html body:not(#pojo-a11y-toolbar):is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background) .submit-col .global-btn {
        background-image: linear-gradient(91.5deg, #AB884A 16.29%, #E1C36C 90.81%) !important;
    }
}

/* =========================================================================
   Section 7: CONTRAST MODES — consent checkbox tick drawn inside the box.
   ========================================================================= */
html body:not(#pojo-a11y-toolbar):is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background, .pojo-a11y-grayscale) .wpcf7-checkbox input[type="checkbox"],
html body:not(#pojo-a11y-toolbar):is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background, .pojo-a11y-grayscale) .privacy-checkbox input[type="checkbox"] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    position: relative !important;
    display: inline-block !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    vertical-align: middle !important;
    cursor: pointer;
    background-image: none !important;
    font-size: 0.9vw !important;
    line-height: 1 !important;
}
html body:not(#pojo-a11y-toolbar):is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background, .pojo-a11y-grayscale) .wpcf7-checkbox input[type="checkbox"]:checked::before,
html body:not(#pojo-a11y-toolbar):is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background, .pojo-a11y-grayscale) .privacy-checkbox input[type="checkbox"]:checked::before {
    content: "\2713" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    font-weight: bold !important;
    line-height: 1 !important;
    pointer-events: none;
}
/* High / negative contrast: black box, white border, yellow tick. */
html body:not(#pojo-a11y-toolbar):is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast) .wpcf7-checkbox input[type="checkbox"],
html body:not(#pojo-a11y-toolbar):is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast) .privacy-checkbox input[type="checkbox"] {
    background-color: #000 !important;
    border: 2px solid #fff !important;
}
html body:not(#pojo-a11y-toolbar):is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast) .wpcf7-checkbox input[type="checkbox"]:checked::before,
html body:not(#pojo-a11y-toolbar):is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast) .privacy-checkbox input[type="checkbox"]:checked::before {
    color: #ff0 !important;
}
/* Light background: white box, black border, black tick. */
html body:not(#pojo-a11y-toolbar).pojo-a11y-light-background .wpcf7-checkbox input[type="checkbox"],
html body:not(#pojo-a11y-toolbar).pojo-a11y-light-background .privacy-checkbox input[type="checkbox"] {
    background-color: #fff !important;
    border: 2px solid #000 !important;
}
html body:not(#pojo-a11y-toolbar).pojo-a11y-light-background .wpcf7-checkbox input[type="checkbox"]:checked::before,
html body:not(#pojo-a11y-toolbar).pojo-a11y-light-background .privacy-checkbox input[type="checkbox"]:checked::before {
    color: #000 !important;
}
/* Grayscale: theme colours (the plugin filters them to gray). */
html body:not(#pojo-a11y-toolbar).pojo-a11y-grayscale .wpcf7-checkbox input[type="checkbox"],
html body:not(#pojo-a11y-toolbar).pojo-a11y-grayscale .privacy-checkbox input[type="checkbox"] {
    background-color: #fff !important;
    border: 1px solid #0C2854 !important;
}
html body:not(#pojo-a11y-toolbar).pojo-a11y-grayscale .wpcf7-checkbox input[type="checkbox"]:checked::before,
html body:not(#pojo-a11y-toolbar).pojo-a11y-grayscale .privacy-checkbox input[type="checkbox"]:checked::before {
    color: #0C2854 !important;
}
@media (max-width: 767px) {
    html body:not(#pojo-a11y-toolbar):is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background, .pojo-a11y-grayscale) .wpcf7-checkbox input[type="checkbox"],
    html body:not(#pojo-a11y-toolbar):is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background, .pojo-a11y-grayscale) .privacy-checkbox input[type="checkbox"] {
        font-size: 13px !important;
    }
}