/* RTL Styles for URL Shortener */

/* General RTL adjustments */
body[dir="rtl"] {
    text-align: right;
}

/* Navbar adjustments */
body[dir="rtl"] .navbar-nav .nav-link i {
    margin-right: 0;
    margin-left: 0.25rem;
}

body[dir="rtl"] .me-auto {
    margin-right: 0 !important;
    margin-left: auto !important;
}

body[dir="rtl"] .ms-auto {
    margin-left: 0 !important;
    margin-right: auto !important;
}

body[dir="rtl"] .me-1,
body[dir="rtl"] .me-2,
body[dir="rtl"] .me-3 {
    margin-right: 0 !important;
    margin-left: 0.25rem !important;
}

body[dir="rtl"] .ms-1,
body[dir="rtl"] .ms-2,
body[dir="rtl"] .ms-3 {
    margin-left: 0 !important;
    margin-right: 0.25rem !important;
}

/* Dropdown menu */
body[dir="rtl"] .dropdown-menu-end {
    right: auto;
    left: 0;
}

/* Admin sidebar */
body[dir="rtl"] .admin-sidebar .nav-link {
    border-left: none;
    border-right: 3px solid transparent;
}

body[dir="rtl"] .admin-sidebar .nav-link:hover {
    border-left: none;
    border-right: 3px solid #0d6efd;
    padding-left: 0.5rem;
    padding-right: calc(0.5rem + 3px);
}

body[dir="rtl"] .admin-sidebar .nav-link.active {
    border-left: none;
    border-right: 3px solid #0a58ca;
}

/* List group items */
body[dir="rtl"] .list-group-item {
    border-left: none;
    border-right: 3px solid transparent;
}

body[dir="rtl"] .list-group-item:hover {
    border-left: none;
    border-right: 3px solid #0d6efd;
    padding-left: 1.25rem;
    padding-right: calc(1.25rem + 3px);
}

body[dir="rtl"] .list-group-item.active {
    border-left: none;
    border-right: 3px solid #0a58ca;
}

body[dir="rtl"] .list-group-item:hover i {
    transform: translateX(-3px);
}

/* Form controls */
body[dir="rtl"] .form-check-input {
    float: right;
    margin-left: 0.5rem;
    margin-right: -1.5rem;
}

body[dir="rtl"] .form-check-label {
    padding-left: 0;
    padding-right: 1.5rem;
}

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

/* Input groups */
body[dir="rtl"] .input-group > .form-control:not(:last-child),
body[dir="rtl"] .input-group > .custom-select:not(:last-child) {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

body[dir="rtl"] .input-group > .input-group-append > .btn,
body[dir="rtl"] .input-group > .input-group-append > .input-group-text,
body[dir="rtl"] .input-group > .input-group-prepend:not(:first-child) > .btn,
body[dir="rtl"] .input-group > .input-group-prepend:not(:first-child) > .input-group-text,
body[dir="rtl"] .input-group > .input-group-prepend:first-child > .btn:not(:first-child),
body[dir="rtl"] .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

/* Float adjustments */
body[dir="rtl"] .float-start {
    float: right !important;
}

body[dir="rtl"] .float-end {
    float: left !important;
}

/* Text alignment */
body[dir="rtl"] .text-start {
    text-align: right !important;
}

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

/* Modal dialogs */
body[dir="rtl"] .modal-header .btn-close {
    margin: -0.5rem auto -0.5rem -0.5rem;
}

/* Alerts */
body[dir="rtl"] .alert-dismissible {
    padding-right: 1rem;
    padding-left: 4rem;
}

body[dir="rtl"] .alert-dismissible .btn-close {
    right: auto;
    left: 0;
}

/* Card adjustments */
body[dir="rtl"] .card-header .float-end {
    float: left !important;
}

body[dir="rtl"] .card-header .float-start {
    float: right !important;
}

/* Pagination */
body[dir="rtl"] .pagination {
    padding-right: 0;
}

/* Breadcrumb */
body[dir="rtl"] .breadcrumb-item + .breadcrumb-item {
    padding-right: 0.5rem;
    padding-left: 0;
}

body[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
    float: right;
    padding-right: 0;
    padding-left: 0.5rem;
}

/* Fix for Font Awesome icons */
body[dir="rtl"] .fa-arrow-left:before {
    content: "\f061"; /* fa-arrow-right */
}

body[dir="rtl"] .fa-arrow-right:before {
    content: "\f060"; /* fa-arrow-left */
}