/* Basic styling for Google Translate Widget if needed */
#google_translate_element {
    font-family: Arial, sans-serif;
    font-size: 14px;
}

/* Ensure body direction is controlled by JS */
body[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

body[dir="ltr"] {
    direction: ltr;
    text-align: left;
}

/* Classes for text alignment control */
.rtl-text {
    text-align: right !important;
}

.ltr-text {
    text-align: left !important;
}

/* .manus-no-align: Use this class to prevent text alignment changes for specific elements. */
/* #manus-no-align: Use this ID to prevent text alignment changes for a specific element. */

/* Adjustments for specific elements if needed */
/* For example, if you have a fixed header that needs direction adjustment */
/*
.my-header {
    float: right; // for RTL
    float: left;  // for LTR
}
*/