@charset "UTF-8";
/* ==========================================================================
   One Click Accessibility (Pojo) — font-resize correction layer
   Theme: EraRotshtein  |  https://era.rotshtein-lp.co.il/
   --------------------------------------------------------------------------
   The plugin emits only percentage font-sizes on a fixed element list:
       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 four separate failures:
     1. Percentages COMPOUND through nested spans. Measured on the consent
        checkbox label at 1440px: 11.09px (none) -> 2048px (step 200).
     2. <div> and <button> are not on the plugin's list, so
        .wpcf7-response-output and the cookie-banner .cc-btn never move.
     3. `h_ span` stacks on top of an already-scaled heading: a heading span
        goes 14.4px -> 226.4px at step 200 (~1.7x extra on top of the parent).
     4. Boxes do not follow their text: the submit button keeps height 48.6px
        while its label grows to 128px.
   Every rule below is gated behind body[class*="pojo-a11y-resize-font-"].
   With no class set, and after Reset, this file contributes nothing.
   #pojo-a11y-toolbar is a SIBLING of .elementor; no generic rule here is
   allowed to reach it. The one deliberate toolbar rule is Section 6.
   ========================================================================== */


/* ==========================================================================
   SECTION 1 — the two curves
   --a11y-scale       body copy / headings / general content
   --a11y-scale-form  form controls, messages, buttons, cookie banner.
                      These start from the smallest baselines on the page, so
                      they need a larger first jump to feel responsive.
   --a11y-scale-ui    accessibility toolbar only (Section 6) — deliberately
                      the gentlest curve, per request.
   Plugin steps verified live: 130 140 150 160 170 180 190 200 (caps at 200);
   Reset removes the class.
   ========================================================================== */
:root {
	--a11y-scale: 1;
	--a11y-scale-form: 1;
	--a11y-scale-ui: 1;
}
body.pojo-a11y-resize-font-130 { --a11y-scale: 1.15; --a11y-scale-form: 1.30; --a11y-scale-ui: 1.10; }
body.pojo-a11y-resize-font-140 { --a11y-scale: 1.22; --a11y-scale-form: 1.40; --a11y-scale-ui: 1.14; }
body.pojo-a11y-resize-font-150 { --a11y-scale: 1.28; --a11y-scale-form: 1.48; --a11y-scale-ui: 1.18; }
body.pojo-a11y-resize-font-160 { --a11y-scale: 1.35; --a11y-scale-form: 1.55; --a11y-scale-ui: 1.22; }
body.pojo-a11y-resize-font-170 { --a11y-scale: 1.42; --a11y-scale-form: 1.62; --a11y-scale-ui: 1.26; }
body.pojo-a11y-resize-font-180 { --a11y-scale: 1.48; --a11y-scale-form: 1.68; --a11y-scale-ui: 1.29; }
body.pojo-a11y-resize-font-190 { --a11y-scale: 1.54; --a11y-scale-form: 1.72; --a11y-scale-ui: 1.32; }
body.pojo-a11y-resize-font-200 { --a11y-scale: 1.60; --a11y-scale-form: 1.75; --a11y-scale-ui: 1.35; }


/* ==========================================================================
   SECTION 2 — base pin on <body>
   Measured body baseline on every template: 16px.
   Deliberately UNSCOPED so the toolbar popup keeps inheriting a live value
   (the plugin sizes it in %, so a flat px pin here would freeze it).
   calc(), never a flat px.
   ========================================================================== */
html body[class*="pojo-a11y-resize-font-"] {
	font-size: calc(16px * var(--a11y-scale)) !important;
}


/* ==========================================================================
   SECTION 3 — kill the compounding inside every content root
   Content roots found on this install:
     .elementor            — home (elementor-6) and privacy (elementor-172)
     .description-section  — page.php, single.php, 404.php
     .login-section / .login-banner / .gold-card-banner / .breadcrums
                           — single.php and 404.php chrome
   input / select / textarea are deliberately excluded: they are handled on
   the form curve in Section 4.
   ========================================================================== */
html body[class*="pojo-a11y-resize-font-"] .elementor :is(p, li, span, label, blockquote, legend, code, pre, dd, dt),
html body[class*="pojo-a11y-resize-font-"] .description-section :is(p, li, span, label, blockquote, legend, code, pre, dd, dt),
html body[class*="pojo-a11y-resize-font-"] .login-section :is(p, li, span, label, blockquote, legend, code, pre, dd, dt),
html body[class*="pojo-a11y-resize-font-"] .login-banner :is(p, li, span, label, blockquote, legend, code, pre, dd, dt),
html body[class*="pojo-a11y-resize-font-"] .gold-card-banner :is(p, li, span, label, blockquote, legend, code, pre, dd, dt),
html body[class*="pojo-a11y-resize-font-"] .breadcrums :is(p, li, span, label, blockquote, legend, code, pre, dd, dt) {
	font-size: inherit !important;
}

/* Headings inside the same roots: their spans are flattened so `h_ span`
   cannot stack a second multiplier on an already-scaled heading. */
html body[class*="pojo-a11y-resize-font-"] .elementor :is(h1, h2, h3, h4, h5, h6) :is(span, b, strong, em, i, a),
html body[class*="pojo-a11y-resize-font-"] .description-section :is(h1, h2, h3, h4, h5, h6) :is(span, b, strong, em, i, a),
html body[class*="pojo-a11y-resize-font-"] .login-section :is(h1, h2, h3, h4, h5, h6) :is(span, b, strong, em, i, a),
html body[class*="pojo-a11y-resize-font-"] .login-banner :is(h1, h2, h3, h4, h5, h6) :is(span, b, strong, em, i, a),
html body[class*="pojo-a11y-resize-font-"] .gold-card-banner :is(h1, h2, h3, h4, h5, h6) :is(span, b, strong, em, i, a) {
	font-size: inherit !important;
}

/* Non-Elementor templates carry no font-size rules of their own, so their
   headings need an explicit scaled value or they fall back to the plugin's
   compounding 1.33x. Values mirror the browser defaults the design relies on. */
html body[class*="pojo-a11y-resize-font-"] :is(.description-section, .login-section, .login-banner, .gold-card-banner) h1 { font-size: calc(32px * var(--a11y-scale)) !important; }
html body[class*="pojo-a11y-resize-font-"] :is(.description-section, .login-section, .login-banner, .gold-card-banner) h2 { font-size: calc(24px * var(--a11y-scale)) !important; }
html body[class*="pojo-a11y-resize-font-"] :is(.description-section, .login-section, .login-banner, .gold-card-banner) h3 { font-size: calc(20px * var(--a11y-scale)) !important; }
html body[class*="pojo-a11y-resize-font-"] :is(.description-section, .login-section, .login-banner, .gold-card-banner) :is(h4, h5, h6) { font-size: calc(18px * var(--a11y-scale)) !important; }
/* 404.php prints <h3 style="font-size:30px"> inline; only !important reaches it. */
html body[class*="pojo-a11y-resize-font-"] .error-content h3 { font-size: calc(30px * var(--a11y-scale)) !important; }


/* ==========================================================================
   SECTION 4 — form controls, messages, validation
   One rule per selector PER BREAKPOINT, values mirroring the theme 1:1, media
   blocks in the theme's own source order (base -> 1024 -> 767 -> 600).
   px / vw only — never em (CF7 nests p > span > span and em would compound)
   and never rem (rem shrinks these on wide screens).
   --------------------------------------------------------------------------
   REQUIREMENT: submit button and input fields must end up the SAME height on
   every device once the text is enlarged. Measured plugin-only baselines:
       1440px  input 36.0px   submit 48.6px   (12.6px apart at step "none")
        375px  input 40.0px   submit 38.0px   ( 2.0px apart at step "none")
   Both controls are given one shared --a11y-ctl-h, zero vertical padding and
   line-height:normal, so the browser centres the text in an identical box.
   The height is derived from the LARGER of the two font sizes so neither can
   overflow. Gated, so the untouched design keeps its original 36/48.6.
   ========================================================================== */

/* -- shared control height -------------------------------------------------
   The height is driven by the SAME max() expression as the submit font, so a
   viewport where the vw term is small (e.g. 650-900px, where 1.2vw is only
   8-11px but the readability floor holds the text at 15px) still gets a box
   tall enough for its own text. Verified at 360/414/600/650/767/900/1200/
   1440/1920: input height minus submit height = 0.00px at every one.        */
html body[class*="pojo-a11y-resize-font-"] {
	--a11y-ctl-h: calc(max(15px, 1.2vw) * var(--a11y-scale-form) * 1.35 + 14px);
	--a11y-ctl-pad-x: 0.8vw;
}

html body[class*="pojo-a11y-resize-font-"] .field-col input,
html body[class*="pojo-a11y-resize-font-"] .field-col .wpcf7-select,
html body[class*="pojo-a11y-resize-font-"] .wpcf7-select,
html body[class*="pojo-a11y-resize-font-"] .submit-btn input,
html body[class*="pojo-a11y-resize-font-"] .wpcf7-submit,
html body[class*="pojo-a11y-resize-font-"] .submit-col .global-btn {
	height: var(--a11y-ctl-h) !important;
	min-height: var(--a11y-ctl-h) !important;
	max-height: none !important;
	line-height: normal !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	padding-right: var(--a11y-ctl-pad-x) !important;
	padding-left: var(--a11y-ctl-pad-x) !important;
	box-sizing: border-box !important;
}

/* -- control text --------------------------------------------------------- */
html body[class*="pojo-a11y-resize-font-"] .field-col label .wpcf7-form-control-wrap,
html body[class*="pojo-a11y-resize-font-"] .field-col input,
html body[class*="pojo-a11y-resize-font-"] .wpcf7-select,
html body[class*="pojo-a11y-resize-font-"] input[type="text"],
html body[class*="pojo-a11y-resize-font-"] input[type="tel"],
html body[class*="pojo-a11y-resize-font-"] input[type="email"],
html body[class*="pojo-a11y-resize-font-"] textarea,
html body[class*="pojo-a11y-resize-font-"] select {
	font-size: calc(max(14px, 1vw) * var(--a11y-scale-form)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .submit-btn input,
html body[class*="pojo-a11y-resize-font-"] .wpcf7-submit {
	font-size: calc(max(15px, 1.2vw) * var(--a11y-scale-form)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .submit-btn input::before {
	font-size: calc(22px * var(--a11y-scale-form)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .submit-col .global-btn {
	font-size: calc(24px * var(--a11y-scale-form)) !important;
}

/* -- response output ------------------------------------------------------
   .wpcf7-response-output is a <div>: the plugin never touches it, so it is
   frozen at 0.9vw for every step — 12.96px at 1440px and 3.375px at 375px.
   READABILITY FLOOR: max(14px, <themeValue>). Forced UNITLESS line-height —
   the theme uses 1.8vh, which does not grow with the text.               */
html body[class*="pojo-a11y-resize-font-"] .wpcf7-response-output,
html body[class*="pojo-a11y-resize-font-"] .wpcf7 form.invalid .wpcf7-response-output,
html body[class*="pojo-a11y-resize-font-"] .wpcf7 form.failed .wpcf7-response-output,
html body[class*="pojo-a11y-resize-font-"] .wpcf7 form.aborted .wpcf7-response-output,
html body[class*="pojo-a11y-resize-font-"] .wpcf7 form.sent .wpcf7-response-output {
	font-size: calc(max(14px, 0.9vw) * var(--a11y-scale-form)) !important;
	line-height: 1.5 !important;
	height: auto !important;
}

/* -- validation tips ------------------------------------------------------
   The tip is a <span>, so the plugin compounds it: measured 14px -> 45.7px
   (130) -> 256px (200) at 375px, which turned a 1-line message into 5 lines.
   The real message is short ("אנא מלאו שדה זה." — 16 chars), so a controlled
   curve plus nowrap keeps it on ONE line at every step and every width:
       1440px  field 166.9px wide, tip at step 200 = 21.0px  -> ~155px  OK
        375px  field 343.0px wide, tip at step 200 = 24.5px  -> ~180px  OK
   Position is NOT changed: this theme anchors the tip with position:relative
   (auto-tracking) at both breakpoints — verified at 375 and 1440, overlap
   with the consent label stays <= 0. Only the fixed -11px bottom margin is
   neutralised so a taller tip cannot collide with the row below.
   SPECIFICITY: the tip is a <span> inside .elementor, so the Section 3 rule
   `... .elementor :is(p,li,span,...)` scores (0,2,3) and beats a bare
   `... .wpcf7-not-valid-tip` at (0,2,2) — the class column compares first.
   Measured before this was fixed: the tip inherited the body size (25.6px at
   step 200) and overflowed its 167px column by 27px. The wrap-scoped selector
   below is (0,3,2) and wins; both are emitted, same pattern as .cc-* above. */
html body[class*="pojo-a11y-resize-font-"] .wpcf7-not-valid-tip,
html body[class*="pojo-a11y-resize-font-"] .wpcf7-form-control-wrap .wpcf7-not-valid-tip,
html body[class*="pojo-a11y-resize-font-"] .elementor .wpcf7-not-valid-tip {
	font-size: calc(max(11px, 0.7vw) * var(--a11y-scale-form)) !important;
	line-height: 1.4 !important;
	white-space: nowrap !important;
	margin-top: calc(0.5vh * var(--a11y-scale-form)) !important;
	margin-bottom: 0 !important;
	display: block !important;
}
html body[class*="pojo-a11y-resize-font-"] .checkbox-group .wpcf7-not-valid-tip {
	padding-right: calc(1.8vw * var(--a11y-scale-form)) !important;
}

/* From 768px up, bootstrap's col-md-6 splits the fields into two columns, so
   the tip's line box is only ~0.113 x viewport wide (measured: 86px at 768,
   101px at 900, 138px at 1200, 167px at 1440, 225px at 1920). The message
   renders at ~7.6px of width per 1px of font-size, so a one-line tip needs
   font-size <= col/7.6 ~= 1.49vw. Capping at 1.4vw keeps a margin. Without
   this the tip stayed on one line but spilled 45px into the next column at
   900px. Below 768px the fields stack full-width and no cap is needed.
   The consent tip is exempt: its row is full-width at every breakpoint.     */
@media (min-width: 768px) {
	html body[class*="pojo-a11y-resize-font-"] .wpcf7-not-valid-tip,
	html body[class*="pojo-a11y-resize-font-"] .wpcf7-form-control-wrap .wpcf7-not-valid-tip,
	html body[class*="pojo-a11y-resize-font-"] .elementor .wpcf7-not-valid-tip {
		font-size: min(calc(max(11px, 0.7vw) * var(--a11y-scale-form)), 1.4vw) !important;
	}
	html body[class*="pojo-a11y-resize-font-"] .checkbox-group .wpcf7-not-valid-tip,
	html body[class*="pojo-a11y-resize-font-"] .elementor .checkbox-group .wpcf7-not-valid-tip {
		font-size: calc(max(11px, 0.7vw) * var(--a11y-scale-form)) !important;
	}
}
/* Give the row the vertical space a taller tip now needs. */
html body[class*="pojo-a11y-resize-font-"] .field-col > p,
html body[class*="pojo-a11y-resize-font-"] .checkbox-group > div > p {
	padding-bottom: calc(max(12px, 0.7vw) * var(--a11y-scale-form) * 0.6) !important;
}


/* ==========================================================================
   SECTION 4b — elements with an intentional size of their own
   Section 3 flattens every span/p/li inside a content root. Anything the
   design sized deliberately has to be restated here or it collapses to the
   body size. This includes every :where() rule in the page's inline sheet —
   :where() has ZERO specificity, so `.privacy-content :where(p,li,a)` scores
   (0,2,0) and loses to the Section 3 rule at (0,2,3). 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.6 !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(max(13px, 0.8vw) * var(--a11y-scale)) !important;
	line-height: 1.7 !important;
}
html body[class*="pojo-a11y-resize-font-"] .field-col label > span:first-child {
	font-size: calc(25px * var(--a11y-scale-form)) !important;
	line-height: 1.2 !important;
}
html body[class*="pojo-a11y-resize-font-"] .contact-form .form-heading {
	font-size: calc(30px * var(--a11y-scale)) !important;
	line-height: 1.1 !important;
}
html body[class*="pojo-a11y-resize-font-"] .wpcf7-checkbox .wpcf7-list-item-label {
	font-size: calc(max(12px, 0.77vw) * var(--a11y-scale-form)) !important;
	line-height: 1.6 !important;
}
html body[class*="pojo-a11y-resize-font-"] .image-carousel .elementor-swiper-button-prev,
html body[class*="pojo-a11y-resize-font-"] .image-carousel .elementor-swiper-button-next {
	font-size: calc(3.2vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .global-btn {
	font-size: calc(24px * var(--a11y-scale-form)) !important;
	line-height: 1.2 !important;
}


/* ==========================================================================
   SECTION 4c — consent checkbox: box + check mark
   The "check" is not a glyph, it is a filled block drawn with ::before
   (13x14px on mobile, 0.5vw x 1vh on desktop) offset by left:46.35%.
   Two problems:
     a) the box never grows, so at step 200 a 17px box sits beside 21px text;
     b) the block is #8A56D9 in EVERY contrast mode. Measured computed values:
          high-contrast     box #000  check #8A56D9  -> ~3.9:1, weak
          negative-contrast box #000  check #8A56D9  -> ~3.9:1, weak
          light-background  box #fff  check #8A56D9  -> passes but off-palette
          grayscale         html filter:grayscale(1) turns #8A56D9 into a mid
                            grey on a mid-grey ground -> ~2:1, effectively gone
   The contrast fixes below are gated on the MODE classes, not on the resize
   classes, so they apply whenever that mode is on and never alter the default
   palette. The sizing fix is gated on the resize classes.
   ========================================================================== */

/* -- box + check scale with the form curve, and the check is truly centred - */
html body[class*="pojo-a11y-resize-font-"] .wpcf7-checkbox input[type="checkbox"] {
	min-width: calc(0.8vw * var(--a11y-scale-form)) !important;
	width: calc(0.8vw * var(--a11y-scale-form)) !important;
	height: calc(1.8vh * var(--a11y-scale-form)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .wpcf7-checkbox input[type="checkbox"]:checked::before {
	width: calc(0.5vw * var(--a11y-scale-form)) !important;
	height: calc(1vh * var(--a11y-scale-form)) !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
}
/* the label text has to keep clear of a wider box */
html body[class*="pojo-a11y-resize-font-"] .wpcf7-checkbox label {
	padding-right: calc(1.3vw * var(--a11y-scale-form)) !important;
}

/* -- contrast modes: guarantee the check reads inside the box -------------- */
html body.pojo-a11y-high-contrast .wpcf7-checkbox input[type="checkbox"]:checked::before,
html body.pojo-a11y-negative-contrast .wpcf7-checkbox input[type="checkbox"]:checked::before,
html body.pojo-a11y-grayscale .wpcf7-checkbox input[type="checkbox"]:checked::before {
	background-color: #ffffff !important;
	background-image: none !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
}
html body.pojo-a11y-light-background .wpcf7-checkbox input[type="checkbox"]:checked::before {
	background-color: #000000 !important;
	background-image: none !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
}
/* keep the box outline visible in every mode (the theme's :checked rule sets a
   white border, which vanishes against the white box of light-background) */
html body.pojo-a11y-light-background .wpcf7-checkbox input[type="checkbox"],
html body.pojo-a11y-light-background .wpcf7-checkbox input[type="checkbox"]:checked {
	background-color: #ffffff !important;
	border: 2px solid #000000 !important;
}
html body.pojo-a11y-high-contrast .wpcf7-checkbox input[type="checkbox"],
html body.pojo-a11y-high-contrast .wpcf7-checkbox input[type="checkbox"]:checked,
html body.pojo-a11y-negative-contrast .wpcf7-checkbox input[type="checkbox"],
html body.pojo-a11y-negative-contrast .wpcf7-checkbox input[type="checkbox"]:checked {
	background-color: #000000 !important;
	border: 2px solid #ffffff !important;
}
html body.pojo-a11y-grayscale .wpcf7-checkbox input[type="checkbox"],
html body.pojo-a11y-grayscale .wpcf7-checkbox input[type="checkbox"]:checked {
	border: 2px solid #ffffff !important;
}


/* ==========================================================================
   SECTION 4d — cookie banner (#cc-banner-root)
   The banner is a direct child of <body>, OUTSIDE .elementor, so the Section 3
   inherit fix cannot reach it. Measured plugin-only at 1440px:
       .cc-root  14px -> 14px   -> 14px    (a <div>: frozen)
       .cc-title 16px -> 24.2px -> 37.2px  (an <h2>: 1.33x runaway)
       .cc-body  14px -> 18.2px -> 28px    (a <p>:   runaway)
       .cc-btn   14px -> 14px   -> 14px    (a <button> with font-size:inherit,
                                            inheriting from a frozen <div>)
   Generic inherit rule first, then explicit pins. Every pin is
   calc(px * var(--scale)) — a flat px pin would stop the runaway but freeze
   the banner. .cc-title and .cc-btn ride the FORM curve with bumped baselines
   (16->18, 14->15) so the first click is a visible jump.
   Each pin gets a bare and a .cc-root-scoped selector: specificity compares
   the class column first, so `... .cc-root .cc-body` (0,3,2) has to exist to
   beat `... .cc-root p` (0,2,3).
   ========================================================================== */
html body[class*="pojo-a11y-resize-font-"] .cc-root :is(p, li, span, label, a, div, h1, h2, h3, h4, h5, h6) {
	font-size: inherit !important;
}
html body[class*="pojo-a11y-resize-font-"] .cc-root,
html body[class*="pojo-a11y-resize-font-"] #cc-banner-root.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,
html body[class*="pojo-a11y-resize-font-"] .cc-root .cc-btn.cc-btn-text {
	font-size: calc(15px * var(--a11y-scale-form)) !important;
	line-height: 1.5 !important;
	height: auto !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;
	line-height: 1.3 !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-name,
html body[class*="pojo-a11y-resize-font-"] .cc-root .cc-cat-name {
	font-size: calc(14px * 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;
	line-height: 1.5 !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-root .cc-cookies-list summary,
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;
	line-height: 1.5 !important;
}


/* ==========================================================================
   SECTION 4e — submit button arrow: vertically centred on the BUTTON
   The arrow <img> is position:absolute; top:50%; translateY(-50%) inside
   .submit-btn > p — so it centres on the <p>, not on the button. That <p> is
   taller than the button for two reasons:
     a) the theme gives it height:100%, and the grid row stretches the column
        to the tallest neighbour — the email field PLUS its validation tip;
     b) the markup is <input><span.spinner><br><img>, and the inline input
        sits on a text baseline, adding strut/descender space below it.
   Measured at 1440px, arrow centre minus button centre:
       no tips:   0px (rest)   4.7px (130)   6.3px (200)
       tips on:   2.7px (rest) 17.6px (130)  23.7px (200)  <- the reported bug
   This is NOT gated on the resize classes: tips push it off-centre even with
   no accessibility step active. With no tips at rest the <p> already equals
   the button height, so nothing visibly moves in the default design.
   (0,2,1) beats the page's inline `.submit-btn > p` (0,1,1), which loads
   later in the document; no !important needed.
   ========================================================================== */
.wpcf7-form .submit-btn > p {
	height: auto;
}
.wpcf7-form .submit-btn > p > br {
	display: none;
}
.wpcf7-form .submit-btn > p > input.wpcf7-submit {
	display: block;
}


/* ==========================================================================
   SECTION 5 — every font-size rule from every post-*.css, gated and scaled
   Extracted from the live CSS with a local parser, grouped by
   `media :: value`, media blocks reproduced in the theme's own source order
   (base -> max-width:1024 -> max-width:767 -> max-width:600). The theme sizes
   these in vw at base and px on mobile; BOTH are emitted, because overriding
   only one destroys the other.
   Elementor buttons ride --a11y-scale-form.
   ========================================================================== */

/* ---------- post-6.css — home (.elementor-6) — base (vw) ---------- */
html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-5205c8a .elementor-swiper-button.elementor-swiper-button-prev,
html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-5205c8a .elementor-swiper-button.elementor-swiper-button-next {
	font-size: calc(3vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-250a448 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-549c20e .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-7852428 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-ed142d8 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-d230567 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-80c2c11 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-5a83e22 .elementor-heading-title {
	font-size: calc(0.8vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-7baf596 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-bff449b .elementor-heading-title {
	font-size: calc(1.25vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-cd2dac1 .elementor-heading-title {
	font-size: calc(2vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-12f5d8b .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-8770ad1 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-b985f93 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-3502ee7 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-c3ac67b .elementor-heading-title {
	font-size: calc(1.1vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-0390309 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-b6e8625 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-d7d7032 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-edf158d .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-3a06f49 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-9171638 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-4aeddb6 .elementor-heading-title {
	font-size: calc(1vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-a8feba7 .elementor-heading-title {
	font-size: calc(1.2vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-0dd5623 .elementor-button {
	font-size: calc(1.23vw * var(--a11y-scale-form)) !important;
	line-height: 1.2 !important;
}

/* ---------- post-172.css — privacy (.elementor-172) — base (vw) ---------- */
html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-ba16838 .elementor-heading-title {
	font-size: calc(4vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-d8975fd .elementor-icon-list-item > .elementor-icon-list-text,
html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-d8975fd .elementor-icon-list-item > a {
	font-size: calc(1.8vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-414f305 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-a122bde .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-96f0cb6 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-760198e .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-859bd54 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-8e7d84c .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-bad6785 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-b54c772 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-03d6930 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-e86fe74 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-8712fa7 .elementor-heading-title {
	font-size: calc(2vw * var(--a11y-scale)) !important;
	line-height: 1.5 !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-156112f .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-d1875bb .elementor-heading-title {
	font-size: calc(1.2vw * var(--a11y-scale)) !important;
	line-height: 1.5 !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-85878f4 .elementor-icon-list-item > .elementor-icon-list-text,
html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-85878f4 .elementor-icon-list-item > a,
html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-906ba10 .elementor-icon-list-item > .elementor-icon-list-text,
html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-906ba10 .elementor-icon-list-item > a,
html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-52c8d76 .elementor-icon-list-item > .elementor-icon-list-text,
html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-52c8d76 .elementor-icon-list-item > a,
html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-e347675 .elementor-icon-list-item > .elementor-icon-list-text,
html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-e347675 .elementor-icon-list-item > a,
html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-30e8d9a .elementor-icon-list-item > .elementor-icon-list-text,
html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-30e8d9a .elementor-icon-list-item > a,
html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-bab36ed .elementor-icon-list-item > .elementor-icon-list-text,
html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-bab36ed .elementor-icon-list-item > a,
html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-19a94b8 .elementor-icon-list-item > .elementor-icon-list-text,
html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-19a94b8 .elementor-icon-list-item > a,
html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-f582850 .elementor-icon-list-item > .elementor-icon-list-text,
html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-f582850 .elementor-icon-list-item > a,
html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-c38481f .elementor-icon-list-item > .elementor-icon-list-text,
html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-c38481f .elementor-icon-list-item > a,
html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-11e2192 .elementor-icon-list-item > .elementor-icon-list-text,
html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-11e2192 .elementor-icon-list-item > a,
html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-ab00ae1 .elementor-icon-list-item > .elementor-icon-list-text,
html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-ab00ae1 .elementor-icon-list-item > a,
html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-40ce161 .elementor-icon-list-item > .elementor-icon-list-text,
html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-40ce161 .elementor-icon-list-item > a,
html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-34d3d41 .elementor-icon-list-item > .elementor-icon-list-text,
html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-34d3d41 .elementor-icon-list-item > a,
html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-4363cba .elementor-icon-list-item > .elementor-icon-list-text,
html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-4363cba .elementor-icon-list-item > a,
html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-55fdf9f .elementor-icon-list-item > .elementor-icon-list-text,
html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-55fdf9f .elementor-icon-list-item > a,
html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-9369788 .elementor-icon-list-item > .elementor-icon-list-text,
html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-9369788 .elementor-icon-list-item > a {
	font-size: calc(1.2vw * var(--a11y-scale)) !important;
	line-height: 1.5 !important;
}


/* ---------- @media (max-width:1024px) — mirrors post-6.css source order ---------- */
@media (max-width: 1024px) {
	html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-0dd5623 .elementor-button {
		font-size: calc(2.4vw * var(--a11y-scale-form)) !important;
		line-height: 1.1 !important;
	}
}


/* ---------- @media (max-width:767px) — post-6.css then post-172.css ---------- */
@media (max-width: 767px) {
	/* -- post-6.css -- */
	html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-250a448 .elementor-heading-title {
		font-size: calc(11px * var(--a11y-scale)) !important;
	}
	html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-7baf596 .elementor-heading-title,
	html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-bff449b .elementor-heading-title,
	html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-c3ac67b .elementor-heading-title,
	html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-549c20e .elementor-heading-title,
	html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-7852428 .elementor-heading-title,
	html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-ed142d8 .elementor-heading-title {
		font-size: calc(16px * var(--a11y-scale)) !important;
	}
	html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-cd2dac1 .elementor-heading-title {
		font-size: calc(22px * var(--a11y-scale)) !important;
	}
	html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-12f5d8b .elementor-heading-title,
	html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-8770ad1 .elementor-heading-title,
	html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-b985f93 .elementor-heading-title,
	html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-3502ee7 .elementor-heading-title {
		font-size: calc(20px * var(--a11y-scale)) !important;
	}
	html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-0390309 .elementor-heading-title,
	html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-b6e8625 .elementor-heading-title,
	html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-d7d7032 .elementor-heading-title,
	html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-edf158d .elementor-heading-title,
	html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-9171638 .elementor-heading-title,
	html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-4aeddb6 .elementor-heading-title {
		font-size: calc(18px * var(--a11y-scale)) !important;
	}
	html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-3a06f49 .elementor-heading-title,
	html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-d230567 .elementor-heading-title,
	html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-80c2c11 .elementor-heading-title,
	html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-5a83e22 .elementor-heading-title {
		font-size: calc(14px * var(--a11y-scale)) !important;
	}
	html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-a8feba7 .elementor-heading-title {
		font-size: calc(19px * var(--a11y-scale)) !important;
	}
	html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-0dd5623 .elementor-button {
		font-size: calc(4.6vw * var(--a11y-scale-form)) !important;
		line-height: 1 !important;
	}

	/* -- post-172.css -- */
	html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-ba16838 .elementor-heading-title {
		font-size: calc(34px * var(--a11y-scale)) !important;
	}
	html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-d8975fd .elementor-icon-list-item > .elementor-icon-list-text,
	html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-d8975fd .elementor-icon-list-item > a {
		font-size: calc(18px * var(--a11y-scale)) !important;
	}
	html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-414f305 .elementor-heading-title,
	html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-a122bde .elementor-heading-title,
	html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-96f0cb6 .elementor-heading-title,
	html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-760198e .elementor-heading-title,
	html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-859bd54 .elementor-heading-title,
	html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-8e7d84c .elementor-heading-title,
	html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-bad6785 .elementor-heading-title,
	html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-b54c772 .elementor-heading-title,
	html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-03d6930 .elementor-heading-title,
	html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-e86fe74 .elementor-heading-title,
	html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-8712fa7 .elementor-heading-title {
		font-size: calc(27px * var(--a11y-scale)) !important;
	}
	html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-156112f .elementor-heading-title,
	html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-d1875bb .elementor-heading-title,
	html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-85878f4 .elementor-icon-list-item > .elementor-icon-list-text,
	html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-85878f4 .elementor-icon-list-item > a,
	html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-906ba10 .elementor-icon-list-item > .elementor-icon-list-text,
	html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-906ba10 .elementor-icon-list-item > a,
	html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-52c8d76 .elementor-icon-list-item > .elementor-icon-list-text,
	html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-52c8d76 .elementor-icon-list-item > a,
	html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-e347675 .elementor-icon-list-item > .elementor-icon-list-text,
	html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-e347675 .elementor-icon-list-item > a,
	html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-30e8d9a .elementor-icon-list-item > .elementor-icon-list-text,
	html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-30e8d9a .elementor-icon-list-item > a,
	html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-bab36ed .elementor-icon-list-item > .elementor-icon-list-text,
	html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-bab36ed .elementor-icon-list-item > a,
	html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-19a94b8 .elementor-icon-list-item > .elementor-icon-list-text,
	html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-19a94b8 .elementor-icon-list-item > a,
	html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-f582850 .elementor-icon-list-item > .elementor-icon-list-text,
	html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-f582850 .elementor-icon-list-item > a,
	html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-c38481f .elementor-icon-list-item > .elementor-icon-list-text,
	html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-c38481f .elementor-icon-list-item > a,
	html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-11e2192 .elementor-icon-list-item > .elementor-icon-list-text,
	html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-11e2192 .elementor-icon-list-item > a,
	html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-ab00ae1 .elementor-icon-list-item > .elementor-icon-list-text,
	html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-ab00ae1 .elementor-icon-list-item > a,
	html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-40ce161 .elementor-icon-list-item > .elementor-icon-list-text,
	html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-40ce161 .elementor-icon-list-item > a,
	html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-34d3d41 .elementor-icon-list-item > .elementor-icon-list-text,
	html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-34d3d41 .elementor-icon-list-item > a,
	html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-4363cba .elementor-icon-list-item > .elementor-icon-list-text,
	html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-4363cba .elementor-icon-list-item > a,
	html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-55fdf9f .elementor-icon-list-item > .elementor-icon-list-text,
	html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-55fdf9f .elementor-icon-list-item > a,
	html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-9369788 .elementor-icon-list-item > .elementor-icon-list-text,
	html body[class*="pojo-a11y-resize-font-"] .elementor-172 .elementor-element.elementor-element-9369788 .elementor-icon-list-item > a {
		font-size: calc(14px * var(--a11y-scale)) !important;
	}
}


/* ---------- @media (max-width:600px) — the page's own inline form/modal block ----------
   Note the theme switches the FORM at 600px but the Elementor content at
   767px. Between 601 and 767 the form is still on its vw values, which is why
   .wpcf7-response-output renders at ~6px there — the max() floors in Section 4
   are what stop that once a step is active.                                  */
@media (max-width: 600px) {
	html body[class*="pojo-a11y-resize-font-"] {
		--a11y-ctl-h: calc(22px * var(--a11y-scale-form) * 1.35 + 12px);
		--a11y-ctl-pad-x: 16px;
	}
	html body[class*="pojo-a11y-resize-font-"] .field-col label .wpcf7-form-control-wrap,
	html body[class*="pojo-a11y-resize-font-"] .field-col input,
	html body[class*="pojo-a11y-resize-font-"] .wpcf7-select,
	html body[class*="pojo-a11y-resize-font-"] input[type="text"],
	html body[class*="pojo-a11y-resize-font-"] input[type="tel"],
	html body[class*="pojo-a11y-resize-font-"] input[type="email"],
	html body[class*="pojo-a11y-resize-font-"] textarea,
	html body[class*="pojo-a11y-resize-font-"] select {
		font-size: calc(16px * var(--a11y-scale-form)) !important;
	}
	html body[class*="pojo-a11y-resize-font-"] .submit-btn input,
	html body[class*="pojo-a11y-resize-font-"] .wpcf7-submit {
		font-size: calc(22px * var(--a11y-scale-form)) !important;
	}
	html body[class*="pojo-a11y-resize-font-"] .wpcf7-response-output,
	html body[class*="pojo-a11y-resize-font-"] .wpcf7 form.invalid .wpcf7-response-output,
	html body[class*="pojo-a11y-resize-font-"] .wpcf7 form.failed .wpcf7-response-output,
	html body[class*="pojo-a11y-resize-font-"] .wpcf7 form.aborted .wpcf7-response-output,
	html body[class*="pojo-a11y-resize-font-"] .wpcf7 form.sent .wpcf7-response-output {
		font-size: calc(14px * var(--a11y-scale-form)) !important;
		line-height: 1.5 !important;
	}
	/* same (0,3,2) specificity lift as the base rule — see Section 4 */
	html body[class*="pojo-a11y-resize-font-"] .wpcf7-not-valid-tip,
	html body[class*="pojo-a11y-resize-font-"] .wpcf7-form-control-wrap .wpcf7-not-valid-tip,
	html body[class*="pojo-a11y-resize-font-"] .elementor .wpcf7-not-valid-tip {
		font-size: calc(14px * var(--a11y-scale-form)) !important;
		line-height: 1.4 !important;
		white-space: nowrap !important;
		margin: 0 !important;
	}
	html body[class*="pojo-a11y-resize-font-"] .checkbox-group .wpcf7-not-valid-tip {
		padding-right: calc(28px * var(--a11y-scale-form)) !important;
	}
	html body[class*="pojo-a11y-resize-font-"] .field-col > p,
	html body[class*="pojo-a11y-resize-font-"] .checkbox-group > div > p {
		padding-bottom: calc(14px * var(--a11y-scale-form) * 0.6) !important;
	}
	/* :where() rules restated — zero specificity loses to Section 3 */
	html body[class*="pojo-a11y-resize-font-"] .form-order form p,
	html body[class*="pojo-a11y-resize-font-"] .form-order form .wpcf7-list-item-label,
	html body[class*="pojo-a11y-resize-font-"] .wpcf7-checkbox .wpcf7-list-item-label {
		font-size: calc(13px * var(--a11y-scale-form)) !important;
		line-height: 1.6 !important;
	}
	html body[class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content h2 {
		font-size: calc(16px * var(--a11y-scale)) !important;
		line-height: 1.4 !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;
		line-height: 1.7 !important;
	}
	html body[class*="pojo-a11y-resize-font-"] .image-carousel .elementor-swiper-button-prev,
	html body[class*="pojo-a11y-resize-font-"] .image-carousel .elementor-swiper-button-next {
		font-size: calc(30px * var(--a11y-scale)) !important;
	}
	/* consent checkbox: square 17px box on mobile, check centred inside it */
	html body[class*="pojo-a11y-resize-font-"] .wpcf7-checkbox input[type="checkbox"] {
		min-width: calc(17px * var(--a11y-scale-form)) !important;
		width: calc(17px * var(--a11y-scale-form)) !important;
		height: calc(17px * var(--a11y-scale-form)) !important;
	}
	html body[class*="pojo-a11y-resize-font-"] .wpcf7-checkbox input[type="checkbox"]:checked::before {
		width: calc(11px * var(--a11y-scale-form)) !important;
		height: calc(11px * var(--a11y-scale-form)) !important;
	}
	html body[class*="pojo-a11y-resize-font-"] .wpcf7-checkbox label {
		padding-right: calc(25px * var(--a11y-scale-form)) !important;
	}
}


/* ==========================================================================
   SECTION 6 — accessibility toolbar
   The ONLY rule in this file that targets #pojo-a11y-toolbar, and the only
   deliberate deviation from "leave the toolbar alone": by request, the menu
   items should grow LESS than page content. Plugin-only the item text runs
   12.8px -> 25.6px (2.00x); on --a11y-scale-ui it runs 12.8px -> 17.3px
   (1.35x), still clearly larger but no longer overpowering the panel.
   Delete this whole section to restore the plugin's own 12.8 -> 25.6 curve.
   ========================================================================== */
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,
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,
html body[class*="pojo-a11y-resize-font-"] #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay p.pojo-a11y-toolbar-title {
	font-size: calc(12.8px * var(--a11y-scale-ui)) !important;
	line-height: 1.5 !important;
}
