, so the plugin never touched it - frozen at 8.64px desktop / 10px mobile. Unitless line-height: the theme uses vh, which does not grow with the text. */ html body[class*="pojo-a11y-resize-font-"][class] .wpcf7 form .wpcf7-response-output { line-height: 1.4 !important; } /* 4.3 Validation tips - one line, and a line box that actually grows. The theme pins line-height to 1vh (9px) at base and 12px under 600px, both smaller than the text they hold. */ html body[class*="pojo-a11y-resize-font-"][class] .wpcf7-not-valid-tip, html body[class*="pojo-a11y-resize-font-"][class] .hebrew-contact-form .wpcf7-not-valid-tip { line-height: 1.4 !important; white-space: nowrap !important; overflow: visible !important; } /* 4.4 The consent row. Fixed px line-heights on the label are what made the tip land ON the label once the text grew (measured overlap at 375px: none -13px = clear, 130 +10px, 200 +12px = drawn over the words). Unitless line-height lets the label box track its own font size, and the relatively-positioned tip then follows it down the flow. */ html body[class*="pojo-a11y-resize-font-"][class] .custom-check .wpcf7-form-control .wpcf7-list-item, html body[class*="pojo-a11y-resize-font-"][class] .custom-check span, html body[class*="pojo-a11y-resize-font-"][class] .wpcf7-list-item-label { line-height: 1.4 !important; } /* Ticking / unticking the consent box must not shift the page. The checkbox itself never moves (measured 348..363 in every state), but CF7 injects and removes .wpcf7-not-valid-tip in normal flow, which grew the wrap from 19px to 48px and shoved everything below it up and down on each click. Taking the tip out of flow and reserving its line keeps the row still. */ html body[class*="pojo-a11y-resize-font-"][class] .checkbox-container.custom-check { padding-bottom: calc(20px * var(--a11y-scale-form)) !important; } html body[class*="pojo-a11y-resize-font-"][class] .custom-check .wpcf7-not-valid-tip { position: absolute !important; top: 100% !important; right: 0 !important; left: auto !important; bottom: auto !important; margin: 0 !important; } /* 4.5 Small text that keeps its own line-height in vh */ html body[class*="pojo-a11y-resize-font-"][class] .desclaimer-text, html body[class*="pojo-a11y-resize-font-"][class] .desclaimer-text p { line-height: 1.5 !important; } html body[class*="pojo-a11y-resize-font-"][class] .field-wrapper > p > span { line-height: 1.4 !important; } /* ================================================================== SECTION 4c - cookie consent banner #cc-banner-root is a direct child of , outside every content root, so Section 3 cannot reach it. Its own CSS is injected as an inline