/* ============================================================ * CHIBA GROUP – RTL stylesheet * * Aktiveras endast när aktuellt språk är RTL (arabiska). * Hookar in på och body.chiba-rtl. * * Allmän strategi: * - Spegla layout-flöde (flex-direction, text-align) * - Spegla riktade ikoner (pilar) * - Spegla borders och paddings där relevant * - Behåll typografisk hierarki och färger * ============================================================ */ html[dir="rtl"] body, body.chiba-rtl { direction: rtl; text-align: right; } /* Arabisk typografi: använd systemets arabiska font om möjligt */ html[dir="rtl"] body, body.chiba-rtl { font-family: "Segoe UI", "Tahoma", "Arial", "Noto Sans Arabic", "Geeza Pro", sans-serif; } /* ---------- Header / Nav ---------- */ html[dir="rtl"] .chiba-nav .wp-block-columns { flex-direction: row-reverse; } html[dir="rtl"] .wp-block-navigation { justify-content: flex-start !important; } /* ---------- Language dropdown ---------- */ html[dir="rtl"] .chiba-lang-trigger { flex-direction: row-reverse; } html[dir="rtl"] .chiba-lang-menu { right: auto; left: 0; } html[dir="rtl"] .chiba-lang-item { flex-direction: row-reverse; text-align: right; } @media only screen and (max-width: 600px) { html[dir="rtl"] .chiba-lang-menu { left: -10px; right: auto; } } /* ---------- Hero ---------- */ html[dir="rtl"] .chiba-hero h1, html[dir="rtl"] .chiba-hero h2, html[dir="rtl"] .chiba-hero p { text-align: center; /* hero stays centered */ } /* ---------- Service cards / Method cards / Trust cards ---------- */ html[dir="rtl"] .chiba-service-card, html[dir="rtl"] .chiba-method-card, html[dir="rtl"] .chiba-trust-item, html[dir="rtl"] .chiba-contact-card, html[dir="rtl"] .chiba-why-card { text-align: right; } html[dir="rtl"] .chiba-why-card, html[dir="rtl"] .chiba-trust-item, html[dir="rtl"] .chiba-person { flex-direction: row-reverse; } html[dir="rtl"] .chiba-why-card { border-left: 0; border-right: 2px solid #c9a961; } html[dir="rtl"] .chiba-method-head { flex-direction: row-reverse; } /* ---------- Service link arrow flip ---------- */ html[dir="rtl"] .chiba-service-link svg, html[dir="rtl"] .chiba-form-submit svg, html[dir="rtl"] .chiba-address-link svg { transform: scaleX(-1); } /* ---------- Process timeline ---------- */ html[dir="rtl"] .chiba-process::before { background: linear-gradient(to left, rgba(201,169,97,0) 0%, rgba(201,169,97,0.4) 20%, rgba(201,169,97,0.4) 80%, rgba(201,169,97,0) 100%); } /* ---------- Partner bullets ---------- */ html[dir="rtl"] .chiba-partner-bullets li { padding: 12px 32px 12px 0; } html[dir="rtl"] .chiba-partner-bullets li::before { left: auto; right: 0; } /* ---------- Areas list ---------- */ html[dir="rtl"] .chiba-areas-item { flex-direction: row-reverse; } /* ---------- Form ---------- */ html[dir="rtl"] .chiba-form-field select { background-position: left 16px center; padding-right: 16px; padding-left: 44px; } html[dir="rtl"] .chiba-form-consent { flex-direction: row-reverse; } html[dir="rtl"] .chiba-form-consent label { text-align: right; } html[dir="rtl"] .chiba-form-submit { align-self: flex-end; flex-direction: row-reverse; } /* ---------- Email pills ---------- */ html[dir="rtl"] .chiba-email-list, html[dir="rtl"] .chiba-contact-cards, html[dir="rtl"] .chiba-services-grid { direction: rtl; } /* ---------- Routes list ---------- */ html[dir="rtl"] .chiba-routes-row { grid-template-columns: auto 1fr; } html[dir="rtl"] .chiba-routes-topic { order: 2; } html[dir="rtl"] .chiba-routes-email { order: 1; } @media only screen and (max-width: 560px) { html[dir="rtl"] .chiba-routes-row { grid-template-columns: 1fr; } html[dir="rtl"] .chiba-routes-topic, html[dir="rtl"] .chiba-routes-email { order: initial; } } /* ---------- Address block ---------- */ html[dir="rtl"] .chiba-address-block, html[dir="rtl"] .chiba-address-line, html[dir="rtl"] .chiba-address-link { text-align: right; } html[dir="rtl"] .chiba-address-link { flex-direction: row-reverse; } /* ---------- Person card ---------- */ html[dir="rtl"] .chiba-person-name, html[dir="rtl"] .chiba-person-role { text-align: right; } html[dir="rtl"] .chiba-person-phone { flex-direction: row-reverse; } /* ---------- Footer ---------- */ html[dir="rtl"] .wp-block-group .wp-block-columns { direction: rtl; } /* ---------- Stats columns (about) ---------- */ html[dir="rtl"] .chiba-areas-list { direction: rtl; } html[dir="rtl"] .chiba-persons { direction: rtl; } /* ---------- Buttons – keep left-to-right characters readable but mirror layout ---------- */ html[dir="rtl"] .wp-block-button__link { direction: rtl; }