/* ==========================================================
 * VERA CLUB — RTL V1
 * 2026-10-09
 *
 * Direction is controlled by:
 *
 *   <html dir="ltr">
 *   <html dir="rtl">
 *
 * Arabic is not exposed by this stylesheet itself.
 * ========================================================== */


/* ----------------------------------------------------------
 * Global direction
 * ---------------------------------------------------------- */

html[dir="rtl"],
html[dir="rtl"] body {
    direction: rtl;
}


/* ----------------------------------------------------------
 * Landing — textual surfaces
 * ---------------------------------------------------------- */

html[dir="rtl"] .cookie-banner,
html[dir="rtl"] .cookie-settings-dialog,
html[dir="rtl"] .delete-dialog,
html[dir="rtl"] .channel-picker {
    text-align: right;
}


/* ----------------------------------------------------------
 * Landing — account/profile
 * ---------------------------------------------------------- */

html[dir="rtl"] .landing-profile {
    margin-left: 0;
    margin-right: auto;
}


html[dir="rtl"] .landing-profile-menu {
    right: auto;
    left: 0;
}


html[dir="rtl"] .landing-profile-menu button,
html[dir="rtl"] .landing-profile-item {
    text-align: right;
}


@media (max-width: 640px) {

    html[dir="rtl"] .landing-profile-menu {
        right: auto;
        left: 10px;
    }


    html[dir="rtl"] .landing-profile-trigger {
        padding-right: 12px;
        padding-left: 5px;
    }
}


/* ----------------------------------------------------------
 * Language selector
 * ---------------------------------------------------------- */

html[dir="rtl"] .vera-language-header {
    margin-left: 0;
    margin-right: auto;
}


html[dir="rtl"] .vera-language-header
+ .landing-profile {
    margin-left: 0;
    margin-right: 8px;
}


html[dir="rtl"] .vera-language-chevron {
    margin-left: 0;
    margin-right: 1px;
}


html[dir="rtl"] .vera-language-menu {
    right: auto;
    left: 0;
}


html[dir="rtl"] .vera-language-option {
    text-align: right;
}


html[dir="rtl"] .vera-language-option-check {
    margin-left: 0;
    margin-right: auto;
}


html[dir="rtl"] .vera-language-setting
.vera-language-menu {
    left: auto;
    right: 0;
}


@media (max-width: 640px) {

    html[dir="rtl"] .vera-language-header {
        margin-left: 0;
        margin-right: auto;
    }


    html[dir="rtl"] .vera-language-header
    + .landing-profile {
        margin-left: 0;
        margin-right: 5px;
    }
}


/* ----------------------------------------------------------
 * Chat — header/profile
 * ---------------------------------------------------------- */

html[dir="rtl"] .header-back {
    margin-right: 0;
    margin-left: 4px;

    padding-left: 11px;
    padding-right: 8px;
}


html[dir="rtl"] .header-logout,
html[dir="rtl"] .user-profile-shell {
    margin-left: 0;
    margin-right: 2px;
}


html[dir="rtl"] .user-profile-menu {
    right: auto;
    left: 0;
}


html[dir="rtl"] .user-profile-menu-item {
    text-align: right;
}


html[dir="rtl"] .header-live-call {
    margin-left: 0;
    margin-right: auto;
}


@media (max-width: 640px) {

    html[dir="rtl"] .user-profile-menu {
        right: auto;
        left: 10px;
    }


    html[dir="rtl"] .user-profile-trigger {
        padding-right: 9px;
        padding-left: 7px;
    }
}


/* ----------------------------------------------------------
 * Chat — commercial / trial copy
 * ---------------------------------------------------------- */

html[dir="rtl"] .trial-start-features {
    text-align: right;
}


html[dir="rtl"] .trial-start-features
li::before {
    margin-right: 0;
    margin-left: 9px;
}


html[dir="rtl"] .commercial-features {
    padding-left: 0;
    padding-right: 20px;
}


/* ----------------------------------------------------------
 * Lightboxes
 * ---------------------------------------------------------- */

html[dir="rtl"] .avatar-profile-close {
    right: auto;
    left: 12px;
}


html[dir="rtl"] .avatar-lightbox-close {
    right: auto;
    left: -12px;
}


/* ----------------------------------------------------------
 * Legal prose
 *
 * Legal pages use ordinary unclassed lists.
 * Do not affect application lists carrying their own class.
 * ---------------------------------------------------------- */

html[dir="rtl"] main ul:not([class]) {
    padding-left: 0;
    padding-right: 22px;
}


/* ----------------------------------------------------------
 * Deliberate safety exception
 *
 * The destructive confirmation slider retains its certified
 * physical motion and keyboard semantics. RTL changes its copy
 * direction, not the destructive gesture itself.
 * ---------------------------------------------------------- */

html[dir="rtl"] .delete-slider {
    direction: ltr;
}


html[dir="rtl"] .delete-slider-label {
    direction: rtl;
}