.elementor-widget-breadcrumbs{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1847 .elementor-element.elementor-element-5897666{--display:flex;}.elementor-1847 .elementor-element.elementor-element-9a9ec70{--display:flex;}.elementor-1847 .elementor-element.elementor-element-9539503{--display:flex;}.elementor-1847 .elementor-element.elementor-element-4afcec9{--display:flex;}.elementor-1847 .elementor-element.elementor-element-71eb526{--display:flex;}.elementor-1847 .elementor-element.elementor-element-89bde54{--n-accordion-title-font-size:clamp(1rem, 0.714rem + 0.447vw, 1.25rem);--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:1rem;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:#112B44;--n-accordion-title-hover-color:#112B44;--n-accordion-title-active-color:#112B44;--n-accordion-icon-size:12px;--n-accordion-icon-gap:16px;}.elementor-1847 .elementor-element.elementor-element-89bde54 {--n-accordion-padding:clamp(16px,1.8vw,22px) 1rem clamp(16px,1.8vw,22px) 1rem;}:where( .elementor-1847 .elementor-element.elementor-element-89bde54 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-weight:700;line-height:1.5;}:where( .elementor-1847 .elementor-element.elementor-element-89bde54 > .e-n-accordion > .e-n-accordion-item ) > .e-con{--padding-top:1rem;--padding-right:1rem;--padding-bottom:calc(1rem + clamp(18px,2vw,24px));--padding-left:1rem;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1847 .elementor-element.elementor-element-e9fcb39 .elementor-field-group{padding-right:calc( 12px/2 );padding-left:calc( 12px/2 );margin-bottom:12px;}.elementor-1847 .elementor-element.elementor-element-e9fcb39 .elementor-form-fields-wrapper{margin-left:calc( -12px/2 );margin-right:calc( -12px/2 );margin-bottom:-12px;}.elementor-1847 .elementor-element.elementor-element-e9fcb39 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-1847 .elementor-element.elementor-element-e9fcb39 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-1847 .elementor-element.elementor-element-e9fcb39 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-1847 .elementor-element.elementor-element-e9fcb39 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-1847 .elementor-element.elementor-element-e9fcb39 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-1847 .elementor-element.elementor-element-e9fcb39 .elementor-field-type-html{padding-bottom:0px;}.elementor-1847 .elementor-element.elementor-element-e9fcb39 .elementor-field-group .elementor-field{color:#112B44;}.elementor-1847 .elementor-element.elementor-element-e9fcb39 .elementor-field-group .elementor-field, .elementor-1847 .elementor-element.elementor-element-e9fcb39 .elementor-field-subgroup label{font-family:"Noto Sans Hebrew", Sans-serif;font-size:20px;font-weight:400;}.elementor-1847 .elementor-element.elementor-element-e9fcb39 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-width:0px 0px 0px 0px;border-radius:6px 6px 6px 6px;}.elementor-1847 .elementor-element.elementor-element-e9fcb39 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-width:0px 0px 0px 0px;border-radius:6px 6px 6px 6px;}.elementor-1847 .elementor-element.elementor-element-e9fcb39 .elementor-button{font-family:"Noto Sans Hebrew", Sans-serif;font-size:20px;font-weight:500;border-radius:6px 6px 6px 6px;padding:0px 16px 0px 16px;}.elementor-1847 .elementor-element.elementor-element-e9fcb39 .e-form__buttons__wrapper__button-next{background-color:#FFD92B;color:#112B44;}.elementor-1847 .elementor-element.elementor-element-e9fcb39 .elementor-button[type="submit"]{background-color:#FFD92B;color:#112B44;}.elementor-1847 .elementor-element.elementor-element-e9fcb39 .elementor-button[type="submit"] svg *{fill:#112B44;}.elementor-1847 .elementor-element.elementor-element-e9fcb39 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-1847 .elementor-element.elementor-element-e9fcb39 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-1847 .elementor-element.elementor-element-e9fcb39 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-1847 .elementor-element.elementor-element-e9fcb39 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-1847 .elementor-element.elementor-element-e9fcb39 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-1847 .elementor-element.elementor-element-e9fcb39{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}@media(max-width:1024px){.elementor-1847 .elementor-element.elementor-element-e9fcb39 .elementor-field-group .elementor-field, .elementor-1847 .elementor-element.elementor-element-e9fcb39 .elementor-field-subgroup label{font-size:16px;}.elementor-1847 .elementor-element.elementor-element-e9fcb39 .elementor-button{font-size:16px;}}@media(max-width:767px){.elementor-1847 .elementor-element.elementor-element-89bde54 {--n-accordion-padding:16px 12px 16px 12px;}.elementor-1847 .elementor-element.elementor-element-89bde54{--n-accordion-icon-gap:12px;}:where( .elementor-1847 .elementor-element.elementor-element-89bde54 > .e-n-accordion > .e-n-accordion-item ) > .e-con{--padding-top:12px;--padding-right:12px;--padding-bottom:30px;--padding-left:12px;}.elementor-1847 .elementor-element.elementor-element-e9fcb39 .elementor-field-group .elementor-field, .elementor-1847 .elementor-element.elementor-element-e9fcb39 .elementor-field-subgroup label{font-size:16px;}.elementor-1847 .elementor-element.elementor-element-e9fcb39 .elementor-button{font-size:16px;}}/* Start custom CSS *//* === Basson — service / hub template CSS (Task 4; cleanup T3 2026-09-24) =
Template custom CSS is enqueued LAST, so this file holds only what must
beat Elementor's own widget output, plus the :has() empty-state rules.
The shared hook-class rules live in the kit (site-wide).
====================================================================== */
/* --- 1. Figma-exported icons carry per-path fill="#000000"; the V4 schema
has no `fill` prop, so the element's `color` cannot reach them. */
.elementor .basson-cc svg path,
.elementor .basson-cc svg rect,
.elementor .basson-cc svg circle{fill:currentColor;stroke:currentColor;}
/* --- 2. basson-link-row / -text. `text-decoration:none` on basson-link-row
is a global-class prop since cleanup T1; the underline's colour / thickness /
offset have no V4 prop (and the underline stays with them), so they stay. */
.elementor .basson-link-text{
text-decoration:underline;text-underline-offset:5px;
text-decoration-thickness:1px;text-decoration-color:rgba(17,43,68,.28);
}
.elementor .basson-lead-form + * .basson-link-text{text-decoration-color:rgba(255,255,255,.4);}
@media (hover:hover) and (pointer:fine) and (min-width:1025px){
.elementor .basson-link-row .basson-link-text,
.elementor .basson-link-text{transition:text-decoration-color 200ms ease;}
.elementor .basson-link-row .e-svg-base{transition:transform 200ms var(--bsn-ease-out);}
.elementor .basson-link-row:hover .basson-link-text{text-decoration-color:#FFD92B;}
.elementor .basson-link-row:hover .e-svg-base{transform:translateX(-4px);}
}
/* --- 3. Elementor Pro form fields. Pro compiles the widget's own controls at
an id-level chain no page rule can outrank, so colour/size/weight, the field
border + radius and the button's inline padding are set from the widget's
controls (cleanup T3); what is left has no control at all: field min-height
and padding, the autofill fill (a background-color cannot win against
Chrome's autofill layer — paint it with an inset shadow), the placeholder,
and the focus ring. */
.elementor .basson-lead-form .elementor-field-textual{
min-height:clamp(3rem,2.141rem + 1.341vw,3.75rem);
padding-inline:18px;
background-image:none;
box-shadow:inset 0 0 0 100px #F1F6F8;
transition:box-shadow 160ms ease;
}
.elementor .basson-lead-form .elementor-field-textual:focus{
outline:0;box-shadow:inset 0 0 0 100px #F1F6F8,0 0 0 2px #FFD92B;
}
.elementor .basson-lead-form .elementor-field-textual:-webkit-autofill,
.elementor .basson-lead-form .elementor-field-textual:-webkit-autofill:hover,
.elementor .basson-lead-form .elementor-field-textual:-webkit-autofill:focus{
-webkit-box-shadow:inset 0 0 0 100px #F1F6F8;box-shadow:inset 0 0 0 100px #F1F6F8;
-webkit-text-fill-color:#112B44;caret-color:#112B44;
transition:background-color 9999s ease-out;
}
.elementor .basson-lead-form .elementor-field-textual::placeholder{color:#4A6580;opacity:1;}
.elementor .basson-lead-form .elementor-button{
min-height:clamp(3rem,2.141rem + 1.341vw,3.75rem);
white-space:nowrap;
}
/* the label lives in its own span — nowrap on the button alone does nothing */
.elementor .basson-lead-form .elementor-button .elementor-button-text{white-space:nowrap;}
.elementor .basson-lead-form .elementor-field-type-hidden{display:none;}
.elementor .basson-lead-form .elementor-message{color:#FFFFFF;}
.elementor .basson-lead-form .elementor-message.elementor-message-success{color:#FFD92B;}
@media (min-width:1025px){
.elementor .basson-lead-form .elementor-button{transition:background-color 160ms ease;}
.elementor .basson-lead-form .elementor-button:hover{background-color:#F2CC12;}
}
/* --- 4. Empty-state layout. Display conditions remove an element entirely,
but the SURROUNDING spacing has to react — and `is_empty` is not a valid
comparator on this install, so the reaction has to be CSS. */
/* a relationship field cannot be tested by a display condition (it fatals the
page), so the related band hides itself when the loop returned no cards */
#bsn-svc-related:not(:has(.basson-service-card)){display:none;}
/* --- 5. Yoast breadcrumbs (Task B / B4, 2026-09-15) ---------------------
The crumb trail is now ONE Elementor Pro `breadcrumbs` widget calling
yoast_breadcrumb(), so the four hand-built atomic elements — each of which
carried its own style variant — are gone and their look has to be rebuilt
against markup that has no classes:
… » … »
…
The " » " separator is a BARE TEXT NODE inside the OUTER span, so it cannot
be selected. It is killed with font-size:0 on #breadcrumbs *and* on that
outer span (the text node inherits from its parent, so zeroing only the
leaves it visible), and the font is restored one level deeper, on the crumb
spans themselves. The arrow is then drawn as `span + span::before`.
Every value below is measured off the OLD row, not guessed:
text 14.9232px @1440 = clamp(0.875rem,0.732rem + 0.223vw,1rem), 400/1.6,
Noto Sans Hebrew, rgba(255,255,255,.72); last crumb #FFF
arrow 8.4531px @1440 = clamp(0.5rem,0.428rem + 0.112vw,0.5625rem),
8:11 box, colour rgba(255,255,255,.72) at opacity .55
gaps 10px each side of the arrow (the old container's flex `gap`)
Wrap and margin-block-end still come from the container's own style variant.
RTL: the mask is the SAME asset the old `crumb_sep` used (media 1145,
viewBox 0 0 8 11), inlined here and NOT flipped — it is the site's
right-to-left "next" glyph and the old row rendered it unflipped. A masked
glyph carries its direction inside the data URI, where no left/right/
translateX audit can see it (shared memory `rtl-audit-misses-masked-glyphs`),
so `verify_taskB_crumbs.py` asserts the direction off the RENDERED DOM. */
.elementor .basson-crumbs #breadcrumbs{
margin:0;padding:0;font-size:0;line-height:0;
}
.elementor .basson-crumbs #breadcrumbs > span{font-size:0;}
.elementor .basson-crumbs #breadcrumbs > span > span{
font-family:"Noto Sans Hebrew";font-weight:400;
font-size:clamp(0.875rem,0.732rem + 0.223vw,1rem);line-height:1.6;
color:rgba(255,255,255,.72);
}
.elementor .basson-crumbs #breadcrumbs a{color:inherit;text-decoration:none;}
.elementor .basson-crumbs #breadcrumbs .breadcrumb_last{color:#FFFFFF;}
.elementor .basson-crumbs #breadcrumbs > span > span + span::before{
content:"";display:inline-block;vertical-align:-0.06em;
width:clamp(0.5rem,0.428rem + 0.112vw,0.5625rem);aspect-ratio:8 / 11;
margin-inline:10px;
background-color:rgba(255,255,255,.72);opacity:.55;
-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%208%2011'%3E%3Cpath%20d='M3.77,5.49l3.25-3.25c.25-.25.39-.58.39-.93s-.14-.67-.39-.93c-.51-.51-1.35-.51-1.86,0L.98,4.56c-.25.25-.4.58-.4.93s.14.67.4.93l4.18,4.18c.27.27.56.39.93.39s.66-.12.93-.39c.25-.25.39-.59.39-.93s-.14-.67-.39-.93l-3.25-3.25Z'/%3E%3C/svg%3E") no-repeat center / contain;
mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%208%2011'%3E%3Cpath%20d='M3.77,5.49l3.25-3.25c.25-.25.39-.58.39-.93s-.14-.67-.39-.93c-.51-.51-1.35-.51-1.86,0L.98,4.56c-.25.25-.4.58-.4.93s.14.67.4.93l4.18,4.18c.27.27.56.39.93.39s.66-.12.93-.39c.25-.25.39-.59.39-.93s-.14-.67-.39-.93l-3.25-3.25Z'/%3E%3C/svg%3E") no-repeat center / contain;
}
/* the kit's crumb hover (post-6.css) is out-specified by the #breadcrumbs id
above, so it is re-declared here — same colour, same gate, no kit edit */
@media (hover:hover) and (pointer:fine) and (min-width:1025px){
.elementor .basson-crumbs #breadcrumbs a{transition:color 150ms ease;}
.elementor .basson-crumbs #breadcrumbs a:hover{color:#FFD92B;}
}
/* --- 6. Client round 2026-10-05 (T3) -------------------------------------------
a) Lists inside the wysiwyg blocks. The kit's basson-prose rules cover
p/strong/a only (the client copy is the first block text with bullets);
Hello zeroes list margins but keeps the UA's 40px inline padding.
Values mirror the legal pages' #bsn-legal-prose lists. Logical props
only: the marker sits on the RTL reading edge. No V4 element exists
inside a text-editor's output, so this cannot be a style variant. */
.elementor .basson-prose ul{margin-block:0 1.15em;padding-inline-start:1.35em;padding-inline-end:0;}
.elementor .basson-prose ul:last-child{margin-block-end:0;}
.elementor .basson-prose li{line-height:1.8;margin-block-end:0.45em;}
.elementor .basson-prose li:last-child{margin-block-end:0;}
.elementor .basson-prose li::marker{color:#5880BB;}/* End custom CSS */