/* Start custom CSS *//* === Basson — הצוות listing (page 16), batch 7e ==========================
   Page custom CSS is enqueued AFTER post-6.css (the kit) and BEFORE the
   local-16-* sheets, so anything here that must beat a local style is scoped
   through the section's author-set id.
   ====================================================================== */

/* --- 1. Figma-exported icons carry a per-path fill="#000000"; the V4 schema
   has no `fill` prop, so the element's `color` cannot reach them. The live
   rule lives in page 14's own custom CSS and does not travel here. -------- */
.elementor .basson-cc svg path{fill:currentColor;}

/* --- 2. The card's "לעמוד האישי" affordance. Same treatment as the service
   cards; those rules live in the service TEMPLATES' CSS, not the kit.
   The row's text-decoration:none is a basson-link-row global-class prop since
   cleanup T1 (2026-09-24). The underline stays HERE: the V4 prop is the
   text-decoration SHORTHAND and global-16 loads after this sheet, so it would
   reset the colour/thickness below. ----- */
.elementor .basson-link-text{
	text-decoration:underline;text-underline-offset:5px;
	text-decoration-thickness:1px;text-decoration-color:rgba(17,43,68,.35);
}

/* --- 3. The e-collection-loop-layout base is display:grid with
   repeat(3,1fr)/grid-auto-rows:1fr. The row is a flex wrap, so the grid
   tracks are neutralised rather than left to resurrect on a later edit. -- */
#bsn-team-list .e-collection-loop-layout-base{
	grid-template-columns:none;grid-auto-rows:auto;
}

/* --- 4. Three columns at every desktop width (LiaD, 2026-09-15: the 1280
   four-column step is retired). The grid is capped so three cards do not
   stretch on wide screens; 1160px is the container width at 1440, which
   keeps the cards at ~365px at 1920 — the homepage card width. ---------- */
@media (min-width:1025px){
	#bsn-team-list .e-collection-loop-layout-base{max-width:1160px;margin-inline:auto;}
}

/* --- 5. Card hover. The homepage cards have none (they are not links); that
   reasoning inverts here. Desktop pointers only — a V4 hover variant compiles
   into a media:all sheet and would latch on touch. ---------------------- */
@media (hover:hover) and (pointer:fine) and (min-width:1025px){
	.elementor .basson-team-card{
		transition:translate 200ms var(--bsn-ease-out),box-shadow 200ms var(--bsn-ease-out);
	}
	.elementor .basson-team-card .basson-link-text{transition:text-decoration-color 200ms ease;}
	.elementor .basson-team-card .basson-link-row .e-svg-base{
		transition:transform 200ms var(--bsn-ease-out);
	}
	.elementor .basson-team-card:hover{
		translate:0 -4px;box-shadow:0 14px 46px rgba(17,43,68,.20);
	}
	.elementor .basson-team-card:hover .basson-link-text{text-decoration-color:#FFD92B;}
	.elementor .basson-team-card:hover .basson-link-row .e-svg-base{transform:translateX(-4px);}
}
.elementor .basson-team-card:active{
	transform:scale(.99);transition:transform 120ms var(--bsn-ease-out);
}
@media (prefers-reduced-motion:reduce){
	.elementor .basson-team-card{transition-duration:1ms !important;}
	.elementor .basson-team-card:hover{translate:none !important;}
	.elementor .basson-team-card:active{transform:none !important;}
	.elementor .basson-team-card:hover .basson-link-row .e-svg-base{transform:none !important;}
}

/* --- 6. The kit's stagger ladder stops at the 5th child (the homepage never
   has more). Six agents means a 6th card that would otherwise arrive first.
   Page CSS is enqueued after the kit, so the same specificity wins. ------ */
@media (prefers-reduced-motion:no-preference){
	.bsn-motion .elementor .anim-stagger > .anim-reveal:nth-child(6){transition-delay:550ms;}
	.bsn-motion .elementor .anim-stagger > .anim-reveal:nth-child(7){transition-delay:660ms;}
	.bsn-motion .elementor .anim-stagger > .anim-reveal:nth-child(8){transition-delay:770ms;}
}

/* --- 7. Photographic texture on the dark hero (LiaD, 2026-09-15). A
   desaturated office-skyline frame sits UNDER the heading and OVER the
   section's own navy gradient, so the block reads as depth rather than as a
   picture. The gradient stays where it belongs — in the V4 background prop on
   the section's class; nothing here replaces it.

   Stacking: `isolation:isolate` makes the section its own stacking context, so
   the pseudo-element's `z-index:-1` can only sink to the bottom of THAT
   context — above the section's own gradient, below the in-flow inner
   container. Without the isolate it would sink behind the page background and
   vanish. The inner container needs no z-index of its own.

   `mix-blend-mode:soft-light` is what keeps this a texture and not a photo:
   the image modulates the navy instead of washing it out, so the 247deg
   gradient survives and the worst-case contrast under the white H1 falls only
   from 12.0:1 to 10.4:1 (a flat 18% overlay drops it to 7.6:1 and flattens the
   gradient to a uniform slab). It blends against the section background alone,
   again because of the isolate.

   Two crops, one per viewport: 1920x720 for the short wide desktop hero,
   900x900 for the near-square mobile one (375x365). Only the rule that matches
   is applied, so exactly one file is ever fetched.
   --------------------------------------------------------------------- */
#bsn-team-hero{isolation:isolate;}
#bsn-team-hero::before{
	content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
	background:url(https://courteous-gray-ant.liadscher.co.il/wp-content/uploads/2026/09/team-hero-texture-wide.webp) center 45% / cover no-repeat;
	opacity:.22;mix-blend-mode:soft-light;
}
@media (max-width:767px){
	#bsn-team-hero::before{
		background-image:url(https://courteous-gray-ant.liadscher.co.il/wp-content/uploads/2026/09/team-hero-texture-mobile.webp);
	}
}/* End custom CSS */