/* حالت راست‌چین برای زبان‌های راست‌چین مانند پښتو، فارسی، عربی و ... */
html[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .widget,
html[dir="rtl"] .widget ul,
html[dir="rtl"] .widget ol,
html[dir="rtl"] .widget li,
html[dir="rtl"] .widget .textwidget,
html[dir="rtl"] .widget-title,
html[dir="rtl"] .widget p,
html[dir="rtl"] .widget table,
html[dir="rtl"] .widget input,
html[dir="rtl"] .widget textarea,
html[dir="rtl"] .widget select {
    direction: rtl;
    text-align: right;
}

/* حالت چپ‌چین برای زبان‌های چپ‌چین مانند انگلیسی و آلمانی */
html[dir="ltr"] {
    direction: ltr;
    text-align: left;
}

html[dir="ltr"] .widget,
html[dir="ltr"] .widget ul,
html[dir="ltr"] .widget ol,
html[dir="ltr"] .widget li,
html[dir="ltr"] .widget .textwidget,
html[dir="ltr"] .widget-title,
html[dir="ltr"] .widget p,
html[dir="ltr"] .widget table,
html[dir="ltr"] .widget input,
html[dir="ltr"] .widget textarea,
html[dir="ltr"] .widget select {
    direction: ltr;
    text-align: left;
}

/* بهبود ظاهر منوها برای راست‌چین */
html[dir="rtl"] .menu-item,
html[dir="rtl"] .sub-menu {
    text-align: right;
}

html[dir="rtl"] .menu-item a {
    padding-right: 0;
    padding-left: 15px;
}

/* بهبود فوتر برای راست‌چین */
html[dir="rtl"] .site-footer,
html[dir="rtl"] .footer-widgets {
    direction: rtl;
    text-align: right;
}

/* بهبود فرم‌ها برای راست‌چین */
html[dir="rtl"] input[type="text"],
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="url"],
html[dir="rtl"] input[type="password"],
html[dir="rtl"] input[type="search"],
html[dir="rtl"] input[type="number"],
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input[type="date"],
html[dir="rtl"] textarea,
html[dir="rtl"] select {
    direction: rtl;
    text-align: right;
}

/* افزودن استایل برای دکمه‌ها */
html[dir="rtl"] .button,
html[dir="rtl"] button,
html[dir="rtl"] input[type="button"],
html[dir="rtl"] input[type="reset"],
html[dir="rtl"] input[type="submit"] {
    direction: rtl;
}

/* اگر از ووکامرس استفاده می‌کنید */
html[dir="rtl"] .woocommerce .product,
html[dir="rtl"] .woocommerce ul.products li.product,
html[dir="rtl"] .woocommerce-page ul.products li.product {
    text-align: right;
}

html[dir="rtl"] .woocommerce .woocommerce-breadcrumb {
    direction: rtl;
    text-align: right;
}