/* * Tender System — RTL overrides for tender-ui.css, loaded only when * is_rtl() (Frontend\Assets::enqueue() / Admin\Menu::enqueueAssets()). * * Deliberately small: almost every layout rule in tender-ui.css is * flexbox/grid-based (.ts-toolbar, .ts-card__header, .ts-field-row, * .ts-grid, etc.), and both flexbox and grid already reverse their * visual order automatically once an ancestor has direction: rtl (which * WordPress sets on / by itself via is_rtl()) — so none of * that needs an override here. Only the handful of rules below use a * *physical* left/right value that doesn't auto-flip with direction: * the toast notifications' fixed positioning and accent-border side, * the profile page's required/optional field markers and the account-info * value alignment, plus the base font-family (the LTR stylesheet * hardcodes a Latin system-font stack that has no real Persian glyphs — * RTL languages should use whatever font the active theme already * provides, per the "never hardcode a Persian font" requirement). * Spacing scale is otherwise untouched — this file only mirrors layout, * never changes what's shown. */ .ts { font-family: inherit; } .ts-toast-container { right: auto; left: var(--ts-space-4); } .ts-toast { border-left: none; border-right: 4px solid var(--ts-color-text-muted); } .ts-toast--success { border-right-color: var(--ts-color-success); border-left-color: transparent; } .ts-toast--error { border-right-color: var(--ts-color-danger); border-left-color: transparent; } .ts-toast--info { border-right-color: var(--ts-color-info); border-left-color: transparent; } .ts-toast { transform: translateX(-110%); } .ts-toast.is-visible { transform: translateX(0); } @media (max-width: 480px) { .ts-toast-container { left: var(--ts-space-3); right: var(--ts-space-3); } } .ts-field__required { margin-left: 0; margin-right: 2px; } .ts-field__optional { margin-left: 0; margin-right: var(--ts-space-1); } .ts-profile-account-info__row dd { text-align: left; }