/* CapConnect theme — right-to-left layout for Arabic. Loaded only when the client language is Arabic (html[dir=rtl]).
   Bootstrap 3 has no RTL mode, so floats, offsets, alignment and directional spacing are mirrored here. */
html[dir="rtl"] body { direction: rtl; text-align: right; font-family: "Cairo", "Outfit", sans-serif; }
html[dir="rtl"] input, html[dir="rtl"] select, html[dir="rtl"] textarea, html[dir="rtl"] button { font-family: "Cairo", "Outfit", sans-serif; }
/* emails, URLs, domains, numbers and code stay left-to-right inside RTL text */
html[dir="rtl"] input[type="email"], html[dir="rtl"] input[type="url"], html[dir="rtl"] input[name*="domain"], html[dir="rtl"] input[name^="ns"], html[dir="rtl"] input[type="tel"], html[dir="rtl"] code, html[dir="rtl"] pre,
html[dir="rtl"] .cc-dns-record-content, html[dir="rtl"] .cc-val a[href^="http"] { direction: ltr; text-align: left; unicode-bidi: plaintext; }

/* Bootstrap 3 grid + helpers */
html[dir="rtl"] [class*="col-"] { float: right; }
html[dir="rtl"] .pull-left { float: right !important; }
html[dir="rtl"] .pull-right { float: left !important; }
html[dir="rtl"] .text-left { text-align: right; }
html[dir="rtl"] .text-right { text-align: left; }
html[dir="rtl"] .navbar-left { float: right !important; }
html[dir="rtl"] .navbar-right { float: left !important; }
html[dir="rtl"] .col-sm-offset-1, html[dir="rtl"] .col-md-offset-2 { margin-left: 0; }
html[dir="rtl"] .breadcrumb > li + li:before { content: "\\"; }
html[dir="rtl"] .row > .tile { float: right; }

/* header + menus */
html[dir="rtl"] section#header .logo { float: right; }
html[dir="rtl"] section#header .top-nav { float: left; }
html[dir="rtl"] .navbar-main .navbar-nav { float: right; }
html[dir="rtl"] .navbar-main .navbar-nav.navbar-right { float: left !important; }
html[dir="rtl"] .navbar-main .navbar-nav > li { float: right; }
html[dir="rtl"] .navbar-main .navbar-right > li { float: right; }
html[dir="rtl"] .dropdown-menu { right: 0; left: auto; text-align: right; }
html[dir="rtl"] .navbar-main .navbar-right .dropdown-menu { right: auto; left: 0; }
html[dir="rtl"] .dropdown-menu > li > a, html[dir="rtl"] .navbar-main .navbar-right .dropdown-menu > li > a { flex-direction: row; text-align: right; }
html[dir="rtl"] .caret { margin-left: 0; margin-right: 2px; }

/* panels, sidebar, lists */
html[dir="rtl"] .panel-heading .panel-title { text-align: right; }
html[dir="rtl"] .panel-sidebar .panel-minimise { float: left !important; }
html[dir="rtl"] .panel-sidebar .list-group-item { text-align: right; }
html[dir="rtl"] .panel-sidebar .list-group-item.active { box-shadow: inset -4px 0 0 var(--cc-accent); }
html[dir="rtl"] .panel-sidebar .list-group-item .badge { margin-left: 0; margin-right: auto; }
html[dir="rtl"] .list-group-item > .badge { float: left; }
html[dir="rtl"] .tiles .tile .icon, html[dir="rtl"] .tile .icon { right: auto; left: 18px; }
html[dir="rtl"] .tiles .tile { text-align: right; }
html[dir="rtl"] .panel-accent-blue, html[dir="rtl"] .panel-accent-red { text-align: right; }

/* forms */
html[dir="rtl"] .form-control, html[dir="rtl"] select.form-control { text-align: right; }
html[dir="rtl"] select.form-control { background-position: left 14px center; padding-right: 14px !important; padding-left: 42px !important; }
html[dir="rtl"] .input-group-addon:first-child { border-radius: 0 var(--cc-radius-input) var(--cc-radius-input) 0; }
html[dir="rtl"] .checkbox input[type="checkbox"], html[dir="rtl"] input[type="checkbox"], html[dir="rtl"] input[type="radio"] { margin-right: 0; margin-left: 8px; }
html[dir="rtl"] .logincontainer .checkbox label { flex-direction: row; }
html[dir="rtl"] .has-error .help-block::before, html[dir="rtl"] label.error::before { margin-right: 0; margin-left: 6px; }
html[dir="rtl"] .form-horizontal .control-label { text-align: right; }
html[dir="rtl"] .dataTables_wrapper .dataTables_filter { float: left; }
html[dir="rtl"] .dataTables_wrapper .dataTables_filter label .form-control { background-position: right 14px center; padding: 8px 42px 8px 12px !important; }
html[dir="rtl"] .dataTables_wrapper .dataTables_paginate { float: left; }
html[dir="rtl"] .dataTables_wrapper .dataTables_length, html[dir="rtl"] .dataTables_wrapper .dataTables_info { float: right; }

/* tables */
html[dir="rtl"] .table > thead > tr > th, html[dir="rtl"] .dataTables_wrapper table.table-list thead th { text-align: right; }
html[dir="rtl"] table.dataTable thead .sorting:after, html[dir="rtl"] table.dataTable thead .sorting_asc:after, html[dir="rtl"] table.dataTable thead .sorting_desc:after { margin-left: 0; margin-right: 8px; }
html[dir="rtl"] .dataTables_wrapper table.table-list tbody td { text-align: right; }
html[dir="rtl"] .cc-days { text-align: right; }
html[dir="rtl"] #tableDomainsList tbody tr.cc-row-selected > td:first-child { box-shadow: inset -4px 0 0 var(--cc-accent); }
html[dir="rtl"] .btn-group > .btn:first-child { border-radius: 0 var(--cc-radius-input) var(--cc-radius-input) 0 !important; }
html[dir="rtl"] .btn-group > .btn:last-child { border-radius: var(--cc-radius-input) 0 0 var(--cc-radius-input) !important; }

/* tickets */
html[dir="rtl"] .ticket-reply .date { right: auto; left: 22px; }
html[dir="rtl"] .ticket-reply .user .type { padding-left: 0; padding-right: 52px; }
html[dir="rtl"] .ticket-reply.staff { border-left: 1px solid var(--cc-border); border-right: 4px solid var(--cc-accent); }

/* footer */
html[dir="rtl"] section#footer { text-align: right; }
html[dir="rtl"] section#footer a.back-to-top { float: left; }
html[dir="rtl"] .cc-pay-logos { direction: ltr; }
html[dir="rtl"] .cc-copyright { text-align: right; }

/* cart */
html[dir="rtl"] #order-standard_cart .cart-sidebar, html[dir="rtl"] #order-standard_cart .cart-body { float: right; }
html[dir="rtl"] #order-standard_cart .view-cart-items .item-price { text-align: left; align-items: flex-start; }
html[dir="rtl"] #order-standard_cart .view-cart-items-header > .row > [class*="col-"]:nth-child(2), html[dir="rtl"] #order-standard_cart .view-cart-items .item > .row > [class*="col-"]:nth-child(2) { text-align: left; }
html[dir="rtl"] #order-standard_cart .order-summary .total-due-today { text-align: left; }
html[dir="rtl"] #order-standard_cart .products .product, html[dir="rtl"] .cc-specs { text-align: right; }

/* login card */
html[dir="rtl"] .logincontainer .login-form div[align="center"] { text-align: center; }

/* modals */
html[dir="rtl"] .modal-header .close { float: left; }
html[dir="rtl"] .cc-lang-modal .close, html[dir="rtl"] .cc-cc-modal .close { right: auto; left: 16px; }
html[dir="rtl"] .cc-lang-modal .modal-footer, html[dir="rtl"] .cc-cc-modal .modal-footer { justify-content: flex-start; }