/**
 * OCM Frontend - RTL Adjustments
 */
.ocm-dynamic-form-wrapper {
    direction: rtl;
    text-align: right;
}

.ocm-form-group label {
    text-align: right;
}

.ocm-form-group input, 
.ocm-form-group textarea {
    text-align: right;
}


/**
 * OCM Frontend - Enhanced RTL Support
 */
body.rtl .ocm-dynamic-form-wrapper,
[dir="rtl"] .ocm-dynamic-form-wrapper,
body.rtl .ocm-toc-container,
body.rtl .ocm-pro-tip-box,
body.rtl .ocm-quote-box {
    direction: rtl;
    text-align: right;
}

/* Form Specific RTL */
body.rtl .ocm-form-group label {
    text-align: right;
}

body.rtl .ocm-form-group input, 
body.rtl .ocm-form-group textarea,
body.rtl .ocm-form-group select {
    text-align: right;
}

/* Component Specific RTL */
body.rtl .ocm-toc-container ul {
    padding-right: 20px; /* Space for list dots/numbers on the right */
    padding-left: 0;
}

body.rtl .ocm-pro-tip-box {
    border-right: 4px solid #ed8936; /* Accent on the right */
    border-left: none;
}

body.rtl .ocm-pro-tip-box::before {
    right: 20px; /* Lightbulb icon on the right */
    left: auto;
}

body.rtl .ocm-quote-box {
    border-right: 4px solid #3182ce; /* Blue bar on the right */
    border-left: none;
    border-radius: 8px 0 0 8px;
}

body.rtl .ocm-quote-box cite {
    text-align: left; /* Sometimes citation looks better aligned left even in RTL, or keep right: */
    /* text-align: right; */
}