/* =====================================================================
   Accessibility — One Click Accessibility (Pojo) fixes for introliving
   ---------------------------------------------------------------------
   Plugin behaviour (pojo-accessibility/modules/legacy style.min.css):
   body.pojo-a11y-resize-font-NN p, li, label, input, select, textarea,
   legend, code, pre, dd, dt, span, blockquote { font-size: NN% }
   h1..h6 (+ h_ span) { NN*1.33% }.
   The site is sized in vw → % never moves it, and nested spans compound.
   Everything font-related below is gated behind
   body[class*="pojo-a11y-resize-font-"]; contrast fixes are gated behind
   the plugin's contrast classes. Section 0 holds the requested form/RTL
   fixes (visible only in the validation state, the mobile submit height
   and the consent-row text direction).
   ===================================================================== */


/* =====================================================================
   Section 0: requested form fixes (RTL, validation, equal heights)
   ===================================================================== */

/* 0a. CF7 prints dir="ltr" on .wpcf7 (form locale en_US). Render the
   consent row RTL; row-reverse keeps the checkbox on the right. */
.wpcf7 form .checkbox-row-vertical span.wpcf7-list-item label {
    direction: rtl;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
}
.wpcf7 form .checkbox-row-vertical span.wpcf7-list-item label > input[type="checkbox"] {
    flex-shrink: 0;
}
.wpcf7 .checkbox-row-vertical span.wpcf7-list-item label > .wpcf7-list-item-label {
    justify-content: flex-start;
}
.wpcf7 form .wpcf7-response-output {
    direction: rtl;
}

/* 0b. Validation tip: theme line-height 0.8vh drew the text over the
   input. One line, below the control. */
.wpcf7 .wpcf7-not-valid-tip {
    direction: rtl;
    line-height: 1.3;
    white-space: nowrap;
}
/* Tips make field wrappers taller; keep the submit level with the inputs */
.wpcf7 .cf7-vertical-layout {
    align-items: flex-start;
}

/* 0c. High contrast (Section 6) / negative contrast / light background add a
   1px border to the text inputs (padding-box 4vh + 2px) — match the submit. */
@media (min-width: 601px) {
    html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background):not([class*="pojo-a11y-resize-font-"]) .wpcf7:not(#pojo-a11y-toolbar) .cf7-vertical-layout input.wpcf7-submit {
        height: calc(4vh + 2px) !important;
    }
}

@media (max-width: 600px) {
    /* tip sat in the input's 10px bottom margin and ran into the next input */
    .wpcf7 .cf7-vertical-layout .wpcf7-not-valid-tip {
        margin: -7px 0 7px;
    }
    /* submit = input box model: 9px + 26px + 9px + 1px borders = 46px */
    .wpcf7 .cf7-vertical-layout input.wpcf7-submit {
        padding-top: 9px;
        padding-bottom: 9px;
        line-height: 26px;
        border: 1px solid transparent;
    }
}


/* =====================================================================
   Section 1: scale curves. Forms/banner start smallest and need a bigger
   first jump. Toolbar items grow a bit less than page text (requested).
   ===================================================================== */
:root { --a11y-scale: 1; --a11y-scale-form: 1; --a11y-scale-toolbar: 1; }
body.pojo-a11y-resize-font-120 { --a11y-scale: 1.10; --a11y-scale-form: 1.20; --a11y-scale-toolbar: 1.05; }
body.pojo-a11y-resize-font-130 { --a11y-scale: 1.15; --a11y-scale-form: 1.30; --a11y-scale-toolbar: 1.10; }
body.pojo-a11y-resize-font-140 { --a11y-scale: 1.22; --a11y-scale-form: 1.40; --a11y-scale-toolbar: 1.15; }
body.pojo-a11y-resize-font-150 { --a11y-scale: 1.28; --a11y-scale-form: 1.48; --a11y-scale-toolbar: 1.20; }
body.pojo-a11y-resize-font-160 { --a11y-scale: 1.35; --a11y-scale-form: 1.55; --a11y-scale-toolbar: 1.24; }
body.pojo-a11y-resize-font-170 { --a11y-scale: 1.42; --a11y-scale-form: 1.62; --a11y-scale-toolbar: 1.28; }
body.pojo-a11y-resize-font-180 { --a11y-scale: 1.48; --a11y-scale-form: 1.68; --a11y-scale-toolbar: 1.32; }
body.pojo-a11y-resize-font-190 { --a11y-scale: 1.54; --a11y-scale-form: 1.72; --a11y-scale-toolbar: 1.36; }
body.pojo-a11y-resize-font-200 { --a11y-scale: 1.60; --a11y-scale-form: 1.75; --a11y-scale-toolbar: 1.40; }


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

/* Accessibility toolbar items: smaller growth than the page (plugin: 12.8 → 25.6px) */
html body[class*="pojo-a11y-resize-font-"] #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay .pojo-a11y-toolbar-item a > span {
    font-size: calc(12.8px * var(--a11y-scale-toolbar)) !important;
}


/* =====================================================================
   Section 3: kill compounding inside every content root.
   .elementor (landing page) + theme templates (page.php, single.php,
   404.php) + the privacy modal.
   ===================================================================== */
html body[class*="pojo-a11y-resize-font-"] :is(.elementor, .description-section, .login-banner, .login-section, .gold-card-banner, .breadcrums, .privacy-wrapper) :is(p, li, span, label, blockquote, legend, code, pre, dd, dt) {
    font-size: inherit !important;
}

/* Theme-template headings (bootstrap.rtl values, h_ span inherits) */
html body[class*="pojo-a11y-resize-font-"] :is(.description-section, .login-banner, .login-section, .gold-card-banner) h1 { font-size: calc((1.375rem + 1.5vw) * var(--a11y-scale)) !important; }
html body[class*="pojo-a11y-resize-font-"] :is(.description-section, .login-banner, .login-section, .gold-card-banner) h2 { font-size: calc((1.325rem + 0.9vw) * var(--a11y-scale)) !important; }
html body[class*="pojo-a11y-resize-font-"] :is(.description-section, .login-banner, .login-section, .gold-card-banner) h3 { font-size: calc((1.3rem + 0.6vw) * var(--a11y-scale)) !important; }
html body[class*="pojo-a11y-resize-font-"] :is(.description-section, .login-banner, .login-section, .gold-card-banner) h4 { font-size: calc((1.275rem + 0.3vw) * var(--a11y-scale)) !important; }
html body[class*="pojo-a11y-resize-font-"] :is(.description-section, .login-banner, .login-section, .gold-card-banner) h5 { font-size: calc(1.25rem * var(--a11y-scale)) !important; }
html body[class*="pojo-a11y-resize-font-"] :is(.description-section, .login-banner, .login-section, .gold-card-banner) h6 { font-size: calc(1rem * var(--a11y-scale)) !important; }
@media (min-width: 1200px) {
    html body[class*="pojo-a11y-resize-font-"] :is(.description-section, .login-banner, .login-section, .gold-card-banner) h1 { font-size: calc(2.5rem * var(--a11y-scale)) !important; }
    html body[class*="pojo-a11y-resize-font-"] :is(.description-section, .login-banner, .login-section, .gold-card-banner) h2 { font-size: calc(2rem * var(--a11y-scale)) !important; }
    html body[class*="pojo-a11y-resize-font-"] :is(.description-section, .login-banner, .login-section, .gold-card-banner) h3 { font-size: calc(1.75rem * var(--a11y-scale)) !important; }
    html body[class*="pojo-a11y-resize-font-"] :is(.description-section, .login-banner, .login-section, .gold-card-banner) h4 { font-size: calc(1.5rem * var(--a11y-scale)) !important; }
}
/* 404.php inline style="font-size:30px" */
html body[class*="pojo-a11y-resize-font-"] .description-section h3[style*="font-size:30px"] { font-size: calc(30px * var(--a11y-scale)) !important; }


/* =====================================================================
   Section 4: form controls + messages on --a11y-scale-form.
   Theme sources, in order: style.css (base) → responsive.css
   (max-width:767px) → page custom CSS (base, max-width:600px).
   ===================================================================== */

/* inputs + submit share font and height → always level and equal */
html body[class*="pojo-a11y-resize-font-"] .wpcf7 .cf7-vertical-layout :is(input[type="text"], input[type="tel"], input[type="email"], input.wpcf7-submit) {
    font-size: calc(1vw * var(--a11y-scale-form)) !important;
    height: max(4vh, calc(1vw * var(--a11y-scale-form) * 1.35 + 1.6vh)) !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: normal !important;
}
html body[class*="pojo-a11y-resize-font-"] .wpcf7 .cf7-vertical-layout input.wpcf7-submit {
    width: auto !important;
    min-width: 6.5vw !important;
    padding-left: 0.8vw !important;
    padding-right: 0.8vw !important;
}

/* validation tip — one line: capped below the ~7.4vw input width so
   neighbouring tips keep a visible gap */
html body[class*="pojo-a11y-resize-font-"] .wpcf7 .wpcf7-not-valid-tip {
    font-size: min(calc(0.8vw * var(--a11y-scale-form)), 0.92vw) !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
}
/* consent tip spans the whole row */
html body[class*="pojo-a11y-resize-font-"] .wpcf7 .checkbox-row-vertical .wpcf7-not-valid-tip {
    font-size: calc(max(14px, 0.8vw) * 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.4 !important;
}

@media (max-width: 767px) {
    html body[class*="pojo-a11y-resize-font-"] .wpcf7 .wpcf7-not-valid-tip {
        font-size: calc(10px * var(--a11y-scale-form)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .wpcf7 .checkbox-row-vertical .wpcf7-not-valid-tip,
    html body[class*="pojo-a11y-resize-font-"] .wpcf7 form .wpcf7-response-output {
        font-size: calc(max(14px, 10px) * var(--a11y-scale-form)) !important;
    }
}

@media (max-width: 600px) {
    html body[class*="pojo-a11y-resize-font-"] .wpcf7 .cf7-vertical-layout :is(input[type="text"], input[type="tel"], input[type="email"], input.wpcf7-submit) {
        font-size: calc(14px * var(--a11y-scale-form)) !important;
        height: calc(max(26px, 14px * var(--a11y-scale-form) * 1.45) + 20px) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .wpcf7 .cf7-vertical-layout input.wpcf7-submit {
        width: 100% !important;
        min-width: 0 !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
    }
    /* field column is 73vw wide → cap keeps the longest message on one line */
    html body[class*="pojo-a11y-resize-font-"] .wpcf7 .wpcf7-not-valid-tip {
        font-size: min(calc(14px * var(--a11y-scale-form)), 6.2vw) !important;
    }
}


/* =====================================================================
   Section 4b: elements with an intentional size of their own
   ===================================================================== */

/* consent label (outer + inner .wpcf7-list-item-label) */
html body[class*="pojo-a11y-resize-font-"] .wpcf7 .checkbox-row-vertical span.wpcf7-list-item-label {
    font-size: calc(max(10px, 0.6vw) * var(--a11y-scale-form)) !important;
    line-height: 1.4 !important;
}
@media (max-width: 600px) {
    html body[class*="pojo-a11y-resize-font-"] .wpcf7 .checkbox-row-vertical span.wpcf7-list-item-label {
        font-size: calc(10px * var(--a11y-scale-form)) !important;
    }
}

/* privacy modal (page custom CSS uses :where() — restated explicitly) */
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 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 {
    font-size: calc(0.8vw * var(--a11y-scale)) !important;
    line-height: 1.6 !important;
}
@media (max-width: 600px) {
    html body[class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content h2 {
        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 {
        font-size: calc(12px * var(--a11y-scale)) !important;
    }
}

/* theme lightbox (body child, outside the content roots) */
html body[class*="pojo-a11y-resize-font-"] #lightbox .lb-data .lb-caption { font-size: calc(13px * var(--a11y-scale)) !important; }
html body[class*="pojo-a11y-resize-font-"] #lightbox .lb-data .lb-number { font-size: calc(12px * var(--a11y-scale)) !important; }


/* =====================================================================
   Section 4c: cookie banner (#cc-banner-root is a body child)
   ===================================================================== */
html body[class*="pojo-a11y-resize-font-"] .cc-root :is(p, li, span, label, a) {
    font-size: inherit !important;
}
html body[class*="pojo-a11y-resize-font-"] .cc-root {
    font-size: calc(14px * var(--a11y-scale)) !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(18px * var(--a11y-scale-form)) !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-form)) !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(15px * var(--a11y-scale-form)) !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)) !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)) !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)) !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)) !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)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .cc-cookies-list,
html body[class*="pojo-a11y-resize-font-"] .cc-root .cc-cookies-list,
html body[class*="pojo-a11y-resize-font-"] .cc-cookies-list :is(th, td),
html body[class*="pojo-a11y-resize-font-"] .cc-root .cc-cookies-list :is(th, td) {
    font-size: calc(12px * var(--a11y-scale)) !important;
}


/* =====================================================================
   Section 4d: tip positioning
   The theme keeps .wpcf7-not-valid-tip in flow (position:relative, no px
   top) — nothing to re-anchor. Spacing fixes live in Section 0b.
   ===================================================================== */


/* =====================================================================
   Section 5: Elementor page 6 (post-6.css) — base vw + max-width:767px px
   ===================================================================== */
html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element:is(.elementor-element-14cbeeb, .elementor-element-0974c7a, .elementor-element-4f56348, .elementor-element-da9a7cb, .elementor-element-5eac0fa, .elementor-element-3edb157, .elementor-element-d584876, .elementor-element-3e585fa, .elementor-element-53f87b7, .elementor-element-1549e4b, .elementor-element-d293095, .elementor-element-061f39d, .elementor-element-b475ba9, .elementor-element-4ed1f87, .elementor-element-461ab79, .elementor-element-bcb057a, .elementor-element-fac4be9) .elementor-heading-title {
    font-size: calc(0.8vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element:is(.elementor-element-2362841, .elementor-element-d6dd6b2, .elementor-element-ccc390c, .elementor-element-7d58bae) .elementor-heading-title {
    font-size: calc(1.12vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element:is(.elementor-element-238b558, .elementor-element-fce96ea) .elementor-heading-title {
    font-size: calc(0.6vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element:is(.elementor-element-c0a5947, .elementor-element-f50089f) .elementor-heading-title {
    font-size: calc(0.7vw * var(--a11y-scale)) !important;
}
/* form headings ("השאירו פרטים ונחזור אליכם בהקדם:") follow the form */
html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element:is(.elementor-element-102972f, .elementor-element-83766e5) .elementor-heading-title {
    font-size: calc(1vw * var(--a11y-scale-form)) !important;
}

@media (max-width: 767px) {
    html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element:is(.elementor-element-14cbeeb, .elementor-element-0974c7a, .elementor-element-4f56348, .elementor-element-2362841, .elementor-element-d6dd6b2, .elementor-element-da9a7cb, .elementor-element-5eac0fa, .elementor-element-3edb157, .elementor-element-d584876, .elementor-element-3e585fa, .elementor-element-53f87b7, .elementor-element-238b558, .elementor-element-fce96ea, .elementor-element-061f39d, .elementor-element-b475ba9, .elementor-element-4ed1f87, .elementor-element-461ab79, .elementor-element-bcb057a, .elementor-element-fac4be9) .elementor-heading-title {
        font-size: calc(14px * var(--a11y-scale)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element:is(.elementor-element-1549e4b, .elementor-element-d293095, .elementor-element-c0a5947) .elementor-heading-title {
        font-size: calc(12px * var(--a11y-scale)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element:is(.elementor-element-ccc390c, .elementor-element-7d58bae) .elementor-heading-title {
        font-size: calc(16px * var(--a11y-scale)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-f50089f .elementor-heading-title {
        font-size: calc(10px * var(--a11y-scale)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element:is(.elementor-element-102972f, .elementor-element-83766e5) .elementor-heading-title {
        font-size: calc(14px * var(--a11y-scale-form)) !important;
    }
}


/* =====================================================================
   Section 6: contrast modes — placeholder, checkbox tick, popup close
   ===================================================================== */

/* placeholder: white on the black inputs, black on the light background */
html body.pojo-a11y-high-contrast .wpcf7 input::placeholder,
html body.pojo-a11y-negative-contrast .wpcf7 input::placeholder {
    color: #fff !important;
    opacity: 1 !important;
}
html body.pojo-a11y-light-background .wpcf7 input::placeholder {
    color: #000 !important;
    opacity: 1 !important;
}

/* high contrast: page CSS removes the input border (border:none !important) */
html body.pojo-a11y-high-contrast .wpcf7 .cf7-vertical-layout :is(input[type="text"], input[type="tel"], input[type="email"]) {
    border: 1px solid #fff !important;
}

/* checkbox tick (drawn with ::after) */
html body.pojo-a11y-high-contrast .wpcf7 .wpcf7-checkbox input[type="checkbox"]:checked::after,
html body.pojo-a11y-negative-contrast .wpcf7 .wpcf7-checkbox input[type="checkbox"]:checked::after {
    color: #fff !important;
}
html body.pojo-a11y-light-background *:not(#pojo-a11y-toolbar):not(.pojo-a11y-toolbar-link) .wpcf7 .wpcf7-checkbox input[type="checkbox"]:checked::after {
    color: #000 !important;
}

/* Elementor popup close button: the link spans the full width and turned
   into a black bar; the X was black on black. */
html body.pojo-a11y-high-contrast .elementor-popup-modal:not(#pojo-a11y-toolbar) .dialog-close-button,
html body.pojo-a11y-negative-contrast .elementor-popup-modal:not(#pojo-a11y-toolbar) .dialog-close-button,
html body.pojo-a11y-light-background .elementor-popup-modal:not(#pojo-a11y-toolbar):not(.pojo-a11y-toolbar-link) .dialog-close-button {
    background: transparent !important;
}
html body.pojo-a11y-high-contrast .elementor-popup-modal:not(#pojo-a11y-toolbar) .dialog-close-button svg,
html body.pojo-a11y-negative-contrast .elementor-popup-modal:not(#pojo-a11y-toolbar) .dialog-close-button svg {
    background: #000 !important;
    fill: #fff !important;
    color: #fff !important;
    border: 2px solid #fff !important;
    border-radius: 100% !important;
}
html body.pojo-a11y-light-background .elementor-popup-modal:not(#pojo-a11y-toolbar):not(.pojo-a11y-toolbar-link) .dialog-close-button svg {
    background: #fff !important;
    fill: #000 !important;
    color: #000 !important;
    border: 2px solid #000 !important;
    border-radius: 100% !important;
}

/* mobile "להשארת פרטים" button image. Its Elementor container is also a link;
   nested links make the browser leave two empty fixed 20px strips at the
   bottom of the screen — those must not get a border. */
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast) .elementor-6 .elementor-element.elementor-element-7721524 img:not(#pojo-a11y-toolbar) {
    border: 2px solid #fff !important;
}
html body.pojo-a11y-light-background .elementor-6 .elementor-element.elementor-element-7721524 img:not(#pojo-a11y-toolbar):not(.pojo-a11y-toolbar-link) {
    border: 2px solid #000 !important;
}

/* diamond dividers: high/negative contrast paint every background black and
   drop the image — restore it (light mode swaps in the blue one via page CSS) */
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast) .elementor-6 .elementor-element.elementor-element-6498687.diamond-divider:not(#pojo-a11y-toolbar) {
    background-image: url("/wp-content/uploads/sites/9/2025/09/vector-star-desktop.png") !important;
    background-position: center center !important;
    background-size: cover !important;
    background-color: transparent !important;
}
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast) .elementor-6 .elementor-element.elementor-element-c1bfc93.diamond-divider:not(#pojo-a11y-toolbar) {
    background-image: url("/wp-content/uploads/sites/9/2025/09/vector-star.png") !important;
    background-position: center center !important;
    background-size: cover !important;
    background-color: transparent !important;
}

/* privacy modal close (white X image) on the light background */
html body.pojo-a11y-light-background *:not(#pojo-a11y-toolbar):not(.pojo-a11y-toolbar-link) .privacy-close-btn > img {
    filter: invert(1) !important;
}


/* =====================================================================
   Section 7: features row — Elementor gives each item a fixed width, so
   larger text spilled over the separators. Wrap when fonts are increased:
   desktop 6 in a row → 3 columns, mobile rows of 3 → 2 columns.
   ===================================================================== */
html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-51ece74 {
    flex-wrap: wrap !important;
    row-gap: 1.5vh !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-51ece74 > .elementor-element {
    width: 33.333% !important;
    max-width: 33.333% !important;
    flex: 0 0 33.333% !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-51ece74 > .elementor-element:nth-child(3n+1) {
    border-right-width: 0 !important;
}
@media (max-width: 767px) {
    html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element:is(.elementor-element-f69d10a, .elementor-element-e1fbe0d) > .elementor-element {
        width: calc(50% - 7.5px) !important;
        max-width: calc(50% - 7.5px) !important;
        flex: 0 0 calc(50% - 7.5px) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element:is(.elementor-element-f69d10a, .elementor-element-e1fbe0d) > .elementor-element:nth-child(3) {
        border-right-width: 0 !important;
        padding-right: 0 !important;
    }
}


/* =====================================================================
   Section 8: accessibility toggle on the left on mobile
   (responsive.css moves the toolbar to the right below 768px)
   ===================================================================== */
@media (max-width: 767px) {
    body #pojo-a11y-toolbar:is(.pojo-a11y-toolbar-left, .pojo-a11y-toolbar-right) {
        left: -180px !important;
        right: auto !important;
        transition: left 750ms cubic-bezier(.23, 1, .32, 1) !important;
    }
    body #pojo-a11y-toolbar:is(.pojo-a11y-toolbar-left, .pojo-a11y-toolbar-right).pojo-a11y-toolbar-open {
        left: 0 !important;
        right: auto !important;
    }
    body #pojo-a11y-toolbar:is(.pojo-a11y-toolbar-left, .pojo-a11y-toolbar-right) .pojo-a11y-toolbar-toggle {
        left: 180px !important;
        right: auto !important;
    }
}