/* rtl.css - nur auf /ar/ geladen (build.py). Spiegelt physische left/right-Regeln aus style.css, chat.css, konto.css. */
@font-face{font-family:"IBM Plex Sans Arabic";src:url(/fonts/ibm-plex-sans-arabic-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Sans Arabic";src:url(/fonts/ibm-plex-sans-arabic-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Sans Arabic";src:url(/fonts/ibm-plex-sans-arabic-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Sans Arabic";src:url(/fonts/ibm-plex-sans-arabic-700.woff2) format("woff2");font-weight:700 900;font-style:normal;font-display:swap}

/* ---------- Typografie ---------- */
html[dir=rtl]{
  --font:"IBM Plex Sans Arabic",system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif;
  --display:"IBM Plex Sans Arabic",system-ui,"Segoe UI",Tahoma,sans-serif;
}
html[dir=rtl] body{font-family:var(--font);line-height:1.8;letter-spacing:0;font-feature-settings:normal}
html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] h4,html[dir=rtl] h5,html[dir=rtl] .wordmark,html[dir=rtl] .brand{letter-spacing:0;line-height:1.4}
html[dir=rtl] p,html[dir=rtl] li,html[dir=rtl] td,html[dir=rtl] dd{line-height:1.85}
/* Arabische Eyebrows/Labels: keine Versalien, kein Sperren, Arabisch statt Mono */
html[dir=rtl] .eyebrow,html[dir=rtl] .plan .name,html[dir=rtl] th,html[dir=rtl] footer h5,html[dir=rtl] footer .fh,
html[dir=rtl] .step-no,html[dir=rtl] .bhub span,html[dir=rtl] .pdf-kicker,html[dir=rtl] .chk-catcards .pts,
html[dir=rtl] .chk-queue-no small,html[dir=rtl] .axl-tile small,html[dir=rtl] .axl-eyebrow,html[dir=rtl] .axl-ticket-k,
html[dir=rtl] .chk-vs td::before,html[dir=rtl] .chk-meth td.pts::before,html[dir=rtl] .ausstiege .tl .d,html[dir=rtl] .ausstiege-kurz .tl .d,
html[dir=rtl] .tag,html[dir=rtl] .status,html[dir=rtl] .bbadge,html[dir=rtl] .snum,html[dir=rtl] .vtag,html[dir=rtl] .demo-tag,
html[dir=rtl] .plan .badge,html[dir=rtl] .btime-tag,html[dir=rtl] .pdf-tag,html[dir=rtl] .chk-you,html[dir=rtl] .tk,
html[dir=rtl] .tl .d,html[dir=rtl] .diff .l,html[dir=rtl] .vbox .fallback .t,html[dir=rtl] .ai-disclose,html[dir=rtl] .demo-note,
html[dir=rtl] .shot figcaption,html[dir=rtl] .hero-film figcaption,html[dir=rtl] .council .lbl,html[dir=rtl] .ai-note{
  text-transform:none;letter-spacing:0;font-family:var(--font)}
html[dir=rtl] .eyebrow{font-size:.9rem;font-weight:600}
html[dir=rtl] .plan .name,html[dir=rtl] th,html[dir=rtl] .step-no{font-size:.85rem;font-weight:600}
/* Code, Domains, E-Mail bleiben LTR */
html[dir=rtl] code,html[dir=rtl] .code-inline,html[dir=rtl] .code-field input,html[dir=rtl] .pdf-host{direction:ltr;unicode-bidi:isolate}
html[dir=rtl] input[type=email],html[dir=rtl] input[type=url],html[dir=rtl] input[type=tel]{direction:ltr;text-align:right}
html[dir=rtl] .code-field input{text-align:right;padding-inline-end:12px;padding-left:46px}

/* ---------- Navigation & Promo ---------- */
@media(max-width:900px){html[dir=rtl] .nav .brand{margin-right:0;margin-left:auto}}
html[dir=rtl] .promo a{margin-left:0;margin-right:8px}
html[dir=rtl] .skip{left:auto;right:12px}
html[dir=rtl] .langs-line .status{margin-right:0;margin-left:2px}

/* ---------- Buttons & Icons ---------- */
html[dir=rtl] .btn .bi-arrow{margin:-4px 4px -4px -10px}
html[dir=rtl] .btn.lg .bi-arrow{margin:-6px 6px -6px -14px}
html[dir=rtl] .bi-arrow svg{transform:scaleX(-1)}
@media(hover:hover) and (pointer:fine){html[dir=rtl] .btn:hover .bi-arrow{transform:translate(-2px,-1px) scale(1.06)}}
html[dir=rtl] .fcard h3 .ic,html[dir=rtl] .app .side .ic,html[dir=rtl] .chk-vs td.us .ic{margin-right:0;margin-left:8px}
html[dir=rtl] .btn.ghost .ic{margin-left:0;margin-right:-2px}

/* ---------- Karten, Badges, Hero ---------- */
html[dir=rtl] .demo-tag{right:auto;left:16px}
html[dir=rtl] .plan .badge{left:auto;right:24px}
html[dir=rtl] .pdf-tag{right:auto;left:18px}
html[dir=rtl] .vtag{left:auto;right:12px}
html[dir=rtl] .radar{right:auto;left:-140px}
html[dir=rtl] .hero.night .radar{left:auto;right:-190px}
html[dir=rtl] .float-chip{left:auto;right:2%}
html[dir=rtl] .float-card{right:auto;left:2%}
@media(max-width:960px){html[dir=rtl] .float-card{left:auto}}
html[dir=rtl] .pdf-chips .c1,html[dir=rtl] .pdf-chips .c3{left:auto;right:-18px}
html[dir=rtl] .pdf-chips .c2{right:auto;left:-22px}
@media(max-width:420px){html[dir=rtl] .pdf-chips .c1,html[dir=rtl] .pdf-chips .c3{right:-6px}html[dir=rtl] .pdf-chips .c2{left:-6px}}
html[dir=rtl] .pdf-kirat i:nth-child(3){margin-right:0;margin-left:3px}
html[dir=rtl] .ss-cap b{margin-right:0;margin-left:3px}
html[dir=rtl] .chk-you{margin-left:0;margin-right:8px}
html[dir=rtl] .bigstat div{border-left:0;padding-left:0;border-right:3px solid #1E5EFF;padding-right:14px}
html[dir=rtl] .bhub::before{right:auto;left:calc(50% + 78px)}
html[dir=rtl] .bhub::after{left:auto;right:calc(50% + 78px)}
html[dir=rtl] .bbar i,html[dir=rtl] .chk-site-bar i,html[dir=rtl] .chk-cat-bar i{transform-origin:right center}
@media(hover:hover) and (pointer:fine){html[dir=rtl] .trow:hover,html[dir=rtl] .sp-row:hover{transform:translateX(-3px)}}

/* ---------- Timeline ---------- */
html[dir=rtl] .tl{border-left:0;margin-left:0;padding-left:0;border-right:2px solid var(--line);margin-right:10px;padding-right:26px}
html[dir=rtl] .tl .ev::before{left:auto;right:-33px}

/* ---------- Listen ---------- */
html[dir=rtl] .prose ul,html[dir=rtl] .chk-tips,html[dir=rtl] .cstate-next ol{padding-left:0;padding-right:1.2em}
html[dir=rtl] .cstate-tips li{padding-left:0;padding-right:18px}
html[dir=rtl] .cstate-tips li::before,html[dir=rtl] .chk-limits li::before{left:auto;right:0}
html[dir=rtl] .chk-limits li::after{left:auto;right:6px}
html[dir=rtl] .council-list li::before,html[dir=rtl] .chk-teasers li::before{left:auto;right:14px}
html[dir=rtl] .chk-legend span::before{margin-right:0;margin-left:6px}

/* ---------- Tabellen & Preise ---------- */
html[dir=rtl] th,html[dir=rtl] td{text-align:right}
html[dir=rtl] .tp,html[dir=rtl] .bv,html[dir=rtl] .sp-price,html[dir=rtl] .pick-price,html[dir=rtl] .chk-cat-val{text-align:left}
@media(max-width:620px){html[dir=rtl] .bv{text-align:left}}
@media(max-width:480px){html[dir=rtl] .tp{text-align:right}html[dir=rtl] .tp s,html[dir=rtl] .tp small{margin-left:0;margin-right:6px}}
@media(min-width:701px){html[dir=rtl] .chk-vs td.us{padding-left:10px;padding-right:46px}html[dir=rtl] .chk-vs td.us .ic{left:auto;right:18px;margin:0}}

/* ---------- Boxen mit text-align:left ---------- */
html[dir=rtl] .nachtrag-box,html[dir=rtl] .cstate-tips,html[dir=rtl] .cstate-next,html[dir=rtl] .creport,html[dir=rtl] .creport-failed{text-align:right}
html[dir=rtl] .chk-comp legend{float:right}

/* ---------- Demo-App / Chat-Mockup ---------- */
html[dir=rtl] .app .side{border-right:0;border-left:1px solid #243150}
html[dir=rtl] .app .side button{text-align:right}
html[dir=rtl] .msg.a{margin-left:0;margin-right:40px}
html[dir=rtl] .msg.a::before{left:auto;right:-40px}
html[dir=rtl] .vctrl{left:auto;right:12px}
html[dir=rtl] .hero-vplayer .vctrl{left:auto;right:14px}
@media(max-width:480px){html[dir=rtl] .hero-vplayer .vctrl{right:10px}}

/* ---------- Cockpit (konto.css, /ar/demo.html) ---------- */
html[dir=rtl] .ck-login-tips li{padding-left:0;padding-right:16px}
html[dir=rtl] .ck-login-tips li::before{left:auto;right:0}
html[dir=rtl] .ck-kpi::after{right:auto;left:-60px}
html[dir=rtl] .ck-kpi-link .ck-ic{transform:scaleX(-1)}
html[dir=rtl] .ck-kpi-link:hover .ck-ic{transform:scaleX(-1) translateX(3px)}
html[dir=rtl] .ck-table th,html[dir=rtl] .ck-table td,html[dir=rtl] .ad-table th,html[dir=rtl] .ad-table td{text-align:right}
html[dir=rtl] .ck-c-pts,html[dir=rtl] .ck-table thead th.ck-c-pts{text-align:left}
html[dir=rtl] .ck-bar i{transform-origin:right center}
html[dir=rtl] .ck-feed::before{left:auto;right:17px}
html[dir=rtl] .ck-ev-date{margin-left:0;margin-right:auto}
html[dir=rtl] .ck-steps{padding-left:0;padding-right:1.3em}
html[dir=rtl] .ck-rat-q{border-left:0;border-right:3px solid var(--ck-blue);border-radius:14px 0 0 14px;background:linear-gradient(270deg,rgba(47,107,255,.14),rgba(47,107,255,.02))}
@media(max-width:600px){html[dir=rtl] .ck-ph-r{margin-left:0;margin-right:auto}html[dir=rtl] .ck-feed::before{right:14px}html[dir=rtl] .ck-ev-date{margin-right:0}}

/* ---------- Chat-Widget ---------- */
html[dir=rtl] .rvc input,html[dir=rtl] .rvc textarea{text-align:right}