/* =====================================================================================================================
   דרורית ראובן — design layer (ck-drorit). Content lives in Elementor; this file is the look.
   Language: the logo — a black serif "DR" monogram and a gold line-drawn dove whose tail becomes a long sweeping line.
   Warm black + paper, gold only as a thread (the road, numbers, a highlighted phrase). One family (18.10, Shaked: "more delicate, the serif is too much" — the Hebrew in her logo is a thin sans):
   Assistant 400 for headlines and card titles, 500 for the gold phrase in the H1 (round 5, Shaked chose 400 of 200/300/400). Square corners, hairlines, arches. Quiet, adult, "class" (shaked-page-design-taste).
   ☠️ Elementor 4 optimized markup: there is no .elementor-widget-container — target the widget element itself.
   ROUND 21 (22.10): her new branding (Alit Shecter, 20.10) — the name in petrol, the DR mark and the tagline in teal, the wing and
   the underline in gold ("יש שם קשת צבעים… חשוב שיהיה גם הצבע הכחול"). Petrol for the dark bands and the main buttons, teal for
   the highlighted words / numbers / icons, gold stays the thread (hairlines, the road, the dove). Black + gold of rounds 1–20:
   plugin/backups/drorit.v21.css.
   ===================================================================================================================== */
:root{
	--dr-ink:#173A47;--dr-night:#1F4858;--dr-petrol:#285769;--dr-teal:#5592A5;--dr-teal-d:#3D7689;--dr-teal-l:#9CCAD8;
	--dr-gold:#CAAB75;--dr-gold-l:#E2C994;--dr-gold-d:#8C6C38;
	--dr-paper:#FFFFFF;--dr-sand:#F1F6F7;--dr-line:#D9E5E9;--dr-muted:#56686F;
	--dr-head:"Assistant",system-ui,sans-serif;--dr-body:"Assistant",system-ui,sans-serif;
	--dr-ease:cubic-bezier(.22,1,.36,1);--dr-hdr:96px;--dr-hdr-s:76px;--dr-fc-over:160px;
}
/* overflow-x: clip (not hidden) — hidden kills position:sticky (memory shaked-overflow-boilerplate) */
html,body{overflow-x:clip}
html{scroll-padding-top:110px}
body{background:var(--dr-paper)}
::selection{background:var(--dr-teal);color:#fff}
.dr-hl{color:var(--dr-teal-d)}
.dr-road .dr-hl,.dr-ty .dr-hl,.dr-revs .dr-hl{color:var(--dr-gold-l)}
.dr-h2 .elementor-heading-title{font-size:clamp(34px,4.2vw,58px);line-height:1.1;font-weight:400;text-wrap:balance}
.dr-line p{margin:0}
.dr-line{max-width:640px}
.dr-line b{font-weight:600;color:var(--dr-ink)}

/* eyebrow: "01 ——— הגישה" — a teal number and label, a gold hairline between them (the logo: a teal tagline under a gold line) */
.dr-eb .elementor-heading-title{display:inline-flex;align-items:center;gap:14px;font:600 14px/1 var(--dr-body);letter-spacing:.14em;color:var(--dr-teal-d)}
.dr-eb__n{font:600 14px/1 var(--dr-head);letter-spacing:0}
.dr-eb__n::after{content:"";display:inline-block;width:44px;height:1px;background:var(--dr-gold);vertical-align:middle;margin-inline-start:14px}
.dr-eb--light .elementor-heading-title{color:var(--dr-teal-l)}
.dr-eb--center{align-self:center}

/* small "illustration only" tag on stock photos */
.dr-tag{position:absolute!important;z-index:3;width:auto!important;bottom:14px;left:14px}
.dr-tag .elementor-heading-title{font:500 12px/1 var(--dr-body);letter-spacing:.04em;color:rgba(255,255,255,.85);background:rgba(23,58,71,.55);padding:7px 10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}

/* buttons */
.dr-btn .elementor-button{transition:background-color .35s var(--dr-ease),color .35s,border-color .35s,transform .35s var(--dr-ease),box-shadow .35s;letter-spacing:.01em}
.dr-btn .elementor-button:hover{transform:translateY(-2px)}
.dr-btn--main .elementor-button{box-shadow:0 14px 30px -16px rgba(40,87,105,.75)}
.dr-btn--gold .elementor-button{box-shadow:0 14px 30px -16px rgba(0,0,0,.35)}
.dr-btn .elementor-button-icon svg{transition:transform .35s var(--dr-ease)}
.dr-btn .elementor-button:hover .elementor-button-icon svg{transform:translateX(-4px)}
.dr-btn .elementor-button:focus-visible{outline:2px solid var(--dr-gold);outline-offset:3px}

/* ---------------------------------------------------------------- HEADER: fixed; transparent over a dark opening, paper after scroll */
.elementor-location-header{position:fixed;top:0;left:0;right:0;z-index:1000}
.admin-bar .elementor-location-header{top:var(--wp-admin--admin-bar--height,32px)}
body:not(.dr-overlay){padding-top:var(--dr-hdr)}
body.elementor-editor-active .elementor-location-header{position:relative}
body.elementor-editor-active{padding-top:0}
.dr-header{height:var(--dr-hdr);background:rgba(255,255,255,.97)!important;-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);
	box-shadow:0 16px 34px -26px rgba(23,58,71,.6);border-bottom:1px solid rgba(23,58,71,.07);transition:height .35s var(--dr-ease),background-color .35s,box-shadow .35s,border-color .35s}
html.dr-scrolled .dr-header{height:var(--dr-hdr-s)}
.dr-bar{height:100%;max-width:1400px;margin-inline:auto}
.dr-logos{position:relative;display:grid!important;flex:0 0 auto!important;width:auto!important;line-height:0}
.dr-logos>.dr-logo{grid-area:1/1;margin:0!important;transition:opacity .35s ease}
.dr-logo img{display:block;height:auto;transition:width .35s var(--dr-ease)}
html.dr-scrolled .dr-logo img{width:252px!important}
.dr-logo--l{opacity:0}
.dr-nav{flex:1 1 auto!important;min-width:0}
.dr-nav .elementor-nav-menu--main .elementor-nav-menu{flex-wrap:nowrap;justify-content:center}
.dr-nav .elementor-nav-menu--main .elementor-item{position:relative;transition:color .25s}
.dr-nav .elementor-nav-menu--main>.elementor-nav-menu>li>.elementor-item::after{content:"";position:absolute;right:11px;left:11px;bottom:6px;height:1px;background:var(--dr-gold);transform:scaleX(0);transform-origin:right;transition:transform .35s var(--dr-ease)}
.dr-nav .elementor-nav-menu--main>.elementor-nav-menu>li>.elementor-item:hover::after,.dr-nav .elementor-nav-menu--main>.elementor-nav-menu>li>.elementor-item.highlighted::after{transform:scaleX(1)}
.dr-nav .elementor-nav-menu--main .sub-menu{padding:8px!important;border:1px solid var(--dr-line);border-top:2px solid var(--dr-teal);box-shadow:0 24px 40px -22px rgba(23,58,71,.45);min-width:230px!important}
.dr-nav .elementor-nav-menu--main .sub-menu .elementor-sub-item{padding:12px 14px!important;border:0!important}
.dr-nav .elementor-sub-arrow svg{fill:currentColor!important}
.dr-hcta{flex:0 0 auto!important;width:auto!important}
/* 21.10 (Shaked): the header button is her phone — the number (kept left-to-right inside the RTL bar) with a phone icon before it */
.dr-hcta .elementor-button-text{direction:ltr;unicode-bidi:isolate;letter-spacing:.02em}
.dr-hcta .elementor-button-icon svg{width:14px;height:14px}

html:not(.dr-scrolled) body.dr-overlay .dr-header{background:transparent!important;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;border-bottom-color:rgba(255,255,255,.1)}
html:not(.dr-scrolled) body.dr-overlay .dr-logo--l{opacity:1}
html:not(.dr-scrolled) body.dr-overlay .dr-logo--d{opacity:0}
html:not(.dr-scrolled) body.dr-overlay .dr-nav .elementor-nav-menu--main .elementor-item{color:rgba(255,255,255,.92)!important}
html:not(.dr-scrolled) body.dr-overlay .dr-nav .elementor-nav-menu--main .elementor-item:hover,
html:not(.dr-scrolled) body.dr-overlay .dr-nav .elementor-nav-menu--main .elementor-item.highlighted{color:var(--dr-gold-l)!important}
html:not(.dr-scrolled) body.dr-overlay .dr-nav .elementor-nav-menu--main .sub-menu .elementor-item{color:var(--dr-ink)!important}
html:not(.dr-scrolled) body.dr-overlay .dr-nav .elementor-menu-toggle{color:#FFFFFF!important;background:rgba(255,255,255,.1)!important}
html:not(.dr-scrolled) body.dr-overlay .dr-nav .elementor-menu-toggle svg{fill:#FFFFFF!important}
html:not(.dr-scrolled) body.dr-overlay .dr-hcta .elementor-button{box-shadow:none}

@media (max-width:1240px){.dr-nav .elementor-nav-menu--main .elementor-item{padding-left:8px!important;padding-right:8px!important;font-size:15px!important}}
@media (max-width:1024px){.dr-nav{flex:0 0 auto!important;order:3}.dr-hcta{margin-inline-start:auto}html.dr-scrolled .dr-logo img{width:226px!important}}
@media (max-width:767px){:root{--dr-hdr:72px;--dr-hdr-s:64px}html.dr-scrolled .dr-logo img{width:178px!important}}
/* phones: only a round phone icon beside the menu button; the number stays for screen readers (visually hidden, not display:none) */
@media (max-width:767px){
	.dr-hcta{margin-inline-end:-12px!important} /* closer to the menu button (the header row gap is 28px) */
	.dr-hcta .elementor-button{width:42px;height:42px;padding:0!important;border-radius:50%!important;display:inline-flex!important;align-items:center;justify-content:center;box-shadow:none!important}
	.dr-hcta .elementor-button-content-wrapper{gap:0!important;justify-content:center}
	.dr-hcta .elementor-button-icon{margin:0!important}
	.dr-hcta .elementor-button-icon svg{width:16px;height:16px}
	.dr-hcta .elementor-button-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}

/* ---------------------------------------------------------------- HERO (round 16, 20.10)
   Shaked: "a hero with a background behind" (direction 2 of 3, the white one), "don't make the photos black-and-white — keep them
   alive", "maybe a video instead of a photo". White; the media on the left — the workshop photo for now, slowly drifting; a video
   later, in the same widget slot — fading into the white under the headline on the right. Her sentence on a black card over the
   media, the running band along the bottom. (The arch / cover / dove heroes of rounds 5–15: plugin/backups/drorit.v15.css.) */
.dr-hero{--marq-h:62px;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end!important;padding:0!important;background:#fff}
.dr-hero::before{display:none!important}
@media (min-width:1025px){.dr-hero{min-height:max(620px,calc(100vh - var(--dr-hdr)))!important;min-height:max(620px,calc(100svh - var(--dr-hdr)))!important}}
/* the media: an image widget now; an Elementor video widget (hosted, muted, loop) takes the same class later */
.dr-hero__media{position:absolute!important;z-index:0;top:0;left:0;bottom:var(--marq-h);width:64%!important;max-width:none!important;margin:0!important;pointer-events:none;
	-webkit-mask-image:linear-gradient(90deg,#000 42%,transparent 100%);mask-image:linear-gradient(90deg,#000 42%,transparent 100%)}
.dr-hero__media img,.dr-hero__media video{display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;object-position:35% 45%}
.dr-hero__media .elementor-wrapper{height:100%;aspect-ratio:auto!important}
.dr-hero__media video{background:transparent!important;object-position:0 50%} /* Elementor paints it black until the first frame */
/* the video (Higgsfield, round 16): the group sits on the left 60% of the frame and its right side is already a white wall ⇒ the fade starts later, so the group stays solid */
@media (min-width:1025px){.dr-hero__media:has(video){-webkit-mask-image:linear-gradient(90deg,#000 58%,transparent 100%);mask-image:linear-gradient(90deg,#000 58%,transparent 100%)}}
html.dr-tx .dr-hero__media img{animation:dr-drift 26s ease-in-out infinite alternate}
@keyframes dr-drift{from{transform:scale(1.02)}to{transform:scale(1.1) translate(-1.5%,-1%)}}
.dr-hero>.dr-hero__in{position:relative;z-index:2;flex:1 1 auto;max-width:1240px;width:100%;margin-inline:auto;padding:56px 24px!important;align-items:center!important}
.dr-hero__copy{width:min(560px,44%)!important;--width:min(560px,44%)}

/* type (shared with the dark opening of /articles/ — the hero's own colours follow) */
.dr-kicker .elementor-heading-title{display:inline-flex;align-items:center;gap:14px;font:500 15px/1 var(--dr-body);letter-spacing:.22em;color:var(--dr-gold-l)}
.dr-kicker .elementor-heading-title::before{content:"";width:46px;height:1px;background:currentColor;opacity:.7}
.dr-h1 .elementor-heading-title{font-size:clamp(44px,5.6vw,86px);line-height:1.04;font-weight:400;letter-spacing:-.01em}
.dr-h1 .dr-hl{font-weight:500}
.dr-lead p{font-size:clamp(18px,1.55vw,22px);font-weight:300;line-height:1.6}
.dr-hero .dr-kicker .elementor-heading-title{color:var(--dr-teal-d)}
.dr-hero .dr-kicker .elementor-heading-title::before{background:var(--dr-gold);opacity:1}
.dr-hero .dr-h1 .elementor-heading-title{font-size:clamp(40px,4.3vw,66px);line-height:1.08}
/* round 21: her name + the tagline of the new logo, the tagline in the logo's teal (large type — AA at this size).
   Round 22: the tagline is its own paragraph under the H1 (the SEO doc keeps service terms out of the home H1) — same look as before */
.dr-hero .dr-hl{color:var(--dr-teal)}
.dr-hero-tag{margin-top:-14px!important}
.dr-hero-tag .elementor-heading-title{font:400 clamp(30px,3.2vw,49px)/1.12 var(--dr-head);color:var(--dr-teal);letter-spacing:-.01em}
/* "חופש מ…" — her two phrases, one after the other (the old one leaves first, so they never overlap) */
.dr-rotline .elementor-heading-title{font:300 21px/1.45 var(--dr-body);color:var(--dr-ink);margin-top:-6px}
.dr-rot{display:inline-grid;vertical-align:baseline;justify-items:start} /* baseline, not bottom: at bottom the underline lifted the phrase above "חופש מ" (Shaked 20.10) */
.dr-rot b{grid-area:1/1;font-weight:400;color:var(--dr-teal-d);white-space:nowrap;border-bottom:1px solid var(--dr-gold);padding-bottom:2px;opacity:0;transform:translateY(.45em);transition:opacity .35s ease,transform .35s ease}
.dr-rot b.is-on{opacity:1;transform:none;transition:opacity .6s var(--dr-ease) .35s,transform .6s var(--dr-ease) .35s}
/* 21.10: her certifications — one quiet line under "חופש מ…". A gold diamond before each one, so a wrapped line still starts with one */
.dr-creds .elementor-heading-title{display:flex;flex-wrap:wrap;align-items:center;gap:4px 22px;font:400 15px/1.5 var(--dr-body);color:var(--dr-muted)}
.dr-creds span{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
.dr-creds span::before{content:"";flex:0 0 5px;width:5px;height:5px;background:var(--dr-gold);transform:rotate(45deg)}
.dr-hero__btns{flex-wrap:nowrap!important}
.dr-hero__btns .dr-btn{flex:1 1 0}
.dr-hero__btns .elementor-button{width:100%;justify-content:center}
.dr-hero .dr-btn--main .elementor-button{box-shadow:0 14px 30px -18px rgba(40,87,105,.8)}

/* her sentence, on a deep-petrol card with a gold hairline inside (Elementor's .e-con::before overrides an inset ⇒ inset shadows) */
.dr-hcard{position:absolute!important;z-index:3;left:max(24px,calc((100% - 1240px)/2 + 24px));bottom:calc(var(--marq-h) + 56px);width:min(360px,27vw)!important;
	background:var(--dr-ink);box-shadow:inset 0 0 0 8px var(--dr-ink),inset 0 0 0 9px rgba(226,201,148,.38),0 30px 60px -32px rgba(23,58,71,.6)}
.dr-hcard::before{display:none!important}
/* round 18: the card holds the leading sentence of her spec — a paragraph, not a quote: lighter and smaller, its last words in gold */
.dr-hcard__q .elementor-heading-title{font:300 clamp(17px,1.35vw,20px)/1.6 var(--dr-body);color:rgba(255,255,255,.9);text-wrap:pretty}
.dr-hcard__q .elementor-heading-title::before{content:"";display:block;width:34px;height:1px;margin-bottom:14px;background:var(--dr-gold-l)}
.dr-hcard__q span{color:var(--dr-gold-l);font-weight:400}

/* the running band along the bottom edge (ported from ck-yasmin: direction:ltr on the row, or half the loop is empty in RTL) */
.dr-hero>.dr-marq{position:relative;z-index:3;direction:ltr;margin:0!important;width:100%!important;max-width:none!important}
.dr-marq__row{width:100%;overflow:hidden}
.dr-marq__row p{margin:0}
.dr-marq__track{display:flex;width:max-content;will-change:transform}
.dr-marq__track p,.dr-marq__row>p{display:flex;align-items:center;white-space:nowrap;padding:21px 0;margin:0}
.dr-marq__row span{direction:rtl;unicode-bidi:isolate;display:inline-flex;align-items:center;font:400 19px/1 var(--dr-body);color:#FFFFFF;letter-spacing:.02em}
.dr-marq__row span::after{content:"";width:7px;height:7px;background:var(--dr-gold-l);transform:rotate(45deg);margin:0 32px}
html.dr-tx .dr-marq__track{animation:dr-marq var(--dur,64s) linear infinite}
@keyframes dr-marq{from{transform:translateX(-50%)}to{transform:translateX(0)}}

/* tablets and phones: the media on top, fading down into the white, the text rising into the fade, then the card and the band */
@media (max-width:1024px){
	.dr-hero{justify-content:flex-start!important;min-height:0!important} /* Elementor's 92vh would leave a white gap under the buttons */
	.dr-hero>.dr-hero__in{flex:0 0 auto}
	.dr-hero__media{position:relative!important;order:-1;top:auto;bottom:auto;width:100%!important;height:min(54vh,460px);
		-webkit-mask-image:linear-gradient(180deg,#000 58%,transparent 100%);mask-image:linear-gradient(180deg,#000 58%,transparent 100%)}
	.dr-hero>.dr-hero__in{margin-top:-64px!important;padding:0 24px!important}
	.dr-hero__copy{width:100%!important;--width:100%}
	.dr-hcard{position:relative!important;left:auto;bottom:auto;width:auto!important;margin:36px 24px 40px!important}
}
@media (max-width:767px){
	.dr-hero__media{height:min(46vh,340px)}
	.dr-hero>.dr-hero__in{margin-top:-48px!important;padding:0 20px!important}
	.dr-rotline .elementor-heading-title{font-size:18px}
	.dr-creds .elementor-heading-title{font-size:14px;row-gap:2px}
	.dr-hero__btns{flex-direction:column!important}
	.dr-hcard{margin:30px 20px 36px!important}
	.dr-hcard__q .elementor-heading-title{font-size:18px}
	.dr-marq__row span{font-size:16px}
	.dr-marq__row span::after{margin:0 22px;width:6px;height:6px}
	.dr-marq__track p,.dr-marq__row>p{padding:16px 0}
}

/* the entrance (with the logo opening of round 11 below): html.dr-hero-pre holds it, drorit.js adds dr-hero-go — the media
   comes in, the headline lines rise out of a slot, the rest follows, the card and the band last */
html.dr-hero-pre .dr-hero .dr-kicker,html.dr-hero-pre .dr-hero .dr-hero-tag,html.dr-hero-pre .dr-hero .dr-rotline,html.dr-hero-pre .dr-hero .dr-creds,html.dr-hero-pre .dr-hero .dr-hero__btns{opacity:0;transform:translateY(22px)}
html.dr-hero-pre .dr-hero .dr-h1{opacity:0}
html.dr-hero-pre .dr-hero .dr-h1.is-split{opacity:1}
.dr-ln{display:block;overflow:hidden;padding:.16em 0 .1em;margin:-.16em 0 -.1em}
.dr-ln__in{display:inline-block}
html.dr-hero-pre .dr-ln__in{transform:translateY(108%)}
html.dr-hero-pre .dr-hero__media{opacity:0;transform:scale(1.03)}
html.dr-hero-pre .dr-hcard{opacity:0;transform:translateY(24px)}
html.dr-hero-pre .dr-hero>.dr-marq{transform:translateY(100%)}
html.dr-hero-go .dr-hero__media{opacity:1;transform:none;transition:opacity 1.4s ease,transform 2.4s cubic-bezier(.22,1,.36,1)}
html.dr-hero-go .dr-hero .dr-kicker{transition:opacity .8s var(--dr-ease) .05s,transform .8s var(--dr-ease) .05s}
html.dr-hero-go .dr-ln__in{transform:none;transition:transform 1.05s cubic-bezier(.22,1,.36,1) calc(.15s + var(--d,0ms))}
html.dr-hero-go .dr-hero .dr-hero-tag{transition:opacity .9s var(--dr-ease) .32s,transform .9s var(--dr-ease) .32s}
html.dr-hero-go .dr-hero .dr-rotline{transition:opacity .8s var(--dr-ease) .55s,transform .8s var(--dr-ease) .55s}
html.dr-hero-go .dr-hero .dr-creds{transition:opacity .8s var(--dr-ease) .7s,transform .8s var(--dr-ease) .7s}
html.dr-hero-go .dr-hero .dr-hero__btns{transition:opacity .8s var(--dr-ease) .85s,transform .8s var(--dr-ease) .85s}
html.dr-hero-go .dr-hero .dr-kicker,html.dr-hero-go .dr-hero .dr-hero-tag,html.dr-hero-go .dr-hero .dr-rotline,html.dr-hero-go .dr-hero .dr-creds,html.dr-hero-go .dr-hero .dr-hero__btns{opacity:1;transform:none}
html.dr-hero-go .dr-hcard{opacity:1;transform:none;transition:opacity .9s ease 1.05s,transform .9s cubic-bezier(.22,1,.36,1) 1.05s}
html.dr-hero-go .dr-hero>.dr-marq{transform:none;transition:transform 1s cubic-bezier(.22,1,.36,1) 1s}

/* shared by the doves elsewhere on the page (the quote, the About photo, the thank-you page) and the deep-process road */
@keyframes dr-float{0%,100%{transform:translate(0,0) rotate(0)}50%{transform:translate(-4px,-10px) rotate(-2deg)}}
.dr-road__svg svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}

/* (IDEA — "הגישה", the statement + three anchors — is out: round 23, 25.10, Shaked. Its CSS: plugin/backups/drorit.v23.css) */

/* ---------------------------------------------------------------- THE ROAD (deep process) */
.dr-road{position:relative;isolation:isolate;overflow:hidden}
.dr-road::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
	background:radial-gradient(50% 60% at 85% 15%,rgba(85,146,165,.32),transparent 65%),radial-gradient(40% 50% at 10% 90%,rgba(202,171,117,.1),transparent 70%)}
.dr-road::after{content:"";position:absolute;z-index:-1;left:-120px;bottom:-90px;width:560px;height:480px;opacity:.05;pointer-events:none;background:url("mark-light.png") center/contain no-repeat}
.dr-head{width:100%}
.dr-road__track{position:relative;padding-top:0!important}
.dr-road__svg{position:absolute!important;inset:0;z-index:0!important;pointer-events:none}
.dr-road__svg .dr-path-base{fill:none;stroke:rgba(226,201,148,.28);stroke-width:1.2;stroke-dasharray:3 7}
.dr-road__svg .dr-path-lit{fill:none;stroke:var(--dr-gold-l);stroke-width:2;stroke-linecap:round}
.dr-road__dove{position:absolute!important;z-index:3;width:auto!important;top:0;left:0;pointer-events:none;will-change:transform;opacity:0;transition:opacity .4s}
.dr-road__dove img{display:block;width:74px;transform:scaleX(-1)} /* the logo's dove faces right; the road runs right → left */
.dr-road.is-live .dr-road__dove{opacity:1}
.dr-step{flex:1 1 0!important;position:relative;z-index:1;padding-top:52px!important}
.dr-step::before{content:"";position:absolute;top:0;right:0;width:15px;height:15px;border-radius:50%;border:1px solid var(--dr-gold-l);background:var(--dr-night);box-sizing:border-box;transition:background-color .5s,box-shadow .5s,transform .5s var(--dr-ease)}
.dr-step.is-on::before{background:var(--dr-gold-l);box-shadow:0 0 0 7px rgba(226,201,148,.14);transform:scale(1.1)}
.dr-step__n .elementor-heading-title{font:500 14px/1 var(--dr-body);letter-spacing:.18em;color:var(--dr-gold-l);direction:ltr;text-align:right}
.dr-step__t .elementor-heading-title{font:400 30px/1.15 var(--dr-head);color:#FFFFFF}
.dr-step__p p{margin:0}
.dr-step{opacity:.45;transition:opacity .6s var(--dr-ease)}
.dr-step.is-on{opacity:1}
html:not(.dr-tx) .dr-step{opacity:1}
.dr-road__foot{border-top:1px solid rgba(255,255,255,.1)}
.dr-road__quote{flex:1 1 0!important;width:auto!important;min-width:0}
.dr-road__quote .elementor-heading-title{font:400 clamp(22px,2.2vw,30px)/1.35 var(--dr-head);color:var(--dr-gold-l)}
.dr-road__btns{flex:0 0 auto!important;width:auto!important;--width:auto}
@media (min-width:1025px){.dr-road__foot{flex-wrap:nowrap!important}
	/* round 22: the intro is two sentences now — keep it beside the heading instead of wrapping under it */
	.dr-road .dr-head{flex-wrap:nowrap!important}.dr-road .dr-head>.dr-line{flex:0 1 430px!important;width:auto!important;--width:auto}}
@media (max-width:767px){
	.dr-step{padding-top:0!important;padding-inline-start:0!important;padding-inline-end:62px!important} /* round 18: the road runs on the LEFT of the texts — on the right the floating phone / WhatsApp buttons hid the dove (Shaked 20.10) */
	.dr-step::before{top:6px;right:auto;left:14px}
	.dr-step__t .elementor-heading-title{font-size:26px}
	.dr-road__dove img{width:56px;transform:none}
	.dr-road__track{margin-top:48px!important} /* room for the dove above the first station — it sits ~78px above it and touched the intro line (20.10) */
	.dr-road__btns{width:100%!important}
	.dr-road__btns .dr-btn{flex:1 1 auto}
	.dr-road__btns .elementor-button{width:100%;justify-content:center}
}

/* ---------------------------------------------------------------- SERVICES (round 18, 20.10): three tracks by who they are for.
   Shaked chose C of three mock-ups ("divided into three audiences") and shape 3: a straight photo, and a white card rising over its
   lower edge with the audience and its services, each a link row. (The earlier index + hover photo: plugin/backups/drorit.v17.css.) */
.dr-trks{align-items:flex-start!important}
.dr-trk{position:relative;isolation:isolate}
.dr-trk__img{width:100%!important;max-width:none!important;margin:0!important;overflow:hidden}
.dr-trk__img img{display:block;width:100%!important;height:auto;aspect-ratio:4/4.3;object-fit:cover;transition:transform 1.4s var(--dr-ease)}
@media (hover:hover){.dr-trk:hover .dr-trk__img img{transform:scale(1.04)}}
/* the card: a gold tick on its top edge as a background (Elementor's own .e-con::before would override a pseudo-element) */
.dr-trk__body{position:relative;z-index:2;width:auto!important;--width:auto;margin:-70px 22px 0!important;padding:24px 26px 8px!important;
	background:linear-gradient(var(--dr-gold),var(--dr-gold)) right 26px top/46px 3px no-repeat,#fff!important;box-shadow:0 26px 50px -30px rgba(23,58,71,.45)}
.dr-trk__eb .elementor-heading-title{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--dr-line);font:500 14px/1 var(--dr-body);letter-spacing:.16em;color:var(--dr-teal-d)}
.dr-trk__n{display:inline-flex;align-items:center;gap:12px;direction:ltr}
.dr-trk__n::before{content:"";width:30px;height:1px;background:var(--dr-gold)}
.dr-trk__i{padding:16px 0 17px!important;border-bottom:1px solid var(--dr-line);text-decoration:none!important;cursor:pointer;align-items:flex-start!important}
.dr-trk__i:last-child{border-bottom:0}
/* round 22: each service = its name + the one-line description from the SEO doc's home tab */
.dr-trk__c{flex:1 1 auto!important;width:auto!important;--width:auto;min-width:0}
.dr-trk__t{width:100%!important}
.dr-trk__t .elementor-heading-title{font:400 24px/1.2 var(--dr-body);color:var(--dr-ink);transition:color .3s,transform .4s var(--dr-ease)}
.dr-trk__d .elementor-heading-title{font:400 15px/1.55 var(--dr-body);color:var(--dr-muted);text-wrap:pretty}
.dr-nw{white-space:nowrap} /* "ה-NLP" must not break at its hyphen */
.dr-trk__a{flex:0 0 auto!important;width:auto!important;margin-top:6px!important}
.dr-trk__a .elementor-icon{display:flex;font-size:15px;color:var(--dr-teal);transition:transform .4s var(--dr-ease)}
.dr-trk__a svg{width:15px;height:15px;fill:currentColor}
@media (hover:hover){.dr-trk__i:hover .dr-trk__t .elementor-heading-title{color:var(--dr-teal-d);transform:translateX(-4px)}.dr-trk__i:hover .dr-trk__a .elementor-icon{transform:translateX(-6px)}}
.dr-trk__i:focus-visible{outline:2px solid var(--dr-gold);outline-offset:2px}
@media (max-width:1024px){.dr-trk{width:100%!important;--width:100%}.dr-trk__img img{aspect-ratio:16/10}.dr-trk__body{margin:-60px 22px 0!important}}
@media (max-width:767px){.dr-trk__img img{aspect-ratio:4/3}.dr-trk__body{margin:-48px 14px 0!important;padding:20px 20px 4px!important;background-position:right 20px top,0 0!important}.dr-trk__t .elementor-heading-title{font-size:21px}.dr-trk__d .elementor-heading-title{font-size:14.5px}}

/* (the PRIVATE NLP card of rounds 6–20 is out — round 21, her voice note; its CSS: plugin/backups/drorit.v21.css) */

/* ---------------------------------------------------------------- "ואהבת לרעך כמוך" */
.dr-love{position:relative;isolation:isolate;overflow:hidden;text-align:center}
.dr-love::before{content:"";position:absolute;inset:-10%;z-index:-1;pointer-events:none;
	background:repeating-radial-gradient(circle at 50% 48%,transparent 0 69px,rgba(85,146,165,.2) 70px 71px);
	-webkit-mask-image:radial-gradient(circle at 50% 48%,#000 0,transparent 62%);mask-image:radial-gradient(circle at 50% 48%,#000 0,transparent 62%)}
.dr-love__dove img{display:block;margin-inline:auto}
html.dr-tx .dr-love__dove img{animation:dr-float 7s ease-in-out infinite}
.dr-love__q .elementor-heading-title{font:400 clamp(46px,6.4vw,96px)/1.05 var(--dr-head);color:var(--dr-ink);letter-spacing:-.01em}
.dr-love__t{max-width:780px!important;margin-inline:auto}
.dr-love__t p{margin:0}
.dr-love__t .dr-hl{color:var(--dr-teal-d);font-weight:600}
/* the quote's words rise one by one (drorit.js splits them) */
.dr-w{display:inline-block}
html.dr-tx .dr-love__q.is-split .dr-w{opacity:0;transform:translateY(.4em);filter:blur(4px);transition:opacity .9s var(--dr-ease),transform .9s var(--dr-ease),filter .9s;transition-delay:calc(var(--i)*140ms)}
html.dr-tx .dr-love__q.is-split.is-in .dr-w{opacity:1;transform:none;filter:none}

/* ---------------------------------------------------------------- ABOUT */
.dr-about__art{position:relative;padding:18px 0 0 18px}
/* the About photo (Drorit herself, in colour — Shaked 20.10; from her WhatsApp Business cover until the photo day): a rectangle with a gold hairline frame behind it, the dove flying off its corner */
.dr-photo{position:relative;isolation:isolate;width:min(100%,430px)!important;margin-inline:auto}
.dr-photo img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 18%}
.dr-photo::before{content:"";position:absolute;inset:-18px 18px 18px -18px;border:1px solid rgba(85,146,165,.6);z-index:-1;pointer-events:none}
.dr-photo__dove{position:absolute!important;z-index:3;width:auto!important;bottom:-34px;right:calc(50% - min(50%,215px) - 56px)}
.dr-photo__dove img{display:block;filter:drop-shadow(0 4px 10px rgba(23,58,71,.12))}
html.dr-tx .dr-photo__dove img{animation:dr-float 7s ease-in-out infinite}
.dr-about__art .dr-photo__tag{left:calc(50% - min(50%,215px) + 14px);bottom:14px}
.dr-about__t p{margin:0}
/* 21.10: her certifications under the paragraph — her wording, gold diamond bullets */
.dr-credlist{list-style:none;margin:0!important;padding:0;display:grid;gap:10px}
.dr-credlist li{display:flex;align-items:baseline;gap:14px;margin:0;font:400 18px/1.5 var(--dr-body);color:var(--dr-ink)}
.dr-credlist li::before{content:"";flex:0 0 7px;width:7px;height:7px;background:var(--dr-gold);transform:translateY(-3px) rotate(45deg)}
@media (max-width:767px){.dr-credlist li{font-size:16px;gap:12px}}
.dr-todo .elementor-heading-title{font:400 15px/1.55 var(--dr-body);color:var(--dr-gold-d);border:1px dashed rgba(140,108,56,.5);background:rgba(202,171,117,.06);padding:12px 16px}
.dr-todo b{font-weight:700}
.dr-facts{border-top:1px solid var(--dr-line);border-bottom:1px solid var(--dr-line)}
.dr-fact2{flex:1 1 0!important}
.dr-fact2+.dr-fact2{border-inline-start:1px solid var(--dr-line)}
.dr-fact2__k .elementor-heading-title{font:400 24px/1.2 var(--dr-head);color:var(--dr-teal-d)}
.dr-fact2__v .elementor-heading-title{font:400 15px/1.3 var(--dr-body);color:var(--dr-muted)}
@media (max-width:767px){.dr-fact2+.dr-fact2{border-inline-start:0;border-top:1px solid var(--dr-line)}.dr-photo{width:min(84%,340px)!important}.dr-photo__dove{right:calc(50% - min(42%,170px) - 30px);bottom:-26px}.dr-about__art .dr-photo__tag{left:calc(50% - min(42%,170px) + 26px)}}

/* ---------------------------------------------------------------- FAQ */
.dr-faqs__h{position:sticky!important;top:calc(var(--dr-hdr-s) + 40px)}
@media (max-width:1024px){.dr-faqs__h{position:relative!important;top:0}}
.dr-acc .elementor-accordion-item{border:0!important;border-bottom:1px solid var(--dr-line)!important}
.dr-acc .elementor-accordion-item:first-child{border-top:1px solid var(--dr-line)!important}
.dr-acc .elementor-tab-title{padding:24px 4px!important;display:flex;align-items:center;gap:16px;flex-direction:row-reverse;justify-content:space-between}
.dr-acc .elementor-accordion-title{font:500 22px/1.35 var(--dr-head)!important;color:var(--dr-ink)!important;transition:color .3s}
.dr-acc .elementor-tab-title.elementor-active .elementor-accordion-title,.dr-acc .elementor-tab-title:hover .elementor-accordion-title{color:var(--dr-teal-d)!important}
.dr-acc .elementor-accordion-icon{flex:0 0 34px;width:34px;height:34px;border:1px solid var(--dr-line);border-radius:50%;display:inline-flex!important;align-items:center;justify-content:center;line-height:0}
.dr-acc .elementor-accordion-icon span{line-height:0}
.dr-acc .elementor-accordion-icon svg{width:12px;height:12px;fill:var(--dr-teal-d);margin:0;display:block}
.dr-acc .elementor-tab-content{border:0!important;padding:0 4px 26px!important;font:400 18px/1.7 var(--dr-body);color:var(--dr-muted);max-width:720px}
.dr-acc .elementor-tab-content p{margin:0}
.dr-acc .elementor-tab-content a{color:var(--dr-teal-d);text-decoration:underline;text-underline-offset:4px}

/* ---------------------------------------------------------------- CONTACT (footer template, every page) */
.dr-fc{background:linear-gradient(180deg,var(--dr-paper) 0,var(--dr-paper) calc(100% - var(--dr-fc-over)),var(--dr-ink) calc(100% - var(--dr-fc-over)))!important}
body.dr-thanks .dr-fc{display:none}
.dr-fc__card{position:relative;background:#fff;box-shadow:0 50px 80px -50px rgba(23,58,71,.55);border-top:2px solid var(--dr-gold)}
.dr-ways .elementor-icon-list-item a{font-variant-numeric:tabular-nums}
.dr-ways .elementor-icon-list-item:first-child .elementor-icon-list-text{direction:ltr;unicode-bidi:isolate}
.dr-ways .elementor-icon-list-icon{width:38px;height:38px;border:1px solid var(--dr-line);border-radius:50%;display:inline-flex!important;align-items:center;justify-content:center;padding:0!important}
.dr-form .elementor-field-group{margin-bottom:22px}
.dr-form .elementor-field-group>label,.dr-form .elementor-field-label{font:600 13px/1.3 var(--dr-body);letter-spacing:.06em;color:var(--dr-muted);margin-bottom:6px}
.dr-form .elementor-field-textual{min-height:48px;border-radius:0!important;border:0!important;border-bottom:1px solid #B9CDD4!important;background:transparent!important;color:var(--dr-ink)!important;
	font:400 18px/1.3 var(--dr-body)!important;padding:10px 2px!important;transition:border-color .25s,box-shadow .25s}
.dr-form .elementor-field-textual:focus{outline:none;border-bottom-color:var(--dr-teal)!important;box-shadow:0 1px 0 0 var(--dr-teal)}
.dr-form textarea.elementor-field-textual{min-height:84px;resize:vertical}
.dr-form .elementor-field-textual::placeholder{color:#94A6AD}
.dr-form .elementor-field-type-tel input{direction:rtl;text-align:right}
.dr-form .elementor-select-wrapper .select-caret-down-wrapper{left:4px;right:auto}
.dr-form .elementor-select-wrapper select{appearance:none}
.dr-form .e-form__buttons{margin-top:6px}
.dr-form .elementor-button[type=submit]{background:var(--dr-petrol)!important;color:#fff!important;border-radius:2px!important;min-height:58px;font:600 17px/1 var(--dr-body)!important;box-shadow:0 16px 30px -18px rgba(40,87,105,.8);transition:background-color .3s,transform .3s var(--dr-ease)}
.dr-form .elementor-button[type=submit]:hover{background:var(--dr-teal-d)!important;transform:translateY(-2px)}
.dr-form .elementor-button[type=submit] svg{fill:currentColor}
.dr-form .elementor-message{font:500 15px/1.4 var(--dr-body);margin-top:12px}

/* ---------------------------------------------------------------- FOOTER */
.dr-footer{position:relative}
.dr-ft-logo img{width:230px}
.dr-ft-h .elementor-heading-title{letter-spacing:.16em;margin-bottom:4px}
.dr-flist .elementor-icon-list-icon svg{width:5px!important;height:5px!important}
.dr-flist .elementor-icon-list-item a{transition:color .25s}
.dr-flist .elementor-icon-list-text{padding-right:10px}
.dr-ft-bot a{color:rgba(255,255,255,.7)!important;text-decoration:underline;text-underline-offset:3px}
.dr-ft-bot p{margin:0}
.dr-flist a[href^="tel"] .elementor-icon-list-text{direction:ltr;unicode-bidi:isolate}

/* ---------------------------------------------------------------- THANK YOU */
.dr-ty{position:relative;isolation:isolate;padding-top:calc(var(--dr-hdr) + 60px)!important}
.dr-ty::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(50% 60% at 50% 30%,rgba(85,146,165,.3),transparent 70%)}
html.dr-tx .dr-ty__dove img{animation:dr-float 7s ease-in-out infinite}

/* ---------------------------------------------------------------- reveal (drorit.js adds .dr-rv, then .is-in) */
html.dr-tx .dr-rv{opacity:0;transform:translateY(26px);transition:opacity .9s var(--dr-ease),transform .9s var(--dr-ease);transition-delay:var(--rv,0ms)}
html.dr-tx .dr-rv.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Hello Elementor's reset paints <button> pink on hover/focus — keep ours */
.dr-acc .elementor-tab-title:hover,.dr-acc .elementor-tab-title:focus{background:transparent}

/* ---------------------------------------------------------------- REVIEWS (21.10) */
/* Shaked: "סקשן של ביקורות? לשים אולי לדוגמא בנתיים". White cards on the petrol band (round 21), the hero card's gold hairline inside,
   a gold quote mark and her dove faint in the corner. Base = a swipe row (phones, tablets, reduced motion, no JS); drorit.js
   turns it into a drifting loop on wide screens (.is-marq) that stops under the pointer. EXAMPLES: .dr-rev__demo shows "לדוגמה". */
.dr-revs__head{width:100%!important;max-width:1240px;margin-inline:auto;padding-inline:24px!important}
.dr-revs__w{width:100%}
.dr-revs__row{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 24px 8px;scroll-padding-inline:24px}
.dr-revs__row::-webkit-scrollbar{display:none}
.dr-revs__list{display:flex;gap:24px;margin:0!important;padding:0!important;list-style:none}
.dr-revs__list>li{margin:0}
.dr-rev{position:relative;isolation:isolate;direction:rtl;flex:0 0 360px;scroll-snap-align:start;display:flex;flex-direction:column;gap:20px;padding:70px 34px 30px;
	background:#FFFFFF;box-shadow:inset 0 0 0 8px #FFFFFF,inset 0 0 0 9px rgba(202,171,117,.45)}
.dr-rev::before{content:"”";position:absolute;top:30px;right:30px;font:400 76px/.62 var(--dr-body);color:var(--dr-teal)}
.dr-rev::after{content:"";position:absolute;z-index:-1;left:16px;bottom:14px;width:120px;height:106px;opacity:.07;pointer-events:none;background:url("dove-dark.png") center/contain no-repeat}
.dr-rev__q{flex:1;margin:0!important;padding:0!important;border:0!important;font:300 19px/1.7 var(--dr-body)!important;font-style:normal!important;color:var(--dr-ink);text-wrap:pretty}
.dr-rev__by{display:flex;flex-direction:column;gap:3px;margin:0!important;padding-top:16px;border-top:1px solid var(--dr-line)}
.dr-rev__by b{font:500 16px/1.3 var(--dr-body);color:var(--dr-ink)}
.dr-rev__by span{font:400 14px/1.4 var(--dr-body);color:var(--dr-muted)}
.dr-rev__demo{position:absolute;top:26px;left:24px;padding:5px 9px;border:1px solid rgba(202,171,117,.55);font:500 11px/1 var(--dr-body);letter-spacing:.12em;color:var(--dr-gold-d)}
/* wide screens with motion: two copies of the list in an LTR track (as in the hero band), each ending in its own gap, so -50% is seamless */
.dr-revs__row.is-marq{overflow:hidden;scroll-snap-type:none;padding-inline:0;direction:ltr;
	-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.dr-revs__track{display:flex;width:max-content;will-change:transform;animation:dr-marq var(--dur,60s) linear infinite}
.dr-revs__track .dr-revs__list{direction:ltr;padding-inline-end:24px!important}
.dr-revs__row.is-marq:hover .dr-revs__track,.dr-revs__row.is-marq:focus-within .dr-revs__track{animation-play-state:paused}
@media (max-width:767px){
	.dr-revs__head{padding-inline:20px!important}
	.dr-revs__row{padding-inline:20px;scroll-padding-inline:20px}
	.dr-revs__list{gap:14px}
	.dr-rev{flex-basis:min(84vw,330px);padding:62px 24px 24px}
	.dr-rev::before{top:26px;right:22px;font-size:64px}
	.dr-rev__demo{top:22px;left:18px}
	.dr-rev__q{font-size:17px!important}
}

/* ---------------------------------------------------------------- ARTICLES (round 6): home section, /articles/, single post */
.dr-arts__all{flex:0 0 auto!important;width:auto!important}
.dr-posts .elementor-posts-container{align-items:stretch}
.dr-posts .elementor-post{background:#fff;border:0;border-radius:0;overflow:hidden;display:flex;flex-direction:column;position:relative;transition:transform .5s var(--dr-ease),box-shadow .5s var(--dr-ease)}
.dr-posts .elementor-post::after{content:"";position:absolute;right:0;left:0;bottom:0;height:2px;background:var(--dr-gold);transform:scaleX(0);transform-origin:right;transition:transform .6s var(--dr-ease)}
.dr-posts .elementor-post:hover{transform:translateY(-4px);box-shadow:0 34px 60px -40px rgba(23,58,71,.55)}
.dr-posts .elementor-post:hover::after{transform:scaleX(1)}
.dr-posts .elementor-post__thumbnail__link{margin:0!important;display:block}
.dr-posts .elementor-post__thumbnail{position:relative;overflow:hidden;border-radius:0}
/* Elementor injects top:calc(50% + 1px) + a translate after our CSS (memory elementor-posts-thumbnail-transform-trap) */
.dr-posts .elementor-post__thumbnail img{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;max-width:none;object-fit:cover;transform:none!important;filter:saturate(.85) sepia(.06);transition:scale 1s var(--dr-ease)}
.dr-posts .elementor-post:hover .elementor-post__thumbnail img{scale:1.05}
.dr-posts .elementor-post__text{display:flex;flex-direction:column;flex:1 1 auto;padding:26px 28px 28px}
.dr-posts .elementor-post__title{margin:0 0 12px!important}
.dr-posts .elementor-post__title a{font:400 23px/1.3 var(--dr-head)!important;color:var(--dr-ink)!important;text-wrap:balance}
.dr-posts .elementor-post__title a:hover{color:var(--dr-teal-d)!important}
.dr-posts .elementor-post__excerpt{margin:0!important}
.dr-posts .elementor-post__excerpt p{margin:0;font:400 16px/1.65 var(--dr-body);color:var(--dr-muted)}
.dr-posts .elementor-post__read-more{margin-top:auto;padding-top:20px;align-self:flex-start;display:inline-flex;align-items:center;gap:10px;font:600 15px/1 var(--dr-body)!important;color:var(--dr-teal-d)!important;letter-spacing:.02em}
.dr-posts .elementor-post__read-more::after{content:"";width:22px;height:1px;background:currentColor;transition:width .4s var(--dr-ease)}
.dr-posts .elementor-post:hover .elementor-post__read-more::after{width:34px}
.dr-posts .elementor-pagination{margin-top:40px;font:600 16px var(--dr-body)}
.dr-posts .elementor-pagination .page-numbers{display:inline-grid;place-items:center;min-width:40px;height:40px;margin:0 3px;border:1px solid var(--dr-line)}
.dr-posts .elementor-pagination .page-numbers.current{background:var(--dr-ink);border-color:var(--dr-ink);color:#fff}
@media (max-width:767px){.dr-posts .elementor-post__text{padding:20px 20px 22px}.dr-posts .elementor-post__title a{font-size:21px!important}}

/* page hero (/articles/): the same night + gold glow as the home hero, shorter */
.dr-phero{position:relative;isolation:isolate;overflow:hidden;padding-top:calc(var(--dr-hdr) + 56px)!important}
.dr-phero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(55% 80% at 12% 40%,rgba(85,146,165,.3),transparent 62%)}
.dr-phero::after{content:"";position:absolute;z-index:0;left:4%;bottom:-40px;width:300px;height:265px;opacity:.12;pointer-events:none;background:url("dove-light.png") center/contain no-repeat}
.dr-phero>.e-con,.dr-phero>.elementor-element{position:relative;z-index:1}
.dr-phero__in{max-width:1240px;margin-inline:auto;width:100%}
.dr-h1--page .elementor-heading-title{font-size:clamp(40px,4.8vw,70px)}
.dr-crumb p{margin:0;display:flex;flex-wrap:wrap;gap:8px;font:500 14px/1.4 var(--dr-body);color:rgba(255,255,255,.55)}
.dr-crumb a{color:rgba(255,255,255,.85)!important;text-decoration:none}
.dr-crumb a:hover{color:var(--dr-gold-l)!important}
.dr-crumb span{opacity:.45}
.dr-crumb--light p{color:var(--dr-muted)}
.dr-crumb--light a{color:var(--dr-teal-d)!important}

/* single article */
.dr-single__title .elementor-heading-title{text-wrap:balance}
.dr-single__img img{width:100%;aspect-ratio:16/9;object-fit:cover;box-shadow:0 34px 60px -44px rgba(23,58,71,.6)}
.dr-single__content{font:400 19px/1.85 var(--dr-body);color:#2E4752}
.dr-single__content p{margin:0 0 20px}
.dr-single__content h2{font:400 30px/1.25 var(--dr-head);color:var(--dr-ink);margin:42px 0 14px}
.dr-single__content h2::before{content:"";display:block;width:44px;height:1px;background:var(--dr-gold);margin-bottom:16px}
.dr-single__content ul{margin:0 0 22px;padding-inline-start:22px}
.dr-single__content li{margin-bottom:10px}
.dr-single__content li::marker{color:var(--dr-gold)}
.dr-single__content strong{color:var(--dr-ink);font-weight:600}
.dr-single__cta{background:var(--dr-ink);position:relative;margin-top:14px}
.dr-single__cta::before{content:"";position:absolute;inset:10px;border:1px solid rgba(226,201,148,.3);pointer-events:none}
.dr-single__cta>*{position:relative}
.dr-single__cta-b{flex:0 0 auto!important;width:auto!important}
.dr-single__all a{font:600 16px var(--dr-body);color:var(--dr-teal-d)!important}
@media (max-width:767px){.dr-single__content{font-size:17px}.dr-single__content h2{font-size:24px}}

/* ---------------------------------------------------------------- ROUND 8 (18.10): white base — the client: "לבן, שחור וזהב, יוקרתי, נקי וסדר בעין".
   The hero is white with ink type and gold; black stays as accents (the deep-process band, the NLP card, the footer). */
/* white cards on the sand band, with a hairline */
.dr-posts .elementor-post{box-shadow:0 0 0 1px var(--dr-line)}
.dr-posts .elementor-post:hover{box-shadow:0 0 0 1px var(--dr-line),0 34px 60px -40px rgba(23,58,71,.45)}

/* ---------------------------------------------------------------- ROUND 11 (19.10): the entrance — "a wow when she enters"
   1) the logo opening (html.dr-intro): white screen, the logo builds itself; 2) the mark flies into its place in the header while
   the white lifts; 3) the hero enters (html.dr-hero-pre → .dr-hero-go).
   Round 21 (22.10): the new logo — the teal DR comes into focus, the gold edges of its wing are gilded from the top down, then the
   name (heavy petrol, as in the logo), the gold underline drawn from the middle out, and the teal tagline. (Rounds 11–20: the old
   letters + the gold dove drawn by a pen — plugin/backups/drorit.v21.css / .js.) */
.dr-intro-layer{display:none}
html.dr-intro{overflow:hidden}
html.dr-intro .dr-intro-layer{position:fixed;inset:0;z-index:100200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;background:#fff;direction:rtl;cursor:pointer}
.dr-intro__mark{position:relative;width:min(260px,52vw);margin-bottom:26px;transform-origin:50% 50%;will-change:transform}
.dr-intro__mark img{display:block;width:100%;height:auto}
.dr-intro__wing{position:absolute;inset:0}
html.dr-intro .dr-intro__dr{animation:dr-intro-letters 1.2s cubic-bezier(.22,1,.36,1) .1s both}
html.dr-intro .dr-intro__wing{animation:dr-intro-wing 1s cubic-bezier(.65,0,.35,1) .8s both}
@keyframes dr-intro-letters{from{opacity:0;filter:blur(16px);transform:scale(1.06)}to{opacity:1;filter:none;transform:none}}
@keyframes dr-intro-wing{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}
.dr-intro__name,.dr-intro__tag{margin:0;font-family:var(--dr-body);opacity:0}
.dr-intro__name{font-weight:800;font-size:clamp(30px,3.6vw,44px);line-height:1.1;color:var(--dr-petrol)}
.dr-intro__line{display:block;width:min(300px,64vw);height:2px;margin:12px 0 10px;transform:scaleX(0);
	background:linear-gradient(90deg,rgba(200,166,108,0),#C8A66C 14%,#F1DFAD 50%,#C8A66C 86%,rgba(200,166,108,0))}
.dr-intro__tag{font-weight:500;font-size:clamp(16px,1.6vw,20px);letter-spacing:.04em;color:var(--dr-teal)}
html.dr-intro .dr-intro__name{animation:dr-intro-up .9s cubic-bezier(.22,1,.36,1) 1.05s both}
html.dr-intro .dr-intro__line{animation:dr-intro-line .9s cubic-bezier(.65,0,.35,1) 1.3s both}
html.dr-intro .dr-intro__tag{animation:dr-intro-up .9s cubic-bezier(.22,1,.36,1) 1.5s both}
@keyframes dr-intro-up{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes dr-intro-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.dr-intro-layer.is-leaving{background:rgba(255,255,255,0);transition:background .8s ease .2s}
.dr-intro-layer.is-leaving .dr-intro__name,.dr-intro-layer.is-leaving .dr-intro__line,.dr-intro-layer.is-leaving .dr-intro__tag{opacity:0!important;animation:none!important;transition:opacity .3s ease}
.dr-intro-layer.is-gone .dr-intro__mark{opacity:0;transition:opacity .35s ease}
html.dr-intro .dr-logos{opacity:0}
.dr-logos{transition:opacity .35s ease}


/* ---------------------------------------------------------------- SERVICE PAGES (26.10, build/05-services.php)
   Click-In's service-page standard in the site's language: a white hero with a framed photo and the dove, the sand band for "who it is
   for", a sourced figure, the approach beside a card with her face, the road with the dove for the process, a numbered topics list,
   a petrol CTA band, outcomes as a checked grid, the SEO section low, practical "how to start", the FAQ, and the footer form. */
.dr-prose p{margin:0 0 16px}
.dr-prose p:last-child{margin-bottom:0}
.dr-prose a{color:var(--dr-teal-d);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.dr-prose--light a{color:var(--dr-gold-l)}
.dr-crumb--light b{font-weight:600;color:var(--dr-ink)}
.dr-svcp-hero{position:relative}
.dr-svcp-h1 .elementor-heading-title{font-size:clamp(42px,5vw,72px);line-height:1.05}
.dr-svcp-lead p{font-size:clamp(18px,1.4vw,20.5px)!important;line-height:1.7;color:var(--dr-ink)!important}
.dr-svcp__btns{flex-wrap:wrap!important}
.dr-svcp__btns>.dr-btn{flex:0 0 auto!important;width:auto!important}
.dr-svcp-art .dr-photo img{aspect-ratio:4/4.6}
@media (max-width:767px){.dr-svcp__btns{width:100%!important}.dr-svcp__btns>.dr-btn{flex:1 1 100%!important}.dr-svcp__btns .elementor-button{width:100%;justify-content:center}}

/* checked lists */
.dr-ticks{list-style:none;margin:6px 0 0!important;padding:0;display:grid;gap:12px}
.dr-ticks li{position:relative;margin:0;padding-inline-start:34px;font:400 18px/1.6 var(--dr-body);color:var(--dr-ink)}
.dr-ticks li::before{content:"";position:absolute;inset-inline-start:0;top:5px;width:20px;height:20px;border-radius:50%;background:var(--dr-teal) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat}
.dr-ticks--grid{grid-template-columns:repeat(3,1fr);gap:18px 32px}
.dr-ticks--grid li{background:#fff;padding:22px 22px 22px 22px;padding-inline-start:56px;box-shadow:0 0 0 1px var(--dr-line)}
.dr-ticks--grid li::before{top:24px;inset-inline-start:22px}
@media (max-width:1024px){.dr-ticks--grid{grid-template-columns:1fr 1fr}}
@media (max-width:767px){.dr-ticks li{font-size:16.5px}.dr-ticks--grid{grid-template-columns:1fr}}

/* the sourced figure */
.dr-svcp-fig{border-top:2px solid var(--dr-gold);padding-top:26px!important}
.dr-svcp-fig__n .elementor-heading-title{font:300 clamp(80px,9vw,128px)/.9 var(--dr-head);color:var(--dr-teal);direction:ltr;text-align:right}
.dr-svcp-fig__t .elementor-heading-title{font:400 21px/1.45 var(--dr-head);color:var(--dr-ink);margin-top:14px}
.dr-svcp-fig__s .elementor-heading-title{font:500 13px/1.4 var(--dr-body);letter-spacing:.08em;color:var(--dr-muted);margin-top:10px}

/* the face card */
.dr-svcp-face{background:#fff;box-shadow:0 30px 60px -36px rgba(23,58,71,.45),0 0 0 1px var(--dr-line);border-top:2px solid var(--dr-gold)}
.dr-svcp-face__img{width:100%!important;margin:0!important}
.dr-svcp-face__img img{display:block;width:100%;aspect-ratio:4/3.4;object-fit:cover;object-position:50% 20%}
.dr-svcp-face__b{padding:22px 26px 26px!important}
.dr-svcp-face__n .elementor-heading-title{font:400 26px/1.2 var(--dr-head);color:var(--dr-ink)}
.dr-svcp-face .dr-credlist li{font-size:16px}
.dr-svcp-link a{display:inline-flex;align-items:center;gap:10px;font:600 15px/1 var(--dr-body);color:var(--dr-teal-d)!important;text-decoration:none!important;padding-top:6px}
.dr-svcp-link a::after{content:"";width:22px;height:1px;background:currentColor;transition:width .4s var(--dr-ease)}
.dr-svcp-link a:hover::after{width:34px}
@media (min-width:1025px){.dr-svcp-face{position:sticky!important;top:calc(var(--dr-hdr-s) + 30px)}}

/* the process band: longer station texts than on the home page */
.dr-svcp-road .dr-step__t .elementor-heading-title{font-size:24px}
.dr-svcp-road .dr-head>.dr-line{max-width:520px}
@media (min-width:1025px){.dr-svcp-road .dr-head{flex-wrap:nowrap!important}.dr-svcp-road .dr-head>.dr-line{flex:0 1 480px!important;width:auto!important}}

/* topics: a numbered list in two columns, hairlines, no cards */
.dr-svcp-topics{list-style:none;counter-reset:t;margin:0!important;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 56px}
.dr-svcp-topics li{counter-increment:t;display:grid;grid-template-columns:52px 1fr;gap:4px 0;padding:22px 0;border-top:1px solid var(--dr-line);margin:0}
.dr-svcp-topics li::before{content:counter(t,decimal-leading-zero);grid-row:1/3;font:300 30px/1 var(--dr-head);color:var(--dr-teal);direction:ltr;text-align:right}
.dr-svcp-topics b{font:400 22px/1.3 var(--dr-head);color:var(--dr-ink)}
.dr-svcp-topics span{font:400 16.5px/1.6 var(--dr-body);color:var(--dr-muted)}
.dr-svcp-topics span a{color:var(--dr-teal-d);text-decoration:underline;text-underline-offset:3px}
.dr-svcp-after p{color:var(--dr-muted)!important;font-size:17px!important;max-width:860px}
@media (max-width:767px){.dr-svcp-topics{grid-template-columns:1fr}.dr-svcp-topics li{grid-template-columns:42px 1fr}.dr-svcp-topics li::before{font-size:24px}.dr-svcp-topics b{font-size:20px}}

/* the petrol CTA band */
.dr-svcp-mid{position:relative;overflow:hidden}
.dr-svcp-mid::after{content:"";position:absolute;left:-30px;bottom:-60px;width:260px;height:230px;opacity:.1;pointer-events:none;background:url("dove-light.png") center/contain no-repeat}
.dr-svcp-mid__t{flex:1 1 420px!important;width:auto!important;min-width:0}
.dr-svcp-mid__t .elementor-heading-title{font:400 clamp(24px,2.4vw,32px)/1.3 var(--dr-head);color:#fff}
.dr-svcp-mid__t span{color:var(--dr-gold-l)}

/* the personal track photo */
.dr-svcp-per__art{padding:0 0 18px 18px}
.dr-svcp-img{position:relative;isolation:isolate;width:100%!important;max-width:470px!important;margin-inline:auto!important}
.dr-svcp-img img{display:block;width:100%;aspect-ratio:4/4.6;object-fit:cover}
.dr-svcp-img::before{content:"";position:absolute;inset:18px 18px -18px -18px;border:1px solid rgba(85,146,165,.55);z-index:-1;pointer-events:none}

/* outcomes + the closing line */
.dr-svcp-close .elementor-heading-title{font:400 clamp(20px,1.8vw,25px)/1.5 var(--dr-head);color:var(--dr-ink);padding-top:22px;border-top:1px solid var(--dr-line);max-width:900px;text-wrap:pretty}
.dr-svcp-close b{font-weight:500;color:var(--dr-teal-d)}

/* SEO section + how to start: one reading column */
.dr-svcp-dif>.e-con-inner>.e-con,.dr-svcp-go>.e-con-inner>.e-con{margin-inline:auto}
.dr-svcp-go__c{border-top:2px solid var(--dr-gold);padding-top:44px!important}
.dr-road__foot>.dr-svcp__btns{flex:0 0 auto!important;width:auto!important}
@media (max-width:767px){.dr-road__foot>.dr-svcp__btns{width:100%!important}}
/* the footer's contact block is numbered for the home page (06) — on inner pages the label stands alone */
body:not(.home) .dr-fc .dr-eb__n{display:none}
.dr-road .dr-step__p a{color:var(--dr-gold-l);text-decoration:underline;text-underline-offset:3px}
.dr-road .dr-line a,.dr-road .dr-line p a{color:var(--dr-gold-l);text-decoration:underline;text-underline-offset:3px}
.dr-prose p b:first-child{color:var(--dr-ink);font-weight:600}
/* a "why" section without a figure: one reading column, like the other text sections */
.dr-svcp-why>.e-con-inner>.dr-svcp-col,.dr-svcp-why>.dr-svcp-col{max-width:860px!important;margin-inline:auto}
/* ---- LEGAL PAGES (06-legal.php): the accessibility statement — one reading column, her answers as a two-column table ---- */
.dr-legal>.e-con-inner>.dr-svcp-col,.dr-legal>.dr-svcp-col{max-width:860px!important;margin-inline:auto}
.dr-legal .dr-ticks{margin:0 0 18px!important}
.dr-a11y-t{width:100%;border-collapse:collapse;margin:8px 0 0;font:400 17px/1.55 var(--dr-body);border-top:1px solid var(--dr-line)}
.dr-a11y-t th,.dr-a11y-t td{padding:14px 4px;border:0;border-bottom:1px solid var(--dr-line);vertical-align:top;background:none!important}
.dr-a11y-t th{text-align:start;font-weight:500;color:var(--dr-ink)}
.dr-a11y-t td{text-align:end;white-space:nowrap;padding-inline-start:24px;color:var(--dr-muted)}
.dr-a11y-t td.is-yes{color:var(--dr-teal-d);font-weight:600}
.dr-a11y-t td a{color:var(--dr-teal-d);text-decoration:none}
@media (max-width:767px){.dr-a11y-t{font-size:15px}.dr-a11y-t td{padding-inline-start:14px}}
/* ---- ABOUT + CONTACT PAGES (07-pages.php, 26.10): her about text in reading columns, one dark band, her closing line + signature ---- */
.dr-narrow>.e-con-inner>.dr-svcp-col,.dr-narrow>.dr-svcp-col{max-width:860px!important;margin-inline:auto}
.dr-ab-q .elementor-heading-title{font:400 clamp(24px,2.4vw,33px)/1.4 var(--dr-head);color:var(--dr-teal-d);text-wrap:balance;border-inline-start:2px solid var(--dr-gold);padding-inline-start:24px;margin-top:14px}
.dr-ab-after p{color:var(--dr-ink)!important;font-weight:500}
.dr-ab-band>.e-con-inner{gap:40px}
.dr-ab-more-w{max-width:1100px!important;width:100%;margin-inline:auto}
.dr-ab-more{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.dr-ab-more li{counter-increment:m;margin:0;padding-top:20px;border-top:1px solid rgba(226,201,148,.45);font:400 clamp(19px,1.6vw,22px)/1.45 var(--dr-head);color:#fff}
.dr-ab-more{counter-reset:m}
.dr-ab-more li::before{content:counter(m,decimal-leading-zero);display:block;font:500 13px/1 var(--dr-body);letter-spacing:.14em;color:var(--dr-gold-l);margin-bottom:12px}
.dr-ab-quote{max-width:1100px!important;width:100%;margin-inline:auto}
.dr-ab-quote .elementor-heading-title{font:400 clamp(28px,3.2vw,44px)/1.25 var(--dr-head);color:var(--dr-gold-l);text-align:center;text-wrap:balance}
.dr-ab-close{margin-top:10px}
.dr-ab-sign{padding-top:6px}
.dr-ab-sign__n .elementor-heading-title{font:400 28px/1 var(--dr-head);color:var(--dr-ink)}
.dr-ct-q .elementor-heading-title{font:400 clamp(24px,2.3vw,32px)/1.3 var(--dr-head);color:var(--dr-teal-d)}
@media (max-width:767px){.dr-ab-more{grid-template-columns:1fr;gap:20px}.dr-ab-quote .elementor-heading-title{text-align:start}}
/* 26.10: a track item whose service page isn't linked (02-build.php $SVC_LINKED) — plain text, no hover */
.dr-trk__i--static{cursor:default}
@media (hover:hover){.dr-trk__i--static:hover .dr-trk__t .elementor-heading-title{color:inherit;transform:none}}
.dr-about .dr-svcp-link{margin-top:4px}
/* the contact page: its opening, then straight into the footer's contact card (the page's form) */
body.dr-contact .dr-svcp-hero{--padding-bottom:40px!important;--padding-block-end:40px!important}
body.dr-contact .dr-fc{--padding-top:24px!important;--padding-block-start:24px!important}
.dr-svcp-h1 .elementor-heading-title{text-wrap:balance}
/* 28.10: the About hero shows the whole portrait (4:5 = the file) — the inner-page hero frame (4:4.6) cut her hands and the notebook */
.dr-svcp-art .dr-ab-photo img{aspect-ratio:4/5;object-position:50% 50%}
/* ---- GLOBAL SECTIONS (28.10, 05-services.php: dr-g-buttons / dr-g-about / dr-g-cta — Elementor library templates) ---- */
.dr-gbtns-w{width:auto!important;max-width:100%}
.dr-gbtns-w .elementor-template,.dr-gbtns-w .elementor{width:100%}
.dr-gbtns>.dr-btn{flex:0 0 auto!important;width:auto!important}
.dr-btn--tel .elementor-button-text{direction:ltr;unicode-bidi:isolate}
/* the same buttons on a dark band: CTA gold with ink text, WhatsApp / phone white outline */
.dr-on-dark .dr-gbtns .dr-btn--main .elementor-button{background-color:var(--dr-gold)!important;color:var(--dr-ink)!important;box-shadow:0 14px 30px -16px rgba(0,0,0,.35)}
.dr-on-dark .dr-gbtns .dr-btn--main .elementor-button:hover{background-color:#fff!important}
.dr-on-dark .dr-gbtns .dr-btn--line .elementor-button{color:#fff!important;border-color:rgba(255,255,255,.35)!important}
.dr-on-dark .dr-gbtns .dr-btn--line .elementor-button:hover{background-color:#fff!important;color:var(--dr-ink)!important;border-color:#fff!important}
.dr-on-dark .dr-gbtns .elementor-button svg{fill:currentColor!important}
.dr-gcta>.e-con-inner>.dr-gbtns-w,.dr-gcta>.dr-gbtns-w{flex:0 0 auto!important}
/* in the FAQ's narrow column the row stacks: CTA full width, then WhatsApp + phone */
.dr-gbtns-w--stack .dr-gbtns>.dr-btn--main{flex:1 1 100%!important}
.dr-gbtns-w--stack .dr-gbtns>.dr-btn--main .elementor-button{width:100%;justify-content:center}
.dr-ghost-host{gap:0!important}
.dr-gabout__lead p{margin:0}
@media (max-width:767px){.dr-gbtns-w{width:100%!important}.dr-gbtns>.dr-btn{flex:1 1 100%!important}.dr-gbtns .elementor-button{width:100%;justify-content:center}}