/* ==========================================================================
   One Click Accessibility (Pojo) — font-resize compatibility layer
   --------------------------------------------------------------------------
   The plugin only adds a body class and emits two !important rules:

     body...NN, p, li, label, input, select, textarea, legend, code, pre,
     dd, dt, span, blockquote            { font-size: NN%        !important }
     body...NN h1..h6, h1 span .. h6 span { font-size: NN*1.33%  !important }

   On this site that produces five distinct failures (all measured live):

     1. vw is ignored      — headings are 1.1vw–2.6vw; a % never resolves
                             against vw, so at step 130 the hero heading
                             SHRANK 37.44px -> 35.96px.
     2. % compounds        — CF7 nests p > span.wpcf7-form-control-wrap >
                             input, so the input went 14.4px -> 256px and the
                             validation tip 14px -> 256px at step 200.
     3. h_ span stacks     — .span-h2 sits inside an already-scaled heading
                             and got a second 1.33x: 24.48px -> 226.42px.
     4. Frozen elements    — <a>, <div> and <button> are not in the plugin's
                             selector list: .wpcf7-response-output, the footer
                             icon-list links, the privacy-modal links, .cc-root
                             and .cc-btn never moved at any step.
     5. Cookie banner      — #cc-banner-root is a SIBLING of .elementor, so
                             .cc-title (h2) ran to 37.24px and .cc-body (p) to
                             28px while .cc-root/.cc-btn stayed frozen at 14px.

   Two hard rules this file obeys:

     RULE A  Every rule is gated behind body[class*="pojo-a11y-resize-font-"].
             With nothing selected, and again after Reset, this file
             contributes ZERO computed differences on every page.
     RULE B  #pojo-a11y-toolbar is a SIBLING of .elementor. Every generic rule
             is scoped inside a content root, so this file NEVER targets the
             toolbar — the widget keeps the plugin's own CSS exactly as it
             ships, at every step. (The plugin resizes its own widget only
             half way: its `span { NN% }` enlarges .pojo-a11y-toolbar-text
             inside the fixed 180px panel. Stock behaviour, left alone.)

   Content roots on this site (all three enumerated from wp-sitemap.xml):
     /                        .elementor.elementor-10        (Elementor page)
     /sample-page/            .description-section           (page.php)
     /2026/05/13/hello-world/ direct children of <body>      (single.php has
                              no wrapper at all — the_content() is bare)

   Specificity notes (why the selectors look the way they do):
     GATE   html body[class*="..."]                     -> (0,1,2)
     GATE2  html body[class*="..."][class*="..."]       -> (0,2,2)
            Section 3 generic is GATE + root + element  -> (0,2,3).
            A form pin written as GATE + .class is (0,2,2) and LOSES to it
            (class column ties at 2, element column 2 < 3), so every Section 4
            pin uses GATE2 to reach (0,3,2) and win on the class column.
            Same reason the cookie pins carry a .cc-root-scoped variant:
            GATE .cc-root .cc-body (0,3,2) beats GATE .cc-root p (0,2,3).
   ========================================================================== */


/* ==========================================================================
   SECTION 1 — STEP -> MULTIPLIERS (two curves)
   Form controls, buttons, messages and the cookie banner start from the
   smallest sizes on the page (11-16px) and need a bigger first jump to read
   as "bigger"; body copy and headings start large and need a gentler one.
   ========================================================================== */
:root { --a11y-scale: 1; --a11y-scale-form: 1; }

body.pojo-a11y-resize-font-130 { --a11y-scale: 1.15; --a11y-scale-form: 1.30; }
body.pojo-a11y-resize-font-140 { --a11y-scale: 1.22; --a11y-scale-form: 1.40; }
body.pojo-a11y-resize-font-150 { --a11y-scale: 1.28; --a11y-scale-form: 1.48; }
body.pojo-a11y-resize-font-160 { --a11y-scale: 1.35; --a11y-scale-form: 1.55; }
body.pojo-a11y-resize-font-170 { --a11y-scale: 1.42; --a11y-scale-form: 1.62; }
body.pojo-a11y-resize-font-180 { --a11y-scale: 1.48; --a11y-scale-form: 1.68; }
body.pojo-a11y-resize-font-190 { --a11y-scale: 1.54; --a11y-scale-form: 1.72; }
body.pojo-a11y-resize-font-200 { --a11y-scale: 1.60; --a11y-scale-form: 1.75; }


/* ==========================================================================
   SECTION 2 — BASE PIN
   Deliberately NOT scoped to a content root: <body> is the ancestor of the
   toolbar too, and the toolbar's own items are sized in % off <body>, which
   is how the plugin has always driven them. Measured body baseline is 16px.
   calc() and never a flat px — a flat px would freeze the toolbar popup.
   ========================================================================== */
html body[class*="pojo-a11y-resize-font-"] {
    font-size: calc(16px * var(--a11y-scale)) !important;
}


/* ==========================================================================
   SECTION 3 — KILL THE COMPOUNDING PERCENTAGES INSIDE EVERY CONTENT ROOT
   Each of these elements is in the plugin's selector list and therefore gets
   NN% of its parent — which is itself NN% of ITS parent. Resetting them to
   `inherit` collapses the whole chain onto the single Section 2 pin.
   input/select/textarea are deliberately excluded — Section 4 owns those.
   .span-h2 is covered by the `span` entry (it carries no size of its own and
   is meant to inherit from its heading).
   ========================================================================== */
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 blockquote p,
html body[class*="pojo-a11y-resize-font-"] .description-section blockquote cite,
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,

/* single.php renders the_content() with NO wrapper, so post content is a set
   of DIRECT children of <body>. The child combinator is what keeps this off
   #pojo-a11y-toolbar (whose own <p class="pojo-a11y-toolbar-title"> and
   <li class="pojo-a11y-toolbar-item"> are nested three levels deep). */
html body[class*="pojo-a11y-resize-font-"].single > p,
html body[class*="pojo-a11y-resize-font-"].single > ul li,
html body[class*="pojo-a11y-resize-font-"].single > ol li,
html body[class*="pojo-a11y-resize-font-"].single > blockquote,
html body[class*="pojo-a11y-resize-font-"].single > blockquote p,
html body[class*="pojo-a11y-resize-font-"].single > blockquote cite,
html body[class*="pojo-a11y-resize-font-"].single > figure figcaption,
html body[class*="pojo-a11y-resize-font-"].single > pre,
html body[class*="pojo-a11y-resize-font-"].single > dl dd,
html body[class*="pojo-a11y-resize-font-"].single > dl dt {
    font-size: inherit !important;
}


/* ==========================================================================
   SECTION 4 — FORM CONTROLS, MESSAGES AND SIZED SPANS  (--a11y-scale-form)
   Values mirror the theme's own inline stylesheet 1:1, one rule per selector
   per breakpoint, media blocks emitted in the theme's OWN source order:
       base  ->  (min-768 and max-1200)  ->  (max-991)  ->  (max-600)
   Those bands overlap (768-991 is in both the 2nd and 3rd), and the theme
   resolves that overlap by source order plus !important flags — reordering
   them would change sizes at rest, so the order and the !important flags are
   reproduced exactly.

   px/vw only: never em (CF7's p > span > span nesting would compound it) and
   never rem (it would shrink below the design size on wide screens).

   READABILITY FLOOR: the two message elements are sized in vw with no tablet
   override, so between 601px and 767px .wpcf7-not-valid-tip renders at ~4.9px
   and .wpcf7-response-output at ~6.3px. max(14px, <themeValue>) lifts them to
   a legible size. This is inside the gate, so the default render is untouched.
   ========================================================================== */

/* --- text inputs ------------------------------------------------------- */
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .field-col label .wpcf7-form-control-wrap,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .field-col input,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .wpcf7-select {
    font-size: calc(1vw * var(--a11y-scale-form)) !important;
}

/* --- submit ------------------------------------------------------------ */
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .submit-btn input,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .wpcf7-submit {
    font-size: calc(1.2vw * var(--a11y-scale-form)) !important;
}

/* --- submit: allow the label to wrap to a second line -------------------
   The submit is an <input type="submit">, whose UA style is white-space: pre
   plus overflow: clip — so a label that outgrows the button is CUT OFF rather
   than wrapped. Measured at 375px with the value
   "לגישה מוקדמת לתנאים הבלעדיים" (28 chars): it fits at rest with 54px to
   spare, but is clipped by 25px at step 130 and by 142px at step 200.
   Overriding white-space to `normal` makes the input wrap (verified: at step
   200 scrollWidth drops 473 -> 347, i.e. exactly clientWidth, on two lines).

   line-height must become unitless at the same time: the theme pins it to a
   flat 26px, which is SMALLER than the scaled font (31.5px at step 200), so
   two wrapped lines would collide. height:auto is insurance in case a fixed
   height is ever added to the button.

   Gated like everything else: at rest the label fits on one line at 375, 600
   and 1440, so this changes nothing until a size is actually chosen. Desktop
   never wraps either — at 1440 there is still 215px of spare width at max. */
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .submit-btn input,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .wpcf7-submit {
    white-space: normal !important;
    line-height: 1.3 !important;
    height: auto !important;
}

/* --- checkbox / acceptance labels -------------------------------------- */
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .wpcf7-checkbox .wpcf7-list-item-label,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .wpcf7-acceptance .wpcf7-list-item-label,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .custom-check-label {
    font-size: calc(0.6vw * var(--a11y-scale-form)) !important;
}

/* --- validation tip ----------------------------------------------------
   Theme sets line-height: 1.5vh — a viewport-height unit does NOT grow with
   the font, so the text would overlap itself once scaled. Forced unitless.
   Position is NOT touched: this theme's tip is position:relative (in flow),
   so it tracks the field automatically at every step (verified: clearance
   -6px and spill -10px at steps none/130/160/200 at both 375px and 1440px).
   ---------------------------------------------------------------------- */
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .wpcf7-not-valid-tip {
    font-size: calc(max(14px, 0.7vw) * var(--a11y-scale-form)) !important;
    line-height: 1.4 !important;
}

/* --- response output (a <div>: the plugin cannot touch it at all) ------- */
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .wpcf7-response-output,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .wpcf7 form.sent .wpcf7-response-output,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .wpcf7 form.failed .wpcf7-response-output,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .wpcf7 form.aborted .wpcf7-response-output,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .wpcf7 form.invalid .wpcf7-response-output {
    font-size: calc(max(14px, 0.9vw) * var(--a11y-scale-form)) !important;
    line-height: 1.4 !important;
}


/* ==========================================================================
   SECTION 4b — ELEMENTS CARRYING AN INTENTIONAL SIZE OF THEIR OWN
   Section 3 would otherwise flatten these to the body size.

   The privacy / accessibility modals are the `:where()` trap: the theme
   writes `.privacy-wrapper .privacy-content :where(p, li, a, div)`, which is
   only (0,2,0) because :where() contributes ZERO specificity — it loses to
   Section 3's (0,2,3) and would be flattened. Restated explicitly here.
   Its <a> is also one of the frozen elements (measured 11.52px at every step).
   ========================================================================== */
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content p,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content li,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content a,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content div {
    font-size: calc(0.8vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content h2 {
    font-size: calc(1.4vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content h3 {
    font-size: calc(1.1vw * var(--a11y-scale)) !important;
}

/* The "החל מ-" chip inside the price figure:
       <p class="elementor-heading-title">
         <span class="price">2,190,<span class="last-zeros"> 000
           <span class="price-text">החל מ-</span></span></span></p>
   .price-text is an absolutely-positioned span with an OPAQUE background
   (rgb(29,77,62)) deliberately painted over the "000" to mask them, centred
   with top:48%; left:50%; transform:translate(-50%,-50%).

   Section 3 flattens `.elementor span` to inherit, which blew the chip up to
   the full price size (measured 16.64px -> 18.4px at step 130, and the price
   itself collapsed 47.36px -> 18.4px) so the chip no longer matched the digits
   it is meant to cover. Pinned back to its own value here, on the SAME curve
   as the price heading, so the chip and the digits grow by an identical factor
   and the mask keeps its exact proportions. The offsets are percentage-based
   with a transform, so the chip re-centres itself as the digits grow — no
   positioning override is needed and none is added.

   Effective source values: 1.3vw at base (the theme's inline rule overrides
   Elementor's own .price-text{5.3vw} by source order) and 5.3vw at <=600px. */
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .price-text {
    font-size: calc(1.3vw * var(--a11y-scale)) !important;
}

/* small print / link rows (present in the theme's CSS, not in the current
   markup — mirrored so they stay correct if the form regains them) */
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .pv-links > span,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .pv-link {
    font-size: calc(0.8vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .legal-text p {
    font-size: calc(max(12px, 0.6vw) * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .legal-text a {
    font-size: calc(max(12px, 0.67vw) * var(--a11y-scale)) !important;
    line-height: 1.5 !important;
}
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .contact-form-heading p,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .success-message {
    font-size: calc(1.2vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .field-col label > span:first-child {
    font-size: calc(25px * var(--a11y-scale-form)) !important;
}
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .field-col label input {
    font-size: calc(22px * var(--a11y-scale-form)) !important;
}
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .contact-form .form-heading {
    font-size: calc(30px * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .success-title {
    font-size: calc(23px * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .global-btn {
    font-size: calc(24px * var(--a11y-scale-form)) !important;
    line-height: 1.2 !important;
}


/* ==========================================================================
   SECTION 4c — COOKIE BANNER (#cc-banner-root)
   The banner is a SIBLING of .elementor, so Section 3 cannot reach it. Its
   own stylesheet (inline#cc-style) sizes .cc-btn as `font-size: inherit` and
   .cc-root as a flat 14px, so the plugin froze both at 14px while running
   .cc-title (h2) to 37.24px and .cc-body (p) to 28px.

   Generic inherit rule first, then explicit pins. Every pin gets both a bare
   and a .cc-root-scoped selector so it wins in the banner AND in the settings
   modal, and so it out-specifies the generic rule above it
   (GATE .cc-root .cc-body = (0,3,2) beats GATE .cc-root p = (0,2,3)).
   .cc-title and .cc-btn use the FORM curve with bumped baselines (16 -> 18,
   14 -> 15) so the very first click is a visible jump.
   EVERY pin is calc(px * var(--a11y-scale...)) — a flat px would stop the
   runaway but freeze the banner, which is the same bug in the other direction.
   ========================================================================== */
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,
html body[class*="pojo-a11y-resize-font-"] .cc-root h1,
html body[class*="pojo-a11y-resize-font-"] .cc-root h2,
html body[class*="pojo-a11y-resize-font-"] .cc-root h3,
html body[class*="pojo-a11y-resize-font-"] .cc-root h4 {
    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;
    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-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;
    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)) !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;
    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)) !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 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)) !important;
}

/* Section 4d (validation-tip REPOSITIONING) is intentionally absent.
   It is only required when a tip is absolutely positioned off a FIXED px
   offset, which cannot track a label that grows taller as it is scaled.
   Audited on this site at 375px and 1440px, steps none/130/160/200:
   .wpcf7-not-valid-tip computes position:relative (top:0/bottom:0, in normal
   flow) at every step, overlap stayed -6px and spill -10px throughout.
   Nothing to correct — adding a rule here would be a regression. */


/* ==========================================================================
   SECTION 5 — PER-ELEMENT HEADINGS / BUTTONS / LISTS
   Every font-size declaration in post-10.css (the only page-level Elementor
   stylesheet on this site; post-3.css is the kit and contains none), gated
   and multiplied by var(--a11y-scale). Selectors sharing a value are grouped.
   Emitted at base and again inside @media(max-width:767px) — the ONLY
   breakpoint post-10.css uses for font-size. Several elements switch unit
   across that boundary (2.5vw -> 18px, 2.5vw -> 30px, 1.1vw -> 11px), so
   both values are emitted; overriding only the vw one would silently destroy
   the mobile size.
   The Elementor button uses the FORM curve.
   ========================================================================== */

/* ---------- base ---------- */
html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-cc7474f .elementor-button {
    font-size: calc(1.3vw * var(--a11y-scale-form)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-90e80a5 .elementor-heading-title {
    font-size: calc(1.3vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-049f3d7 .elementor-heading-title {
    font-size: calc(1.8vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-ad3beca .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-ef3af2b .elementor-heading-title {
    font-size: calc(2.5vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-8b14a72 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-a3fa9f9 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-8ecc8ad .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-626357d .elementor-heading-title {
    font-size: calc(1.1vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-7746652 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-4965b4c .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-b00c6a7 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-ff3d569 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-0bfe748 .elementor-heading-title {
    font-size: calc(1.2vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-b29bf84 .elementor-heading-title {
    font-size: calc(1.7vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-980ec60 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-be713d7 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-79bc4b5 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-d41fb8b .elementor-heading-title {
    font-size: calc(2.6vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-b05d47e .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-430351e .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-91498c5 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-e222461 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-3824155 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-7883a18 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-a87c035 .elementor-heading-title {
    font-size: calc(1.16vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-c333a1c .elementor-heading-title {
    font-size: calc(1.65vw * var(--a11y-scale)) !important;
}
/* price figure ("2,190,000") — widget added to the page after the first audit */
html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-fa1c134 .elementor-heading-title {
    font-size: calc(3.7vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-7ab0ade .elementor-icon-list-item > .elementor-icon-list-text,
html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-7ab0ade .elementor-icon-list-item > a {
    font-size: calc(1.1vw * var(--a11y-scale)) !important;
}

/* ---------- @media (max-width: 767px) ---------- */
@media (max-width: 767px) {

html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-cc7474f .elementor-button {
    font-size: calc(15px * var(--a11y-scale-form)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-90e80a5 .elementor-heading-title {
    font-size: calc(13px * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-049f3d7 .elementor-heading-title {
    font-size: calc(16px * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-ad3beca .elementor-heading-title {
    font-size: calc(18px * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-8b14a72 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-a3fa9f9 .elementor-heading-title {
    font-size: calc(12px * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-7746652 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-4965b4c .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-b00c6a7 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-ff3d569 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-0bfe748 .elementor-heading-title {
    font-size: calc(4vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-b29bf84 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-b05d47e .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-430351e .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-91498c5 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-e222461 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-3824155 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-7883a18 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-a87c035 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-8ecc8ad .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-626357d .elementor-heading-title {
    font-size: calc(3.8vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-980ec60 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-be713d7 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-79bc4b5 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-d41fb8b .elementor-heading-title {
    font-size: calc(6vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-ef3af2b .elementor-heading-title {
    font-size: calc(30px * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-c333a1c .elementor-heading-title {
    font-size: calc(4.3vw * var(--a11y-scale)) !important;
}
/* Price figure on mobile — must stay on ONE row.
   The widget's box is 91.47vw at every phone width, and the whole figure
   ("₪" + "2,190,000") measures 4.962x the heading's font-size once the ₪ is
   pinned in SECTION 7 — both halves then grow on ONE curve, so the ratio is
   constant (measured 4.962 at every step from base to 200 at 375px).
   One line therefore needs 4.962F <= 91.47vw, i.e. F <= 18.43vw.

   The earlier 20vw cap was derived from the digits alone (4.45F) and never
   counted the ₪, which is why the figure still broke across two lines from
   step 160 (measured at 375px: 351.7px of text into a 343px box).

   min() caps it at 18vw — 89.3vw of text into a 91.47vw box. Both terms are
   vw, so the cap holds at EVERY phone width, not just 375. Growth stops at
   step 160 instead of wrapping; min() leaves the lower steps untouched, so
   at rest this is still exactly 14vw and Rule A holds. */
html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-fa1c134 .elementor-heading-title {
    font-size: min(calc(14vw * var(--a11y-scale)), 18vw) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-7ab0ade .elementor-icon-list-item > .elementor-icon-list-text,
html body[class*="pojo-a11y-resize-font-"] .elementor-10 .elementor-element.elementor-element-7ab0ade .elementor-icon-list-item > a {
    font-size: calc(11px * var(--a11y-scale)) !important;
}

}


/* ==========================================================================
   SECTION 6 — THEME FORM BREAKPOINTS
   Continues Section 4, in the theme's own source order. Emitted after
   Section 5 so that the form values win over anything generic; the bands
   themselves keep the theme's relative order and !important flags.
   ========================================================================== */

/* ---------- @media (min-width: 768px) and (max-width: 1200px) ---------- */
@media (min-width: 768px) and (max-width: 1200px) {

html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .field-col label .wpcf7-form-control-wrap,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .field-col input,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .wpcf7-select {
    font-size: calc(1.2vw * var(--a11y-scale-form)) !important;
}
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .submit-btn input,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .wpcf7-submit {
    font-size: calc(1.6vw * var(--a11y-scale-form)) !important;
}
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .contact-form-heading p {
    font-size: calc(1.3vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .contact-form-heading {
    font-size: calc(1.9vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .wpcf7-checkbox .wpcf7-list-item-label,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .wpcf7-acceptance .wpcf7-list-item-label,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .custom-check-label {
    font-size: calc(1vw * var(--a11y-scale-form)) !important;
}
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .legal-text p,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .legal-text,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .legal-text a {
    font-size: calc(1vw * var(--a11y-scale)) !important;
}

}

/* ---------- @media (max-width: 991px) ----------
   Declared AFTER the 768-1200 band, exactly as the theme does. The two bands
   overlap between 768px and 991px and the theme resolves that overlap with
   !important on the earlier band, not by order — both flags reproduced. */
@media (max-width: 991px) {

html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .legal-text,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .legal-text a {
    font-size: calc(13px * var(--a11y-scale)) !important;
    line-height: 1.6 !important;
}

}

/* ---------- @media (max-width: 600px) ---------- */
@media (max-width: 600px) {

html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .success-message {
    font-size: calc(18px * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .pv-link,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .pv-links > span {
    font-size: calc(14px * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .wpcf7-response-output,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .wpcf7 form.sent .wpcf7-response-output,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .wpcf7 form.failed .wpcf7-response-output,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .wpcf7 form.aborted .wpcf7-response-output,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .wpcf7 form.invalid .wpcf7-response-output {
    font-size: calc(14px * var(--a11y-scale-form)) !important;
    line-height: 1.4 !important;
}
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .field-col label .wpcf7-form-control-wrap,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .field-col input,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .wpcf7-select {
    font-size: calc(16px * var(--a11y-scale-form)) !important;
    line-height: 1.4 !important;
}
/* the theme writes this one with :where(), which is (0,2,0) and would be
   flattened by Section 3 — restated explicitly */
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .form-order form p,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .form-order form .wpcf7-list-item-label {
    font-size: calc(13px * var(--a11y-scale-form)) !important;
    line-height: 1.4 !important;
}
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .submit-btn input,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .wpcf7-submit {
    font-size: calc(18px * var(--a11y-scale-form)) !important;
}
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .wpcf7-checkbox .wpcf7-list-item-label,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .wpcf7-acceptance .wpcf7-list-item-label,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .custom-check-label {
    font-size: calc(11px * var(--a11y-scale-form)) !important;
    line-height: 1.4 !important;
}
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .wpcf7-not-valid-tip {
    font-size: calc(14px * var(--a11y-scale-form)) !important;
    line-height: 1.4 !important;
}
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .contact-form-heading p {
    font-size: calc(15px * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .legal-text,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .legal-text a,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .legal-text p,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .legal-links {
    font-size: calc(11px * var(--a11y-scale)) !important;
}
/* Chip cap, kept PROPORTIONAL to the price cap above: 18vw * (5.3/14) =
   6.81vw. All three caps (price, ₪, chip) bite at the same step, so the
   locked at 5.3/14 = 0.379 at every step — verified 0.379 at none/130/160/
   180/200. Capping the price alone would let the chip keep growing and creep
   over the digits it is meant to sit on. */
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .price-text {
    font-size: min(calc(5.3vw * var(--a11y-scale)), 6.81vw) !important;
}
html body[class*="pojo-a11y-resize-font-"][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-"][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-"][class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content p,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content li,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content a,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content div {
    font-size: calc(12px * var(--a11y-scale)) !important;
}

}


/* ==========================================================================
   SECTION 7 — THE ₪ IN THE PRICE FIGURE (.nis-icon)
   --------------------------------------------------------------------------
   Same trap as .price-text in SECTION 4b, and the second half of the same
   markup:

       <p class="elementor-heading-title">
         <span class="nis-icon">₪</span>
         <span class="price">2,190,<span class="last-zeros"> 000
           <span class="price-text">החל מ-</span></span></span></p>

   .nis-icon is a <span> with a size of its OWN (theme inline CSS: 2vw, and
   8vw under 600px), so SECTION 3's `.elementor span { font-size: inherit }`
   flattened it onto the price heading and it jumped on the FIRST click:

       1280px viewport   ₪ 25.6px -> 54.46px at step 130   (2vw -> 3.7vw)
        375px viewport   ₪ 30.0px -> 60.38px at step 130   (8vw -> 14vw)

   That is what pushed "₪2,190,000" onto two lines — the digits themselves
   were still inside the box (the widget is 30.99vw wide and the string
   measures ~4.45x its own font-size); the oversized ₪ was the overflow.
   Pinned back to its own value on the SAME curve as the price so the two
   grow by an identical factor and the figure keeps its proportions.

   The <=600px value carries the same proportional cap the price and the chip
   use in SECTION 6: the price caps at 18vw (from 14vw), so the ₪ caps at
   18 * (8/14) = 10.29vw and the ratio between them is locked at every step.
   ========================================================================== */
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .nis-icon {
    font-size: calc(2vw * var(--a11y-scale)) !important;
}
@media (max-width: 600px) {
    html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .nis-icon {
        font-size: min(calc(8vw * var(--a11y-scale)), 10.29vw) !important;
    }
}
