/* RTL olduğunda genel yön */
html[dir="rtl"] body {
    text-align: right;
}

/* Menü örneği: sağdan açılan alt menü */
html[dir="rtl"] .hdmenu ul {
    direction: rtl;
}

html[dir="rtl"] .hdmenu .submenu {
    left: auto;
    right: 0;
}

/* Sol/sağ boşlukları mantıksal property ile düzeltmek en sağlamı */
html[dir="rtl"] .card {
    margin-inline-start: 0;
    margin-inline-end: 16px;
}

/* Ok ikonlarını ters çevirme ihtiyacı olursa */
html[dir="rtl"] .icon-arrow {
    transform: scaleX(-1);
}

/* Form alanlarında metin yönü */
input, textarea {
    direction: inherit;
}
/* Üstteki dir’i alsın */