/*!
 * bootstrap-rtl.css — Bootstrap 3.0.2 RTL overrides for Slinex
 * Scoped under [dir="rtl"] so it only affects Arabic pages.
 * Loaded conditionally after bootstrap.css + style.css when lang_key === 'ar'.
 */

/* ---- Grid: flip column floats so the visual order reverses ---- */
[dir="rtl"] .col-xs-1, [dir="rtl"] .col-sm-1, [dir="rtl"] .col-md-1, [dir="rtl"] .col-lg-1,
[dir="rtl"] .col-xs-2, [dir="rtl"] .col-sm-2, [dir="rtl"] .col-md-2, [dir="rtl"] .col-lg-2,
[dir="rtl"] .col-xs-3, [dir="rtl"] .col-sm-3, [dir="rtl"] .col-md-3, [dir="rtl"] .col-lg-3,
[dir="rtl"] .col-xs-4, [dir="rtl"] .col-sm-4, [dir="rtl"] .col-md-4, [dir="rtl"] .col-lg-4,
[dir="rtl"] .col-xs-5, [dir="rtl"] .col-sm-5, [dir="rtl"] .col-md-5, [dir="rtl"] .col-lg-5,
[dir="rtl"] .col-xs-6, [dir="rtl"] .col-sm-6, [dir="rtl"] .col-md-6, [dir="rtl"] .col-lg-6,
[dir="rtl"] .col-xs-7, [dir="rtl"] .col-sm-7, [dir="rtl"] .col-md-7, [dir="rtl"] .col-lg-7,
[dir="rtl"] .col-xs-8, [dir="rtl"] .col-sm-8, [dir="rtl"] .col-md-8, [dir="rtl"] .col-lg-8,
[dir="rtl"] .col-xs-9, [dir="rtl"] .col-sm-9, [dir="rtl"] .col-md-9, [dir="rtl"] .col-lg-9,
[dir="rtl"] .col-xs-10, [dir="rtl"] .col-sm-10, [dir="rtl"] .col-md-10, [dir="rtl"] .col-lg-10,
[dir="rtl"] .col-xs-11, [dir="rtl"] .col-sm-11, [dir="rtl"] .col-md-11, [dir="rtl"] .col-lg-11 {
    float: right;
}

/* Column offsets: margin-left -> margin-right */
[dir="rtl"] .col-xs-offset-0, [dir="rtl"] .col-sm-offset-0, [dir="rtl"] .col-md-offset-0, [dir="rtl"] .col-lg-offset-0,
[dir="rtl"] .col-xs-offset-1, [dir="rtl"] .col-sm-offset-1, [dir="rtl"] .col-md-offset-1, [dir="rtl"] .col-lg-offset-1,
[dir="rtl"] .col-xs-offset-2, [dir="rtl"] .col-sm-offset-2, [dir="rtl"] .col-md-offset-2, [dir="rtl"] .col-lg-offset-2,
[dir="rtl"] .col-xs-offset-3, [dir="rtl"] .col-sm-offset-3, [dir="rtl"] .col-md-offset-3, [dir="rtl"] .col-lg-offset-3,
[dir="rtl"] .col-xs-offset-4, [dir="rtl"] .col-sm-offset-4, [dir="rtl"] .col-md-offset-4, [dir="rtl"] .col-lg-offset-4,
[dir="rtl"] .col-xs-offset-5, [dir="rtl"] .col-sm-offset-5, [dir="rtl"] .col-md-offset-5, [dir="rtl"] .col-lg-offset-5,
[dir="rtl"] .col-xs-offset-6, [dir="rtl"] .col-sm-offset-6, [dir="rtl"] .col-md-offset-6, [dir="rtl"] .col-lg-offset-6,
[dir="rtl"] .col-xs-offset-7, [dir="rtl"] .col-sm-offset-7, [dir="rtl"] .col-md-offset-7, [dir="rtl"] .col-lg-offset-7,
[dir="rtl"] .col-xs-offset-8, [dir="rtl"] .col-sm-offset-8, [dir="rtl"] .col-md-offset-8, [dir="rtl"] .col-lg-offset-8,
[dir="rtl"] .col-xs-offset-9, [dir="rtl"] .col-sm-offset-9, [dir="rtl"] .col-md-offset-9, [dir="rtl"] .col-lg-offset-9,
[dir="rtl"] .col-xs-offset-10, [dir="rtl"] .col-sm-offset-10, [dir="rtl"] .col-md-offset-10, [dir="rtl"] .col-lg-offset-10,
[dir="rtl"] .col-xs-offset-11, [dir="rtl"] .col-sm-offset-11, [dir="rtl"] .col-md-offset-11, [dir="rtl"] .col-lg-offset-11,
[dir="rtl"] .col-xs-offset-12, [dir="rtl"] .col-sm-offset-12, [dir="rtl"] .col-md-offset-12, [dir="rtl"] .col-lg-offset-12 {
    margin-right: 0;
    margin-left: auto;
}

/* Column push/pull: swap left/right */
[dir="rtl"] .col-xs-pull-1, [dir="rtl"] .col-sm-pull-1, [dir="rtl"] .col-md-pull-1, [dir="rtl"] .col-lg-pull-1 { right: auto; }
[dir="rtl"] .col-xs-push-1, [dir="rtl"] .col-sm-push-1, [dir="rtl"] .col-md-push-1, [dir="rtl"] .col-lg-push-1 { left: auto; }

/* ---- Float & text utilities ---- */
[dir="rtl"] .pull-left { float: left !important; }
[dir="rtl"] .pull-right { float: right !important; }
[dir="rtl"] .text-left { text-align: right; }
[dir="rtl"] .text-right { text-align: left; }

/* ---- Navbar ---- */
[dir="rtl"] .navbar-right { float: left !important; margin-left: -15px; margin-right: 0; }
[dir="rtl"] .navbar-left { float: right !important; margin-right: -15px; margin-left: 0; }
[dir="rtl"] .navbar-nav > li { float: right; }
[dir="rtl"] .navbar-nav > li > a { padding-right: 15px; padding-left: 15px; }

/* ---- Dropdowns ---- */
[dir="rtl"] .dropdown-menu { left: 0; right: auto; }
[dir="rtl"] .dropdown-menu-left { right: auto; left: 0; }
[dir="rtl"] .dropdown-menu-right { left: auto; right: 0; }
[dir="rtl"] .dropdown-menu .divider { margin: 9px 0; }
[dir="rtl"] .navbar-nav .dropdown-menu { left: 0; right: auto; }

/* ---- Forms ---- */
[dir="rtl"] .control-label { text-align: right; }
@media (min-width: 768px) {
    [dir="rtl"] .form-horizontal .control-label { text-align: left; }
}
[dir="rtl"] .checkbox, [dir="rtl"] .radio { padding-right: 20px; padding-left: 0; }
[dir="rtl"] .checkbox input[type="checkbox"], [dir="rtl"] .radio input[type="radio"] { margin-right: -20px; margin-left: 0; }
[dir="rtl"] .checkbox-inline, [dir="rtl"] .radio-inline { padding-right: 20px; padding-left: 0; }
[dir="rtl"] .checkbox-inline input, [dir="rtl"] .radio-inline input { margin-right: -20px; margin-left: 0; }
[dir="rtl"] .input-group-addon:first-child { border-right: 1px solid #ccc; border-left: 0; }
[dir="rtl"] .input-group-addon:last-child { border-left: 1px solid #ccc; border-right: 0; }

/* ---- Nav tabs / pills ---- */
[dir="rtl"] .nav-tabs > li { float: right; }
[dir="rtl"] .nav-tabs > li > a { margin-left: 2px; margin-right: 0; }
[dir="rtl"] .nav-pills > li { float: right; }

/* ---- Button groups ---- */
[dir="rtl"] .btn-group > .btn { float: right; }
[dir="rtl"] .btn-group > .btn-group { float: right; }
[dir="rtl"] .btn-toolbar { margin-left: 5px; margin-right: 0; }
[dir="rtl"] .btn-toolbar .btn-group { margin-left: 5px; margin-right: 0; }

/* ---- Pagination / pager ---- */
[dir="rtl"] .pagination > li { float: right; }
[dir="rtl"] .pagination > li > a, [dir="rtl"] .pagination > li > span { margin-right: 0; margin-left: 4px; }
[dir="rtl"] .pager .previous { float: right; }
[dir="rtl"] .pager .next { float: left; }
[dir="rtl"] .pager .previous > a, [dir="rtl"] .pager .previous > span { margin-right: 0; }
[dir="rtl"] .pager .next > a, [dir="rtl"] .pager .next > span { margin-left: 0; }

/* ---- List groups / lists ---- */
[dir="rtl"] .list-unstyled { padding-right: 0; padding-left: initial; }
[dir="rtl"] .list-inline { padding-right: 0; padding-left: initial; margin-right: -5px; margin-left: 0; }

/* ---- Media objects ---- */
[dir="rtl"] .media > .pull-left { margin-right: 0; margin-left: 10px; }
[dir="rtl"] .media > .pull-right { margin-left: 0; margin-right: 10px; }
[dir="rtl"] .media-list { padding-right: 0; }

/* ---- dl / blockquote ---- */
@media (min-width: 768px) {
    [dir="rtl"] .dl-horizontal dt { float: right; clear: right; text-align: left; }
    [dir="rtl"] .dl-horizontal dd { margin-right: 180px; margin-left: 0; }
}
[dir="rtl"] blockquote { border-right: 5px solid #eee; border-left: 0; padding-right: 15px; padding-left: 0; }
[dir="rtl"] .blockquote-reverse, [dir="rtl"] blockquote.pull-left { padding-left: 15px; padding-right: 0; border-left: 5px solid #eee; border-right: 0; text-align: left; }

/* ---- Tables ---- */
[dir="rtl"] .table th, [dir="rtl"] .table td { text-align: right; }
[dir="rtl"] .table thead > tr > th { text-align: right; }

/* ---- Modals ---- */
[dir="rtl"] .modal-footer { text-align: left; }
[dir="rtl"] .modal-footer .btn + .btn { margin-right: 0; margin-left: 5px; }
[dir="rtl"] .modal-footer { padding-right: 15px; padding-left: 20px; }

/* ---- Alerts ---- */
[dir="rtl"] .alert-dismissible { padding-right: 15px; padding-left: 35px; }
[dir="rtl"] .alert-dismissible .close { right: auto; left: -21px; }

/* ---- Breadcrumbs (Bootstrap native; project uses custom .breadcrumbs too) ---- */
[dir="rtl"] .breadcrumb { padding-right: 0; padding-left: 0; }
[dir="rtl"] .breadcrumb > li { float: right; }
[dir="rtl"] .breadcrumb > li + li::before { content: "/\00a0"; padding: 0 5px; }

/* ---- Progress bars ---- */
[dir="rtl"] .progress-bar { float: right; }
[dir="rtl"] .progress .progress-bar { animation-direction: reverse; }

/* ---- Carousel (similar-products carousel) ---- */
[dir="rtl"] .carousel-inner > .item { transition: transform .6s ease-in-out; }
[dir="rtl"] .carousel-control { right: auto; left: 0; }
[dir="rtl"] .carousel-control.left { left: 0; right: auto; background-image: linear-gradient(to left, rgba(0,0,0,.5) 0, rgba(0,0,0,.0001) 100%); }
[dir="rtl"] .carousel-control.right { right: 0; left: auto; left: auto; background-image: linear-gradient(to right, rgba(0,0,0,.5) 0, rgba(0,0,0,.0001) 100%); }
[dir="rtl"] .carousel-control .icon-prev { left: 50%; right: auto; }
[dir="rtl"] .carousel-control .icon-next { right: 50%; left: auto; }
[dir="rtl"] .carousel-control .icon-prev::before { content: '\203a'; }
[dir="rtl"] .carousel-control .icon-next::before { content: '\2039'; }

/* ---- Caret (dropdown) ---- */
[dir="rtl"] .caret { margin-right: 2px; margin-left: 0; }

/* ---- Close button ---- */
[dir="rtl"] .close { float: left; }