/* ==========================================================================
   Smart İş Gücü - RTL (Right to Left) Stylesheet (Urdu / Arabic Support)
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Noto+Nastaliq+Urdu:wght@400;600;700&family=Noto+Sans+Arabic:wght@400;600;700&display=swap');

html[dir="rtl"],
html[dir="rtl"] body {
    direction: rtl !important;
    text-align: right !important;
    font-family: 'Noto Sans Arabic', 'Noto Nastaliq Urdu', Tahoma, 'Varela Round', Arial, sans-serif !important;
}

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6 {
    font-family: 'Noto Nastaliq Urdu', 'Noto Sans Arabic', Tahoma, Arial, sans-serif !important;
    line-height: 1.6 !important;
}

/* Grid & Floats */
html[dir="rtl"] .pull-left {
    float: right !important;
}

html[dir="rtl"] .pull-right {
    float: left !important;
}

html[dir="rtl"] .text-left {
    text-align: right !important;
}

html[dir="rtl"] .text-right {
    text-align: left !important;
}

html[dir="rtl"] .col-xs-1, html[dir="rtl"] .col-xs-2, html[dir="rtl"] .col-xs-3, html[dir="rtl"] .col-xs-4, html[dir="rtl"] .col-xs-5, html[dir="rtl"] .col-xs-6, html[dir="rtl"] .col-xs-7, html[dir="rtl"] .col-xs-8, html[dir="rtl"] .col-xs-9, html[dir="rtl"] .col-xs-10, html[dir="rtl"] .col-xs-11, html[dir="rtl"] .col-xs-12,
html[dir="rtl"] .col-sm-1, html[dir="rtl"] .col-sm-2, html[dir="rtl"] .col-sm-3, html[dir="rtl"] .col-sm-4, html[dir="rtl"] .col-sm-5, html[dir="rtl"] .col-sm-6, html[dir="rtl"] .col-sm-7, html[dir="rtl"] .col-sm-8, html[dir="rtl"] .col-sm-9, html[dir="rtl"] .col-sm-10, html[dir="rtl"] .col-sm-11, html[dir="rtl"] .col-sm-12,
html[dir="rtl"] .col-md-1, html[dir="rtl"] .col-md-2, html[dir="rtl"] .col-md-3, html[dir="rtl"] .col-md-4, html[dir="rtl"] .col-md-5, html[dir="rtl"] .col-md-6, html[dir="rtl"] .col-md-7, html[dir="rtl"] .col-md-8, html[dir="rtl"] .col-md-9, html[dir="rtl"] .col-md-10, html[dir="rtl"] .col-md-11, html[dir="rtl"] .col-md-12,
html[dir="rtl"] .col-lg-1, html[dir="rtl"] .col-lg-2, html[dir="rtl"] .col-lg-3, html[dir="rtl"] .col-lg-4, html[dir="rtl"] .col-lg-5, html[dir="rtl"] .col-lg-6, html[dir="rtl"] .col-lg-7, html[dir="rtl"] .col-lg-8, html[dir="rtl"] .col-lg-9, html[dir="rtl"] .col-lg-10, html[dir="rtl"] .col-lg-11, html[dir="rtl"] .col-lg-12 {
    float: right !important;
}

/* Header & Top Bar */
html[dir="rtl"] .top-bar [style*="margin-left: auto"] {
    margin-left: 0 !important;
    margin-right: auto !important;
}

html[dir="rtl"] .top-bar .fa {
    margin-right: 0 !important;
    margin-left: 5px !important;
}

html[dir="rtl"] .navbar-nav {
    float: right !important;
    padding-right: 0 !important;
}

html[dir="rtl"] .navbar-nav > li {
    float: right !important;
}

html[dir="rtl"] .navbar-nav.main-desktop-nav > li.btn-nav-item {
    margin-left: 0 !important;
    margin-right: 6px !important;
}

html[dir="rtl"] .dropdown-menu {
    left: auto !important;
    right: 0 !important;
    text-align: right !important;
    float: right !important;
}

html[dir="rtl"] .dropdown-menu i {
    margin-right: 0 !important;
    margin-left: 8px !important;
}

html[dir="rtl"] .navbar-header {
    float: right !important;
}

html[dir="rtl"] .header-logo-wrap {
    float: right !important;
}

html[dir="rtl"] .header-nav-wrap {
    float: left !important;
}

/* Forms & Inputs */
html[dir="rtl"] .form-control {
    text-align: right !important;
    direction: rtl !important;
}

html[dir="rtl"] .input-group-addon:first-child {
    border-right: 1px solid #ccc !important;
    border-left: 0 !important;
    border-radius: 0 4px 4px 0 !important;
}

html[dir="rtl"] .input-group-addon:last-child {
    border-left: 1px solid #ccc !important;
    border-right: 0 !important;
    border-radius: 4px 0 0 4px !important;
}

/* Ok ve Yön İkonlarını Ters Çevirme (Mirroring) */
html[dir="rtl"] .fa-chevron-right:before,
html[dir="rtl"] .fa-angle-right:before,
html[dir="rtl"] .fa-arrow-right:before {
    content: "\f053" !important; /* Sol ok */
}

html[dir="rtl"] .fa-chevron-left:before,
html[dir="rtl"] .fa-angle-left:before,
html[dir="rtl"] .fa-arrow-left:before {
    content: "\f054" !important; /* Sağ ok */
}

/* Kartlar, Listeler ve Kenarlıklar */
html[dir="rtl"] .list-group {
    padding-right: 0 !important;
}

html[dir="rtl"] .media-left {
    padding-right: 0 !important;
    padding-left: 15px !important;
}

html[dir="rtl"] .media-right {
    padding-left: 0 !important;
    padding-right: 15px !important;
}

html[dir="rtl"] blockquote {
    border-left: none !important;
    border-right: 5px solid #29b2fe !important;
    padding-left: 0 !important;
    padding-right: 20px !important;
}

/* Buton İkonları */
html[dir="rtl"] .btn i {
    margin-right: 0 !important;
    margin-left: 6px !important;
}

/* Footer Hizalama */
html[dir="rtl"] footer,
html[dir="rtl"] .footer-widget {
    text-align: right !important;
}

html[dir="rtl"] .footer-widget ul {
    padding-right: 0 !important;
}

html[dir="rtl"] .footer-widget li i {
    margin-right: 0 !important;
    margin-left: 8px !important;
}