/* Work Without Me — pages en hébreu (dir="rtl"). Chargé après styles.css, sans le modifier.
   Retourne ce qui est positionné à gauche/droite ; la grille et le flex suivent déjà le sens RTL. */
html[dir=rtl] body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,"Arial Hebrew","Noto Sans Hebrew",sans-serif}
html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] .hero h1,html[dir=rtl] .clear-hero h1{letter-spacing:-.015em}
html[dir=rtl] .serif{font-family:inherit;font-style:normal;font-weight:400;letter-spacing:-.015em}
html[dir=rtl] .eyebrow,html[dir=rtl] .tiny-label,html[dir=rtl] .brand.wwm .brand-sub,html[dir=rtl] .preview-bar,html[dir=rtl] .commercial-path-header p,html[dir=rtl] .commercial-path-header>span,html[dir=rtl] .commercial-path-footer,html[dir=rtl] .action-path small,html[dir=rtl] .deluxe-feature-details article>span,html[dir=rtl] .installation-steps li>span,html[dir=rtl] .notification-channels,html[dir=rtl] .footer-bottom>span:nth-child(2),html[dir=rtl] .journey b{letter-spacing:.02em}
html[dir=rtl] .eyebrow{font-size:12px}
html[dir=rtl] .skip{left:auto;right:15px}
html[dir=rtl] .nav-contact{margin-left:0;margin-right:10px}
html[dir=rtl] .nav-contact span{margin-left:0;margin-right:15px}
html[dir=rtl] .hero-offer-note{border-left:0;border-right:2px solid #3c6bad;padding-left:0;padding-right:14px}
html[dir=rtl] .commercial-path{transform:rotate(-1deg)}
html[dir=rtl] .action-path li:not(:last-child):after{left:auto;right:28px}
html[dir=rtl] .recontact-points li{padding-left:0;padding-right:18px}
html[dir=rtl] .recontact-points li:before{left:auto;right:0}
html[dir=rtl] .journey>div{padding-right:0;padding-left:10px}
html[dir=rtl] .journey>div:before{left:auto;right:0}
html[dir=rtl] .notification-channels{text-align:left;border-left:0;border-right:1px solid #345072;padding-left:0;padding-right:30px}
html[dir=rtl] .faq-list details>p{padding-right:0;padding-left:25px}
@media(max-width:850px){html[dir=rtl] .commercial-path{transform:none}
html[dir=rtl] .action-path li:not(:last-child):after{right:22px}
html[dir=rtl] .notification-channels{padding-right:20px}
}
@media(max-width:680px){html[dir=rtl] .action-path li:not(:last-child):after{right:26px}
html[dir=rtl] .hero-offer-note{padding-right:13px}
html[dir=rtl] .footer-top p{text-align:left}
html[dir=rtl] .faq-list details>p{padding-left:15px}
html[dir=rtl] .eyebrow{font-size:12px}
}