/* ============================================================
   YOUNGHAIR — noslop.css
   שכבת ניקוי: מנטרלת את דפוסי ה-AI שהדיטקטורים של
   tasteskill + impeccable תפסו, בלי לגעת ב-HTML או ב-JS.
   נטען אחרון ודורס את main / polish-v10 / rev-v11.
   מה שנותר אחרי השכבה הזו: נייבי אחד, זהב אחד בלבד כאקסנט
   מינורי, רדיוס אחיד, בלי זכוכית, בלי זוהר, בלי גרדיאנט בטקסט.
   ============================================================ */

:root {
  /* פלטה: נייבי של המותג + ניטרלים קרירים. אקסנט אחד. */
  --yh-navy: #0F2248;
  --yh-navy-deep: #0A1733;
  --yh-ink: #14213D;
  --yh-text: #2B3648;
  --yh-muted: #5B6678;
  --yh-line: #DCE2EB;
  --yh-surface: #F4F6F9;
  --yh-surface-2: #EAEEF4;
  --yh-gold: #8F6B33;
  --yh-gold-soft: #B8935A;
  --yh-radius: 10px;
  --yh-shadow: 0 1px 2px rgba(15, 34, 72, .06), 0 8px 24px rgba(15, 34, 72, .06);
}

/* ---------- 1. טיפוגרפיה: אין גרדיאנט בטקסט, אין קו תחתון מקושט ---------- */
.display em, .pullquote em, h1 em, h2 em, h3 em,
.stat__num, .story-stat__num, .media-card__logo, .display--hero em {
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: currentColor !important;
  color: var(--yh-navy) !important;
}
.display em::after, h1 em::after, h2 em::after, h3 em::after,
.display--hero em::after { display: none !important; }
.display, h1, h2, h3 { color: var(--yh-ink) !important; }
.display em, h1 em, h2 em, h3 em {
  font-weight: 700 !important;
  color: var(--yh-gold) !important;
  background: linear-gradient(120deg, #B8935A 0%, #9E7A42 55%, #8F6B33 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.display--hero { letter-spacing: -0.02em !important; line-height: 1.08 !important; }
.display--md   { letter-spacing: -0.015em !important; line-height: 1.15 !important; }
html[lang="en"] body, html[lang="en"] .display { font-family: 'Assistant', system-ui, -apple-system, sans-serif !important; }

/* ---------- 2. אייברואים: 18 על 19 סקשנים. מורידים את כולם. ---------- */
.kicker, .eyebrow { display: none !important; }
.section-head .display, .story__copy .display { margin-top: 0 !important; }

/* ---------- 3. זכוכית, בלור, זוהר: מחליפים במשטח שקט ---------- */
.glass-card, .glass-chip, .glass-card--strong, .glass-card-light,
.stat, .why-card, .flag-card, .process-step, .pricing-card, .location-card,
.faq-item, .testimonial, .media-card, .press-card, .case-card, .doctor-card,
.roles__col, .pillar, .who-card, .decision-video, .key-statement, .pullquote,
.hero__signature-card, .contact__info, .contact__form-wrap, .form,
.press-more, .ishrs-note, .fit-cta {
  background: #FFFFFF !important;
  border: 1px solid rgba(15, 34, 72, .08) !important;
  border-radius: 10px !important;
  box-shadow: 0 1px 2px rgba(15,34,72,.04), 0 10px 30px rgba(15,34,72,.06) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transition: transform .45s cubic-bezier(.2,.8,.2,1), box-shadow .45s cubic-bezier(.2,.8,.2,1), border-color .3s !important;
}
.glass-card::before, .glass-card::after, .stat::before, .why-card::before,
.process-step::before, .pricing-card::before, .location-card::before,
.faq-item::before, .testimonial::before, .media-card::before,
.key-statement::before, .key-statement::after, .pullquote::before, .pullquote::after {
  display: none !important;
}
.pricing-card--highlight { border-color: var(--yh-navy) !important; border-width: 2px !important; }

/* ---------- 4. אין הרמה ב-hover, אין translate, אין scale ---------- */
.glass-card:hover, .stat:hover, .why-card:hover, .flag-card:hover, .process-step:hover,
.pricing-card:hover, .location-card:hover, .faq-item:hover, .testimonial:hover,
.media-card:hover, .press-card:hover, .case-card:hover, .doctor-card:hover,
.pillar:hover, .who-card:hover, .standard-card:hover, .info-row:hover,
.gallery__item:hover, .video-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 2px 4px rgba(15,34,72,.05), 0 18px 44px rgba(15,34,72,.10) !important;
  border-color: rgba(15, 34, 72, .16) !important;
}
.press-card:hover .press-card__media img, .gallery__item:hover img,
.media-card:hover .media-card__video { transform: none !important; }

/* ---------- 5. רקעים: אין רדיאלים, אין מש, משטח אחד ---------- */
.section, .section--hero, .section--story, .section--why, .section--locations,
.section--pricing, .section--flags, .section--process, .section--results,
.section--videos, .section--media, .section--faq, .section--testimonials,
.section--contact, .section--positioning, .section--standard, .section--who,
.section--roles, .section--cases, .section--doctors {
  background: #FFFFFF !important;
  background-image: none !important;
}
.section::before, .section::after, .section + .section::before { display: none !important; }
.section--hero {
  background:
    radial-gradient(55% 45% at 88% 12%, rgba(190, 210, 240, .45) 0%, transparent 62%),
    radial-gradient(40% 32% at 6% 78%, rgba(201, 165, 121, .14) 0%, transparent 60%),
    linear-gradient(180deg, #FFFFFF 0%, #F6F8FC 100%) !important;
}
/* סקשנים מתחלפים ברקע אפרפר קל, זה כל הקצב שצריך */
.section--positioning, .section--story, .section--process, .section--pricing,
.section--testimonials, .section--contact {
  background:
    radial-gradient(60% 50% at 50% 0%, rgba(219, 232, 250, .5) 0%, transparent 65%),
    linear-gradient(180deg, #F4F6F9 0%, #FFFFFF 100%) !important;
}
.section--doctors, .section--standard {
  background:
    radial-gradient(50% 40% at 12% 0%, rgba(201, 165, 121, .12) 0%, transparent 60%),
    linear-gradient(180deg, #F6F7FA 0%, #FFFFFF 100%) !important;
}
.trust-bar, .trust-bar__inner { background: var(--yh-navy-deep) !important; border: 0 !important; }
.trust-bar__item { color: rgba(255,255,255,.86) !important; }
.trust-bar__item strong { color: #fff !important; }

/* ---------- 6. מספרים: 01/02/03 כקישוט ---------- */
.process-step__num, .why-card__num, .flag-card__icon, .standard-card__num,
.pillar__num, .case-card__num, .doctor-card__num, .rail-step__num {
  background: none !important;
  box-shadow: none !important;
  border: 0 !important;
  width: auto !important; height: auto !important;
  border-radius: 0 !important;
  -webkit-text-fill-color: var(--yh-muted) !important;
  -webkit-text-stroke: 0 !important;
  color: var(--yh-muted) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: .04em !important;
  margin-bottom: 10px !important;
  display: block !important;
}
.process-step__num::before, .process-step__num::after { display: none !important; }

/* ---------- 7. כפתורים: רדיוס אחיד, אין זוהר, אין גרדיאנט ---------- */
.btn, .btn--solid, .btn--ghost, .btn--glass, .btn--lg, .btn--sm, .btn--block,
.nav__cta, .drawer__cta, .check-block__btn, .a11y-reset, .gallery__more .btn {
  border-radius: var(--yh-radius) !important;
  box-shadow: none !important;
  background-image: none !important;
  transform: none !important;
  letter-spacing: 0 !important;
}
.btn--solid, .nav__cta, .drawer__cta, .check-block__btn {
  background: var(--yh-navy) !important; color: #fff !important; border: 1px solid var(--yh-navy) !important;
}
.btn--solid:hover, .nav__cta:hover { background: var(--yh-navy-deep) !important; transform: none !important; box-shadow: none !important; }
.btn--ghost { background: transparent !important; color: var(--yh-navy) !important; border: 1px solid var(--yh-navy) !important; }
.btn--ghost:hover { background: var(--yh-surface-2) !important; }
.btn:active { transform: translateY(1px) !important; }

/* ---------- 8. וידאו: אין מסגרת טלפון, אין צ'יפים צפים ---------- */
.hero-video, .hero-video__media {
  border-radius: var(--yh-radius) !important;
  box-shadow: none !important;
  border: 1px solid var(--yh-line) !important;
}
.hero-video::before, .hero-video::after, .hero__image-glow { display: none !important; }
.hero-video__chip { display: none !important; }
.hero-video__sound {
  border-radius: var(--yh-radius) !important;
  background: rgba(10,23,51,.82) !important;
  box-shadow: none !important;
}

/* ---------- 9. הירו: ברנדליין כטקסט, לא גלולה ---------- */
.hero__brandline {
  background: none !important; border: 0 !important; padding: 0 !important;
  border-radius: 0 !important;
  color: var(--yh-muted) !important;
  font-size: 13px !important; font-weight: 600 !important; letter-spacing: .02em !important;
  margin-bottom: 14px !important;
}
.hero__strap { border-inline-start-color: var(--yh-gold) !important; color: var(--yh-text) !important; }
.hero__stats { gap: 10px !important; }
.stat__icon { display: none !important; }
.stat__num { font-size: clamp(26px, 2.8vw, 36px) !important; font-weight: 700 !important; }
.stat__label { color: var(--yh-muted) !important; }

/* ---------- 10. קווים, נקודות, קישוטים ---------- */
.scroll-progress, .scroll-cue, .nav__indicator { display: none !important; }
.story__media-link, .credit { border-radius: var(--yh-radius) !important; box-shadow: none !important; }
.gallery__item, .gallery__item img, .case-card__media, .press-card__media,
.media-card__preview, .testimonial__avatar, .contact-closing__photo, .story__image img {
  border-radius: var(--yh-radius) !important;
}
.gallery-arrow { border-radius: var(--yh-radius) !important; box-shadow: none !important; border: 1px solid var(--yh-line) !important; background: #fff !important; }
.location-card__flag { font-size: 28px !important; }
.location-card__list li::before { background: var(--yh-navy) !important; box-shadow: none !important; width: 16px !important; height: 16px !important; }

/* ---------- 11. FAQ: אקורדיון נשאר מבחינה פונקציונלית, נראה כרשימה ---------- */
.faq-list { display: grid !important; gap: 0 !important; }
.faq-item { border: 0 !important; border-bottom: 1px solid var(--yh-line) !important; border-radius: 0 !important; background: transparent !important; padding: 0 !important; }
.faq-item:first-child { border-top: 1px solid var(--yh-line) !important; }
.faq-item__q { padding: 20px 0 !important; font-weight: 600 !important; color: var(--yh-ink) !important; }
.faq-item__icon { background: none !important; border: 0 !important; color: var(--yh-muted) !important; width: auto !important; height: auto !important; box-shadow: none !important; }
.faq-item__a { padding: 0 0 22px !important; color: var(--yh-text) !important; }

/* ---------- 12. נאבט ---------- */
.nav, .nav--scrolled { background: rgba(255,255,255,.96) !important; box-shadow: none !important; border-bottom: 1px solid var(--yh-line) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
.nav__link { color: var(--yh-text) !important; }
.nav__link.active, .nav__link:hover { color: var(--yh-navy) !important; }
.lang-toggle { border-radius: var(--yh-radius) !important; box-shadow: none !important; border: 1px solid var(--yh-line) !important; background: #fff !important; }
.lang-btn--active { border-radius: 4px !important; background: var(--yh-surface-2) !important; box-shadow: none !important; }

/* ---------- 13. פוטר ---------- */
.footer { background: var(--yh-navy-deep) !important; background-image: none !important; }
.footer::before, .footer::after { display: none !important; }
.footer__claim { color: var(--yh-gold) !important; }
.footer__logo { filter: none !important; }
.credit { background: rgba(255,255,255,.04) !important; border: 1px solid rgba(255,255,255,.1) !important; }

/* ---------- 14. צפים ---------- */
.floating-btn, .a11y-btn, .to-top { border-radius: var(--yh-radius) !important; box-shadow: var(--yh-shadow) !important; }
.floating-btn--whatsapp { background: #1FB855 !important; }
.floating-btn::before, .floating-btn::after, .a11y-btn::before { display: none !important; animation: none !important; }

/* ---------- 15. צבע כחול Tailwind: הורסים את ה-blue-500 הבוהק ---------- */
.roles__title--yh, .press-more__outlet, .press-card__cta, .story__media-link { color: var(--yh-navy) !important; }
/* plain links in light body copy only. Never buttons, never inside dark blocks. */
.section-sub a, .body a, .lede a, .faq-item__a a, .consent__text a, .pricing-card__body a { color: var(--yh-navy) !important; }
.roles__title--doc, .standard-card__num { color: var(--yh-gold) !important; }
.process-step__owner--yh { background: var(--yh-surface-2) !important; color: var(--yh-navy) !important; }
.process-step__owner--doc { background: rgba(184,147,90,.14) !important; color: #7A5F32 !important; }
.process-step__owner--both { background: var(--yh-surface-2) !important; color: var(--yh-text) !important; }
.press-card__outlet { background: var(--yh-navy) !important; border-radius: 3px !important; }
.who-card__mark { background: var(--yh-navy) !important; color: #fff !important; border-radius: var(--yh-radius) !important; }
.press-feature { background: var(--yh-navy-deep) !important; border-radius: var(--yh-radius) !important; box-shadow: none !important; }
.press-feature__side { background: var(--yh-navy) !important; }
.press-feature:hover { transform: none !important; }

/* ---------- 16. אנימציות: reveal נשאר רך, count-up מנוטרל ב-JS? לא, רק מהיר ---------- */
.reveal { transition-duration: .35s !important; transform: translateY(8px); }
.reveal.is-in { transform: none; }
@media (prefers-reduced-motion: reduce) {
  .reveal { transition: none !important; transform: none !important; opacity: 1 !important; }
}

/* ---------- 17. ריווח: אוויר אחיד ---------- */
.section { padding-top: clamp(56px, 8vw, 112px) !important; padding-bottom: clamp(56px, 8vw, 112px) !important; }
.section-head { margin-bottom: clamp(36px, 5vw, 56px) !important; }
.section-sub, .lede, .body { color: var(--yh-text) !important; }

/* ---------- 18. סקשן הרופאים תוכנן כהה. על רקע לבן, הטקסט מקבל צבע ---------- */
.section--doctors { background: var(--yh-surface) !important; }
.doctor-criterion { border-color: var(--yh-line) !important; }
.doctor-criterion__num { color: var(--yh-gold) !important; -webkit-text-fill-color: var(--yh-gold) !important; opacity: 1 !important; }
.doctor-criterion__title { color: var(--yh-ink) !important; }
.doctor-criterion__body { color: var(--yh-text) !important; }
.doctors__sub { color: var(--yh-text) !important; }
.doctors__note { color: var(--yh-text) !important; border-inline-start-color: var(--yh-gold) !important; }
.doctors__note strong { color: var(--yh-ink) !important; }
.section--doctors .display, .section--doctors h2 { color: var(--yh-ink) !important; }
.section--doctors .display em { color: var(--yh-gold) !important; }

/* ---------- 19. הירו וידאו: ישר, לא "טלפון נוטה" ---------- */
.hero__visual, .hero-video, .hero-video__media, .hero__image-wrap {
  transform: none !important;
  rotate: 0deg !important;
  perspective: none !important;
}
.hero-video { width: min(360px, 78vw) !important; aspect-ratio: 9/16; overflow: hidden; }
.hero-video__media { width: 100% !important; height: 100% !important; object-fit: cover; display: block; }

/* ---------- 20. רצועת תקשורת כהה מתחת להירו: טקסט נראה ---------- */
.press-strip, .media-strip, .hero-press { background: var(--yh-navy-deep) !important; }
.press-strip *, .media-strip *, .hero-press * { color: rgba(255,255,255,.86) !important; }
.press-strip .kicker, .media-strip .kicker, .hero-press .kicker { display: inline-flex !important; color: var(--yh-gold) !important; }

/* ---------- 21. רצועת התקשורת: כל הטקסט לבן, המספר 01 קטן ---------- */
.press-strip__label { color: var(--yh-gold) !important; opacity: 1 !important; }
.press-strip__item, .press-strip__item a, .press-strip a, .press-strip__list li { color: rgba(255,255,255,.9) !important; opacity: 1 !important; }
.press-strip a:hover { color: #fff !important; }
.doctor-criterion__num { font-size: 13px !important; opacity: 1 !important; }

/* ---------- 22. GSAP מטפל בהירו, בכותרות, בגלריה ובתהליך. ה-reveal הישן משחרר אותם ---------- */
.hero__copy.reveal, .hero__visual.reveal, .section-head.reveal, .gallery__item.reveal,
.process-rail.reveal, .doctor-criterion.reveal, .positioning.reveal {
  opacity: 1 !important; transform: none !important; transition: none !important;
}
#positioning .positioning__body .w { display: inline-block; will-change: opacity; }
.gallery__item { will-change: transform, opacity; }


/* ============================================================
   23. בלוקים שתוכננו כהים נשארים כהים, והטקסט בהם לבן.
   הכלל הגורף "section = white" לא חל עליהם.
   ============================================================ */
.callback {
  background: linear-gradient(135deg, #0A1733 0%, #12244A 100%) !important;
  color: #fff !important;
  border: 0 !important;
}
.callback *, .callback__title, .callback__sub, .callback__consent, .callback__consent span, .callback__success, .callback__success span {
  color: #fff !important;
}
.callback__sub, .callback__consent span { color: rgba(255,255,255,.82) !important; }
.callback__title em { color: var(--yh-gold-soft) !important; -webkit-text-fill-color: var(--yh-gold-soft) !important; background: none !important; }
.callback__input { background: rgba(255,255,255,.1) !important; color: #fff !important; border: 1px solid rgba(255,255,255,.28) !important; }
.callback__input::placeholder { color: rgba(255,255,255,.6) !important; }
.callback__submit, .callback button[type="submit"] {
  background: #fff !important; color: var(--yh-navy-deep) !important; border: 1px solid #fff !important;
}
.callback__submit:hover { background: #EAEEF4 !important; }

/* press strip under hero: dark, white text, gold label */
.press-strip a, .press-strip__item, .press-strip__list a { color: rgba(255,255,255,.9) !important; }
.press-strip a:hover { color: #fff !important; text-decoration: underline; }

/* footer: every link white-ish, never navy */
.footer a, .footer__list a, .footer__bottom-link, .footer__list li, .footer__bottom-inner span,
.footer__title, .footer__tag { color: rgba(255,255,255,.78) !important; }
.footer a:hover { color: #fff !important; }
.footer__title { color: #fff !important; }
.credit__name { color: #fff !important; -webkit-text-fill-color: #fff !important; background: none !important; }
.credit__eyebrow, .credit__sub { color: rgba(255,255,255,.6) !important; }
.credit__url { color: var(--yh-gold-soft) !important; }

/* mobile sticky bar: the call button is navy, so its text is white */
.mobile-bar__btn--call, .mobile-bar__btn--c { background: var(--yh-navy-deep) !important; color: #fff !important; }
.mobile-bar__btn--call *, .mobile-bar__btn--c * { color: #fff !important; fill: #fff !important; stroke: #fff !important; }
.mobile-bar__btn--wa, .mobile-bar__btn--w { background: #1FB855 !important; color: #fff !important; }

/* icon buttons: white glyph on dark fill */
.hero-video__sound { color: #fff !important; }
.hero-video__sound svg { stroke: #fff !important; color: #fff !important; }
.a11y-btn { background: var(--yh-navy) !important; color: #fff !important; }
.a11y-btn svg { fill: #fff !important; }
.to-top { background: var(--yh-navy) !important; color: #fff !important; border: 0 !important; }
.to-top svg { stroke: #fff !important; }

/* white-on-white controls get a real edge */
.gallery-arrow { border: 1px solid var(--yh-line) !important; background: #fff !important; color: var(--yh-navy) !important; box-shadow: 0 2px 10px rgba(15,34,72,.12) !important; }
.case-filter { background: #fff !important; border: 1px solid var(--yh-line) !important; color: var(--yh-text) !important; }
.case-filter:hover, .case-filter.is-active, .case-filter[aria-pressed="true"] { background: var(--yh-navy) !important; color: #fff !important; border-color: var(--yh-navy) !important; }
.lang-toggle { border: 1px solid var(--yh-line) !important; }
.lang-btn--active { background: var(--yh-navy) !important; color: #fff !important; }
.a11y-option { background: #fff !important; border: 1px solid var(--yh-line) !important; color: var(--yh-text) !important; }
.a11y-option.is-active { background: var(--yh-navy) !important; color: #fff !important; }
.a11y-reset { background: #fff !important; border: 1px solid var(--yh-line) !important; color: var(--yh-text) !important; }
.faq-item__icon { color: var(--yh-navy) !important; font-weight: 700 !important; }

/* gallery captions sit on the photo, not on the page */
.gallery__item-caption { color: #fff !important; background: linear-gradient(180deg, transparent, rgba(10,23,51,.78)) !important; padding: 28px 14px 12px !important; inset-inline: 0 !important; bottom: 0 !important; border-radius: 0 0 10px 10px !important; }

/* gold labels on white: dark gold that passes AA */
.media-card__title, .case-card__principle-label, .signature, .rail-step__when, .pricing-card__note,
.roles__title--doc, .doctor-criterion__num, .press-card__outlet-gold { color: var(--yh-gold) !important; -webkit-text-fill-color: var(--yh-gold) !important; }

/* ---------- 24. שוליים אחרונים שהסורק תפס ---------- */
/* תווית זהב על רצועה כהה: הזהב הכהה נועד ללבן, כאן צריך את הבהיר */
.press-strip__label { color: #D4B98A !important; }
/* ירוק וואטסאפ: כהה יותר כדי שלבן יעבור 4.5 */
.mobile-bar__btn--wa, .floating-btn--whatsapp { background: #0F7A3A !important; }
.mobile-bar__btn--wa *, .floating-btn--whatsapp * { color: #fff !important; }
/* אפור גוף טקסט על משטח אפרפר: מעט כהה יותר */
.rail-step__body, .case-card__body, .pricing-card__body, .flag-card__body, .why-card__body,
.process-step__body, .location-card__body, .standard-card__body, .pillar__sub, .press-card__note { color: #4A5568 !important; }
/* זהב קטן על משטח אפרפר: צעד אחד כהה יותר */
.signature, .rail-step__when, .doctor-criterion__num, .case-spec--accent, .case-card__principle-label { color: #7D5C2A !important; -webkit-text-fill-color: #7D5C2A !important; }
/* פילטרים ולשונית שפה: קו שרואים */
.case-filter, .lang-toggle, .a11y-option, .a11y-reset, .gallery-arrow { border-color: #C5CCD8 !important; }
.lang-btn:not(.lang-btn--active) { color: var(--yh-text) !important; }
/* כפתור המשני של ההירו וה-"טען עוד": לא רק קו, גם מילוי עדין */
.btn--ghost { background: #fff !important; }
/* focus: טבעת ברורה לכל דבר שלוחצים עליו */
.btn:focus-visible, button:focus-visible, a:focus-visible, .case-filter:focus-visible, .gallery-arrow:focus-visible {
  outline: 3px solid #8F6B33 !important; outline-offset: 2px !important;
}

/* ---------- 25. אווטאר ראשי תיבות: עיגול, לא מלבן מעוך ---------- */
/* הכלל הגורף של רדיוס 10px הפך אותו למלבן והוא נקרא כטקסט שנדבק לשם */
.testimonial__avatar--initial {
  width: 44px !important; height: 44px !important; flex: 0 0 44px !important;
  border-radius: 50% !important;
  background: var(--yh-navy-deep) !important;
  color: #D4B98A !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  font-size: 15px !important; font-weight: 700 !important; line-height: 1 !important;
  border: 0 !important; box-shadow: none !important;
}
.testimonial__person { gap: 12px !important; align-items: center !important; }
