/* ==========================================================================
   Accessibility (One Click Accessibility / Pojo) fixes — Neve Yaakov
   --------------------------------------------------------------------------
   Font resize: every resize rule is gated behind
   body[class*="pojo-a11y-resize-font-"], so with no size chosen (and after
   Reset) this file changes nothing.
   Contrast modes: rules are gated behind the matching pojo-a11y-* body class.
   ========================================================================== */


/* --------------------------------------------------------------------------
   Section 1: STEP -> MULTIPLIERS (gentle first step)
     --a11y-scale          text                                  +5% ... +40%
     --a11y-scale-form     inputs, submit, buttons, messages,
                           checkbox label                       +10% ... +45%
     --a11y-scale-display  huge display headings (COMING SOON…)  +2% ... +16%
     --a11y-scale-cookie   cookie popup                          +3% ... +24%
     --a11y-scale-toolbar  accessibility toolbar items (kept smaller
                           than the page text on purpose)        +2% ... +16%
     --a11y-scale-width    form card width grows with the text   +5% ... +40%
   -------------------------------------------------------------------------- */
:root { --a11y-scale: 1; --a11y-scale-form: 1; --a11y-scale-display: 1; --a11y-scale-cookie: 1; --a11y-scale-toolbar: 1; --a11y-scale-width: 1; }
body.pojo-a11y-resize-font-130 { --a11y-scale: 1.05; --a11y-scale-form: 1.10; --a11y-scale-display: 1.02; --a11y-scale-cookie: 1.03; --a11y-scale-toolbar: 1.02; --a11y-scale-width: 1.05; }
body.pojo-a11y-resize-font-140 { --a11y-scale: 1.10; --a11y-scale-form: 1.15; --a11y-scale-display: 1.04; --a11y-scale-cookie: 1.06; --a11y-scale-toolbar: 1.04; --a11y-scale-width: 1.10; }
body.pojo-a11y-resize-font-150 { --a11y-scale: 1.15; --a11y-scale-form: 1.20; --a11y-scale-display: 1.06; --a11y-scale-cookie: 1.09; --a11y-scale-toolbar: 1.06; --a11y-scale-width: 1.15; }
body.pojo-a11y-resize-font-160 { --a11y-scale: 1.20; --a11y-scale-form: 1.25; --a11y-scale-display: 1.08; --a11y-scale-cookie: 1.12; --a11y-scale-toolbar: 1.08; --a11y-scale-width: 1.20; }
body.pojo-a11y-resize-font-170 { --a11y-scale: 1.25; --a11y-scale-form: 1.30; --a11y-scale-display: 1.10; --a11y-scale-cookie: 1.15; --a11y-scale-toolbar: 1.10; --a11y-scale-width: 1.25; }
body.pojo-a11y-resize-font-180 { --a11y-scale: 1.30; --a11y-scale-form: 1.35; --a11y-scale-display: 1.12; --a11y-scale-cookie: 1.18; --a11y-scale-toolbar: 1.12; --a11y-scale-width: 1.30; }
body.pojo-a11y-resize-font-190 { --a11y-scale: 1.35; --a11y-scale-form: 1.40; --a11y-scale-display: 1.14; --a11y-scale-cookie: 1.21; --a11y-scale-toolbar: 1.14; --a11y-scale-width: 1.35; }
body.pojo-a11y-resize-font-200 { --a11y-scale: 1.40; --a11y-scale-form: 1.45; --a11y-scale-display: 1.16; --a11y-scale-cookie: 1.24; --a11y-scale-toolbar: 1.16; --a11y-scale-width: 1.40; }


/* --------------------------------------------------------------------------
   Section 2: Base pin on <body> (measured baseline 16px)
   -------------------------------------------------------------------------- */
html body[class*="pojo-a11y-resize-font-"] {
    font-size: calc(16px * var(--a11y-scale)) !important;
    /* the closed toolbar is parked at right:-180px on mobile (responsive.css);
       once it grows it causes a horizontal scroll */
    overflow-x: hidden !important;
}


/* --------------------------------------------------------------------------
   Section 2b: Accessibility toolbar items
   The plugin grows the item spans 12.8px -> 25.6px. They grow on a gentler
   curve here (12.8px -> 14.8px) so the menu stays a bit smaller than the page.
   -------------------------------------------------------------------------- */
html body[class*="pojo-a11y-resize-font-"] #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a span {
    font-size: calc(12.8px * var(--a11y-scale-toolbar)) !important;
}


/* --------------------------------------------------------------------------
   Section 3: Kill the compounding percentages inside every content root
   (Elementor pages + theme templates + privacy modal)
   -------------------------------------------------------------------------- */
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,
html body[class*="pojo-a11y-resize-font-"] .gold-card-banner span,
html body[class*="pojo-a11y-resize-font-"] .breadcrums span,
html body[class*="pojo-a11y-resize-font-"] .privacy-wrapper p,
html body[class*="pojo-a11y-resize-font-"] .privacy-wrapper li,
html body[class*="pojo-a11y-resize-font-"] .privacy-wrapper span,
html body[class*="pojo-a11y-resize-font-"] .privacy-wrapper label,
html body[class*="pojo-a11y-resize-font-"] .privacy-wrapper blockquote,
html body[class*="pojo-a11y-resize-font-"] .privacy-wrapper dd,
html body[class*="pojo-a11y-resize-font-"] .privacy-wrapper dt {
    font-size: inherit !important;
}


/* --------------------------------------------------------------------------
   Section 4: Form controls + messages (--a11y-scale-form)
   Mirrors assets/css/style.css (base) and responsive.css (max-width:767px),
   in that order. Readability floors via max() so vw-sized text is legible
   at tablet widths too.
   -------------------------------------------------------------------------- */
html body[class*="pojo-a11y-resize-font-"] .wpcf7 input,
html body[class*="pojo-a11y-resize-font-"] .wpcf7 textarea,
html body[class*="pojo-a11y-resize-font-"] .wpcf7 select {
    font-size: calc(max(12px, 1vw) * var(--a11y-scale-form)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .global-btn {
    font-size: calc(24px * var(--a11y-scale-form)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .submit-col .global-btn {
    font-size: calc(1.4vw * var(--a11y-scale-form)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .privacy-checkbox .wpcf7-list-item-label {
    font-size: calc(max(9px, 0.59vw) * var(--a11y-scale-form)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .wpcf7 .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-"] .wpcf7 form .wpcf7-response-output {
    font-size: calc(max(12px, 0.7vw) * var(--a11y-scale-form)) !important;
    line-height: 1.5 !important;
}

@media (max-width: 767px) {
    html body[class*="pojo-a11y-resize-font-"] .wpcf7 input,
    html body[class*="pojo-a11y-resize-font-"] .wpcf7 textarea,
    html body[class*="pojo-a11y-resize-font-"] .wpcf7 select {
        font-size: calc(16px * var(--a11y-scale-form)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .privacy-checkbox .wpcf7-list-item-label {
        font-size: calc(13px * var(--a11y-scale-form)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .wpcf7 .wpcf7-not-valid-tip {
        font-size: calc(max(12px, 3vw) * var(--a11y-scale-form)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .wpcf7 form .wpcf7-response-output {
        font-size: calc(12px * var(--a11y-scale-form)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .main-contact-form .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;
    }
}


/* --------------------------------------------------------------------------
   Section 4b: Elements with an intentional size of their own
   (privacy / accessibility modal, privacy links, lightbox captions)
   The theme's ":where(p, li, a, div)" is 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 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(max(12px, 0.8vw) * var(--a11y-scale)) !important;
    line-height: 1.5 !important;
}
html body[class*="pojo-a11y-resize-font-"] .pv-links > span,
html body[class*="pojo-a11y-resize-font-"] .pv-link {
    font-size: calc(max(12px, 0.8vw) * var(--a11y-scale)) !important;
}
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;
}

@media (max-width: 767px) {
    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 {
        font-size: calc(12px * var(--a11y-scale)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .pv-links > span,
    html body[class*="pojo-a11y-resize-font-"] .pv-link {
        font-size: calc(14px * var(--a11y-scale)) !important;
    }
}


/* --------------------------------------------------------------------------
   Section 4c: Cookie banner (#cc-banner-root sits outside .elementor)
   Generic inherit first, then scaled pins (never flat px).
   -------------------------------------------------------------------------- */
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;
    line-height: 1.3 !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;
    line-height: 1 !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: Consent-checkbox validation tip positioning
   The theme positions the tip absolutely inside .wpcf7-form-control-wrap,
   which only wraps the checkbox square (top:45px on mobile, bottom:-1vw on
   desktop). Once the consent label grows taller than the square, the tip is
   drawn over the text. While resizing, the wrapper is taken out of the box
   tree (display:contents) so the tip becomes a full-width, in-flow line under
   the checkbox + text: it tracks the label at any size and any message length.
   -------------------------------------------------------------------------- */
html body[class*="pojo-a11y-resize-font-"] .privacy-checkbox.first label.custom-check-label {
    flex-wrap: wrap !important;
    width: 100% !important;
}
html body[class*="pojo-a11y-resize-font-"] .privacy-checkbox.first .wpcf7-form-control-wrap {
    display: contents !important;
}
html body[class*="pojo-a11y-resize-font-"] .privacy-checkbox.first .wpcf7-form-control-wrap > .wpcf7-checkbox {
    flex: 0 0 auto !important;
}
html body[class*="pojo-a11y-resize-font-"] .privacy-checkbox.first label.custom-check-label > span.custom-check-label {
    flex: 1 1 0 !important;
    min-width: 0 !important;
}
html body[class*="pojo-a11y-resize-font-"] .privacy-checkbox.first .wpcf7-not-valid-tip {
    position: static !important;
    order: 5 !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    top: auto !important;
    bottom: auto !important;
    margin: 4px 0 0 !important;
    white-space: normal !important;
    text-wrap: wrap !important;
}


/* --------------------------------------------------------------------------
   Section 5: Elementor headings / buttons, per page and per breakpoint
   (post-11.css = home, post-194.css = 404 template; kit post-8.css has none)
   -------------------------------------------------------------------------- */
/* post-11 base */
html body[class*="pojo-a11y-resize-font-"] .elementor-11 .elementor-element.elementor-element-1e4ad7b .elementor-heading-title {
    font-size: calc(1vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-11 .elementor-element.elementor-element-798266a .elementor-heading-title {
    font-size: calc(3.2vw * var(--a11y-scale-display)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-11 .elementor-element.elementor-element-cf8ad6f .elementor-heading-title {
    font-size: calc(4.5vw * var(--a11y-scale-display)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-11 .elementor-element.elementor-element-2ccaf1a .elementor-heading-title {
    font-size: calc(3vw * var(--a11y-scale-display)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-11 .elementor-element.elementor-element-c210d50 .elementor-heading-title {
    font-size: calc(2.5vw * var(--a11y-scale-display)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-11 .elementor-element.elementor-element-bc2aa2c .elementor-heading-title {
    font-size: calc(1.15vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-11 .elementor-element.elementor-element-e78457b .elementor-heading-title {
    font-size: calc(0.59vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-11 .elementor-element.elementor-element-72618e9 .elementor-button {
    font-size: calc(1.23vw * var(--a11y-scale-form)) !important;
}
/* post-194 base */
html body[class*="pojo-a11y-resize-font-"] .elementor-194 .elementor-element.elementor-element-d6e8555 .elementor-button {
    font-size: calc(1.5vw * var(--a11y-scale-form)) !important;
}

@media (max-width: 1024px) {
    html body[class*="pojo-a11y-resize-font-"] .elementor-11 .elementor-element.elementor-element-72618e9 .elementor-button {
        font-size: calc(2.4vw * var(--a11y-scale-form)) !important;
    }
}

@media (max-width: 767px) {
    html body[class*="pojo-a11y-resize-font-"] .elementor-11 .elementor-element.elementor-element-1e4ad7b .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-11 .elementor-element.elementor-element-e78457b .elementor-heading-title {
        font-size: calc(10px * var(--a11y-scale)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .elementor-11 .elementor-element.elementor-element-798266a .elementor-heading-title {
        font-size: calc(53px * var(--a11y-scale-display)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .elementor-11 .elementor-element.elementor-element-cf8ad6f .elementor-heading-title {
        font-size: calc(73px * var(--a11y-scale-display)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .elementor-11 .elementor-element.elementor-element-2ccaf1a .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-11 .elementor-element.elementor-element-c210d50 .elementor-heading-title {
        font-size: calc(44px * var(--a11y-scale-display)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .elementor-11 .elementor-element.elementor-element-bc2aa2c .elementor-heading-title {
        font-size: calc(22px * var(--a11y-scale)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .elementor-11 .elementor-element.elementor-element-72618e9 .elementor-button {
        font-size: calc(4.2vw * var(--a11y-scale-form)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .elementor-194 .elementor-element.elementor-element-d6e8555 .elementor-button {
        font-size: calc(15px * var(--a11y-scale-form)) !important;
    }
}


/* --------------------------------------------------------------------------
   Section 5b: Let the form card grow with the text (desktop / tablet).
   The card is --width:25% from 768px up (post-11.css); mobile is 100%.
   -------------------------------------------------------------------------- */
@media (min-width: 768px) {
    html body[class*="pojo-a11y-resize-font-"] .elementor-11 .elementor-element.elementor-element-a5fac16 {
        --width: calc(25% * var(--a11y-scale-width)) !important;
    }
}


/* ==========================================================================
   Section 6: CONTRAST MODES — keep background images visible
   The plugin's high-contrast / negative-contrast / light-background rules
   set `background: <color> !important`, which also wipes background-image.
   Restore the images, and keep the wrappers that sit on top of them
   transparent (as they are in the normal design). Elements that have their
   own solid background in the design (the navy card a5fac16, the white
   heading c210d50, the form) keep the mode colour, so text stays readable.
   :not(#a11y-bg) only raises specificity above the plugin's
   "*:not(#pojo-a11y-toolbar)" selectors.
   ========================================================================== */
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background) .elementor-11 .elementor-element.elementor-element-ab6b5a0:not(.elementor-motion-effects-element-type-background):not(#a11y-bg) {
    background-image: url("/wp-content/uploads/sites/70/2026/05/hagag_first_Request-Form_desktop-bg.webp") !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
@media (max-width: 1200px) {
    html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background) .elementor-11 .elementor-element.elementor-element-ab6b5a0:not(.elementor-motion-effects-element-type-background):not(#a11y-bg) {
        background-position: center center !important;
    }
}
@media (max-width: 767px) {
    html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background) .elementor-11 .elementor-element.elementor-element-32a7fdd:not(.elementor-motion-effects-element-type-background):not(#a11y-bg) {
        background-image: url("/wp-content/uploads/sites/70/2026/05/neve-yakof-thumbnail-mobile.webp") !important;
        background-position: center bottom !important;
        background-repeat: repeat !important;
        background-size: cover !important;
    }
}

/* Wrappers over the images: transparent, as in the normal design */
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background) .elementor-11 .elementor-element-ab6b5a0 > .elementor-element:not(.elementor-element-a5fac16):not(#a11y-bg),
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background) .elementor-11 .elementor-element-ab6b5a0 > .elementor-element:not(.elementor-element-a5fac16) *:not(#a11y-bg) {
    background-color: transparent !important;
}
@media (max-width: 767px) {
    html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background) .elementor-11 .elementor-element-32a7fdd .elementor-element:not(.elementor-element-c210d50):not(#a11y-bg),
    html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background) .elementor-11 .elementor-element-32a7fdd .elementor-element:not(.elementor-element-c210d50) .elementor-widget-container:not(#a11y-bg),
    html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background) .elementor-11 .elementor-element-32a7fdd .elementor-element:not(.elementor-element-c210d50) .e-con-inner:not(#a11y-bg),
    html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background) .elementor-11 .elementor-element-32a7fdd .elementor-element:not(.elementor-element-c210d50) .elementor-heading-title:not(#a11y-bg) {
        background-color: transparent !important;
    }
}

/* Lightbox navigation / close icons */
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background) .lightbox .lb-nav a.lb-prev:not(#a11y-bg) {
    background: transparent url("../images/prev.png") left 48% no-repeat !important;
}
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background) .lightbox .lb-nav a.lb-next:not(#a11y-bg) {
    background: transparent url("../images/next.png") right 48% no-repeat !important;
}
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background) .lightbox .lb-cancel:not(#a11y-bg) {
    background: transparent url("../images/loading.gif") no-repeat !important;
}
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background) .lightbox .lb-data .lb-close:not(#a11y-bg) {
    background: transparent url("../images/close.png") top right no-repeat !important;
}


/* ==========================================================================
   Section 7: CONTRAST MODES — consent checkbox
   The tick (navy #002C55) disappears on the black box of high / negative
   contrast, and the box border (#FAF3E8) disappears on light background.
   Give the box and tick a visible colour pair per mode and centre the tick
   in the box with flex, so it sits inside the square whatever font the
   mode uses.
   ========================================================================== */
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background, .pojo-a11y-grayscale, .pojo-a11y-readable-font) .privacy-checkbox input[type="checkbox"]:not(#a11y-bg) {
    position: relative !important;
    padding: 0 !important;
    overflow: hidden !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background, .pojo-a11y-grayscale, .pojo-a11y-readable-font) .privacy-checkbox input[type="checkbox"]:checked::before {
    content: "\2713" !important;
    position: absolute !important;
    inset: 0 !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    transform: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    font-family: Arial, "Segoe UI Symbol", sans-serif !important;
    font-weight: bold !important;
}

/* High contrast + negative contrast: white box outline, white tick on black */
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast) .privacy-checkbox input[type="checkbox"]:not(#a11y-bg) {
    background: #000 !important;
    border: 2px solid #fff !important;
}
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast) .privacy-checkbox input[type="checkbox"]:checked::before {
    color: #fff !important;
}

/* Light background: black box outline, black tick on white */
html body.pojo-a11y-light-background .privacy-checkbox input[type="checkbox"]:not(#a11y-bg) {
    background: #fff !important;
    border: 2px solid #000 !important;
}
html body.pojo-a11y-light-background .privacy-checkbox input[type="checkbox"]:checked::before {
    color: #000 !important;
}

/* Grayscale: keep the design colours (white box, navy tick) */
html body.pojo-a11y-grayscale .privacy-checkbox input[type="checkbox"]:not(#a11y-bg) {
    background: #fff !important;
}
html body.pojo-a11y-grayscale .privacy-checkbox input[type="checkbox"]:checked::before {
    color: #002C55 !important;
}

/* Light background: the theme's #FAF3E8 input borders / placeholders are
   invisible on white — make them readable */
html body.pojo-a11y-light-background .wpcf7 input:not([type="checkbox"]):not([type="hidden"]):not(#a11y-bg),
html body.pojo-a11y-light-background .wpcf7 textarea:not(#a11y-bg),
html body.pojo-a11y-light-background .wpcf7 select:not(#a11y-bg) {
    border: 1px solid #000 !important;
}
html body.pojo-a11y-light-background .wpcf7 input::placeholder,
html body.pojo-a11y-light-background .wpcf7 textarea::placeholder {
    color: #444 !important;
    opacity: 1 !important;
}


/* ==========================================================================
   Section 8: CONTRAST MODES — visible button borders
   Cookie banner buttons have no border at all, and the form submit's
   #FAF3E8 border disappears on light background. Give every button a
   border that contrasts with the mode's background.
   ========================================================================== */
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast) :is(button, .global-btn, .elementor-button, .cc-btn, input[type="submit"]):not(#a11y-bg) {
    border: 2px solid #fff !important;
}
html body.pojo-a11y-light-background :is(button, .global-btn, .elementor-button, .cc-btn, input[type="submit"]):not(#a11y-bg) {
    border: 2px solid #000 !important;
}
html body.pojo-a11y-grayscale :is(button, .global-btn, .elementor-button, .cc-btn, input[type="submit"]):not(#a11y-bg) {
    border: 2px solid currentColor !important;
}
/* Button icons (e.g. the mobile sticky "פרטים נוספים" arrow) are white SVGs;
   on the light background they vanish. Paint them in the button's text colour. */
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background, .pojo-a11y-grayscale) .elementor-button .elementor-button-icon svg:not(#a11y-bg),
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background, .pojo-a11y-grayscale) .elementor-button .elementor-button-icon svg:not(#a11y-bg) * {
    fill: currentColor !important;
}

/* Light background: the logos (neve-yakof-main-logo / mobile-logo) are white
   SVGs and disappear on the white card. Put them on a black background. */
html body.pojo-a11y-light-background .elementor-11 .elementor-element-4490d4e img:not(#a11y-bg),
html body.pojo-a11y-light-background .elementor-11 .elementor-element-91e139c img:not(#a11y-bg),
html body.pojo-a11y-light-background .elementor img[src*="logo"]:not(#a11y-bg) {
    background: #000 !important;
    background-color: #000 !important;
}