.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-theme-post-content{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 );}/* Start custom CSS *//* --- The Figma-exported icons carry a 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;}

/* === Basson — כתבה (single-post template 2397), task T-D ==================
   A template's custom CSS ships on EVERY document the template renders, and
   wins specificity ties against page CSS — so every rule below is scoped to a
   `_cssid` this template owns.  Everything a V4 style variant can express
   lives in the element/class variants; what is left is the four things the
   prop schema cannot reach.
   ====================================================================== */

/* --- 1. The category eyebrow is a LEGACY `heading` widget: `post-terms` is
   registered as a classic dynamic tag but NOT as an atomic one, and binding it
   on an atomic e-paragraph renders perfectly and then makes every editor save
   fail with `paragraph: invalid_value` (bisected on a throwaway page,
   2026-09-24).  A legacy widget has no V4 variants, so its type lives here. */
.elementor #content .bsn-post-eyebrow .elementor-heading-title{
	font-family:"Noto Sans Hebrew";font-weight:700;line-height:1.4;
	font-size:clamp(0.9375rem, 0.821rem + 0.182vw, 1.0625rem);
	color:#FEEF43;letter-spacing:0;
}
@media (max-width:1024px){
	.elementor #content .bsn-post-eyebrow .elementor-heading-title{font-size:0.9375rem;}
}

/* --- 3. THE ARTICLE BODY.  The paragraphs, headings and links come out of the
   legacy Post Content widget, so there is no element to hang a variant on —
   exactly the case template 730 already solved for the member bio.  Size,
   colour and line-height are real style props on the wrapper and inherit; only
   the descendants need rules.  Never write any of this into the widget's own
   `settings` — it is the literal array [] and an object is dropped silently. */
.elementor #bsn-post-prose p{margin-block:0 1.15em;}
.elementor #bsn-post-prose p:last-child{margin-block-end:0;}
.elementor #bsn-post-prose strong{font-weight:700;}

/* h2 = the site's title-sm step, deliberately NOT title-md: title-md is
   2–2.5rem, which inside a 656px measure reads as a second page title and
   flattens the H1.  More space above than below — the heading belongs to what
   follows it. */
.elementor #bsn-post-prose h2{
	font-family:"Noto Sans Hebrew";font-weight:700;
	font-size:clamp(1.5rem, 1.071rem + 0.67vw, 1.875rem);
	line-height:1.25;color:#112B44;
	margin-block:clamp(2.25rem, 3vw, 3rem) 0.5em;
}
.elementor #bsn-post-prose h2:first-child{margin-block-start:0;}
.elementor #bsn-post-prose h3{
	font-family:"Noto Sans Hebrew";font-weight:700;
	font-size:clamp(1.25rem, 1.036rem + 0.335vw, 1.4375rem);
	line-height:1.3;color:#112B44;
	margin-block:clamp(1.75rem, 2.4vw, 2.25rem) 0.45em;
}
@media (max-width:1024px){
	.elementor #bsn-post-prose h2{font-size:1.5rem;}
	.elementor #bsn-post-prose h3{font-size:1.25rem;}
}

/* links: navy with a hairline underline, gold on hover (desktop only — a V4
   hover variant is not breakpoint-scopable, house rule). */
.elementor #bsn-post-prose a{
	color:#1B3A59;text-decoration:underline;text-decoration-thickness:1px;
	text-underline-offset:0.18em;text-decoration-color:rgba(27,58,89,0.45);
}
@media (min-width:1025px){
	.elementor #bsn-post-prose a{transition:color 160ms ease,text-decoration-color 160ms ease;}
	.elementor #bsn-post-prose a:hover{color:#112B44;text-decoration-color:#FFD92B;}
}

/* lists: the marker takes the house gold; RTL indent is logical. */
.elementor #bsn-post-prose ul,
.elementor #bsn-post-prose ol{margin-block:0 1.15em;padding-inline-start:1.35em;}
.elementor #bsn-post-prose li{margin-block-end:0.4em;}
.elementor #bsn-post-prose li::marker{color:#FFD92B;font-weight:700;}
.elementor #bsn-post-prose li > ul,
.elementor #bsn-post-prose li > ol{margin-block:0.4em 0;}

/* blockquote: the site's gold rule idiom, on the READING edge (inline-start is
   the right edge in Hebrew, the same edge `anim-rule` grows from). */
.elementor #bsn-post-prose blockquote{
	margin-block:clamp(1.75rem, 2.4vw, 2.25rem);margin-inline:0;
	padding-inline-start:clamp(1.25rem, 1.8vw, 1.75rem);
	border-inline-start:5px solid #FFD92B;
	font-size:1.05em;line-height:1.7;color:#1B3A59;
}
.elementor #bsn-post-prose blockquote p:last-child{margin-block-end:0;}

/* anything the editor drops into the body must not break the measure */
.elementor #bsn-post-prose img{max-width:100%;height:auto;border-radius:6px;}
.elementor #bsn-post-prose figure{margin:clamp(1.75rem, 2.4vw, 2.25rem) 0;}
.elementor #bsn-post-prose figcaption{
	font-size:0.875em;color:#4A6580;margin-block-start:0.6em;
}
.elementor #bsn-post-prose table{width:100%;border-collapse:collapse;margin-block:1.5em;}
.elementor #bsn-post-prose th,
.elementor #bsn-post-prose td{
	padding:0.6em 0.8em;border-block-end:1px solid #E8E9EB;text-align:start;
}
.elementor #bsn-post-prose th{font-weight:700;}

/* --- 4. The "לכל הכתבות" arrow rests navy on the light band and turns gold on
   hover, when the kit inverts button-secondary to a navy fill.  Hover stays
   custom CSS (house rule).  Keyed to the button's LOCAL STYLE ID: until
   cleanup T4 (2026-09-24) it was written against the local style LABEL
   `.basson-post-more-btn`, which Elementor never emits, so the arrow stayed
   navy on the navy hover fill.  The transition list repeats the kit's
   `.button-secondary > .e-svg-base{transition:transform 200ms …}`, which this
   id-level rule would otherwise cancel (the arrow's hover nudge). */
@media (min-width:1025px){
	.elementor #bsn-post-more .e-f3d812b > .e-svg-base{transition:transform 200ms var(--bsn-ease-out),color 160ms ease;}
	.elementor #bsn-post-more .e-f3d812b:hover > .e-svg-base{color:#FFD92B;}
}

/* --- article card: bsn-post-more ------------------------------------------- */
/* 1. arrow glyph — no `fill` prop in the V4 schema */
.elementor #bsn-post-more .basson-cc svg path,
.elementor #bsn-post-more .basson-cc svg rect{fill:currentColor;}

/* 2. category label — a legacy `heading` widget (post-terms is not an atomic
   dynamic tag; the atomic binding renders and then bricks every editor save).
   Values copied from the text-md / text-bold / text-ink global classes. */
.elementor #bsn-post-more .bsn-art-cat{flex:0 1 auto;min-width:0;}
.elementor #bsn-post-more .bsn-art-cat .elementor-heading-title{
	font-family:"Noto Sans Hebrew";font-weight:700;line-height:1.6;color:#112B44;
	font-size:clamp(1rem, 0.714rem + 0.447vw, 1.25rem);}
@media (max-width:1024px){
	.elementor #bsn-post-more .bsn-art-cat .elementor-heading-title{font-size:1rem;}
}

/* 5. stagger continuation past the kit's nth-child(5) */
.bsn-motion .elementor #bsn-post-more .anim-stagger > .anim-reveal:nth-child(6){transition-delay:550ms;}
.bsn-motion .elementor #bsn-post-more .anim-stagger > .anim-reveal:nth-child(7){transition-delay:660ms;}
.bsn-motion .elementor #bsn-post-more .anim-stagger > .anim-reveal:nth-child(8){transition-delay:770ms;}
.bsn-motion .elementor #bsn-post-more .anim-stagger > .anim-reveal:nth-child(9){transition-delay:880ms;}
.bsn-motion .elementor #bsn-post-more .anim-stagger > .anim-reveal:nth-child(n+10){transition-delay:990ms;}

/* 3 + 4. desktop-only card lift, and the CTA follows the card's hover */
@media (min-width:1025px){
	.elementor #bsn-post-more [role="listitem"] > a{
		transition:box-shadow 280ms var(--bsn-ease-out),translate 280ms var(--bsn-ease-out);
	}
	.elementor #bsn-post-more [role="listitem"] > a:hover{
		box-shadow:0 14px 34px rgba(17,43,68,.16);translate:0 -4px;
	}
	.elementor #bsn-post-more [role="listitem"] > a > .button-secondary{
		transition:background-color 180ms ease,color 180ms ease;
	}
	.elementor #bsn-post-more [role="listitem"] > a:hover > .button-secondary{
		background-color:#112B44;color:#FFFFFF;
	}
	.elementor #bsn-post-more [role="listitem"] > a:hover > .button-secondary .basson-cc{color:#FFD92B;}
}
@media (prefers-reduced-motion:reduce){
	.elementor #bsn-post-more [role="listitem"] > a:hover{translate:none;}
}/* End custom CSS */