/* 
* Team Falcons Website
* RTL Stylesheet for Arabic Language
*/

/* Override text direction and font for RTL */
html[dir="rtl"],
html[dir="rtl"] body {
    direction: rtl;
    text-align: right;
    font-family: var(--font-ar);
}

/* Adjust flexbox directions for RTL */
html[dir="rtl"] .flex-row {
    flex-direction: row-reverse;
}

/* Language switcher adjustments for RTL */
html[dir="rtl"] .language-switcher {
    left: var(--spacing-md);
    right: auto;
}

html[dir="rtl"] .language-switcher .lang-text {
    margin-right: 0;
    margin-left: var(--spacing-sm);
}

/* Sidebar navigation adjustments for RTL */
html[dir="rtl"] .sidebar {
    right: 0;
    left: auto;
}

html[dir="rtl"] .nav-text {
    margin-left: 0;
    margin-right: var(--spacing-md);
}

/* Main content adjustments for RTL */
html[dir="rtl"] .main-content {
    margin-left: 0;
    margin-right: 80px;
}

/* About page should have no sidebar offset in RTL */
html[dir="rtl"] .about-page .main-content,
html[dir="rtl"].about-page .main-content {
    margin-right: 0;
}

/* Section header adjustments for RTL */
html[dir="rtl"] .section-header h2:after {
    left: auto;
    right: 0;
}

/* Game info adjustments for RTL */
html[dir="rtl"] .game-info-item i {
    margin-right: 0;
    margin-left: var(--spacing-sm);
}

/* Contact info adjustments for RTL */
html[dir="rtl"] .info-item i {
    margin-right: 0;
    margin-left: var(--spacing-md);
}

/* Footer adjustments for RTL */
html[dir="rtl"] .footer-column h3:after {
    left: auto;
    right: 0;
}

/* Form input adjustments for RTL */
html[dir="rtl"] input,
html[dir="rtl"] textarea {
    text-align: right;
}

/* Button icon adjustments for RTL */
html[dir="rtl"] .btn i {
    margin-right: 0;
    margin-left: var(--spacing-sm);
}

/* Navigation arrows adjustment for RTL */
html[dir="rtl"] .hero-navigation {
    flex-direction: row-reverse;
}

/* Change scroll direction for sponsors tape in RTL */
html[dir="rtl"] .sponsors-scroll {
    animation-direction: reverse;
}

/* Adjust grid and flex layouts for RTL */
html[dir="rtl"] .grid-layout {
    direction: rtl;
}

/* Additional RTL specific adjustments for UI components */
html[dir="rtl"] .dropdown-menu {
    right: 0;
    left: auto;
}

html[dir="rtl"] .dropdown-item i {
    margin-right: 0;
    margin-left: var(--spacing-sm);
}

/* Adjust box shadows and transitions for RTL */
html[dir="rtl"] .card {
    box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);
}

/* Adjust pagination for RTL */
html[dir="rtl"] .pagination {
    flex-direction: row-reverse;
}

/* Fix for form controls in RTL */
html[dir="rtl"] .form-control {
    padding-right: var(--spacing-md);
}

/* Fix for checkboxes and radio buttons in RTL */
html[dir="rtl"] .custom-checkbox .custom-control-label::before,
html[dir="rtl"] .custom-checkbox .custom-control-label::after,
html[dir="rtl"] .custom-radio .custom-control-label::before,
html[dir="rtl"] .custom-radio .custom-control-label::after {
    right: -25px;
    left: auto;
}

html[dir="rtl"] .custom-control {
    padding-left: 0;
    padding-right: 1.5rem;
}

/* Fix for select elements in RTL */
html[dir="rtl"] select.form-control {
    background-position: left 0.75rem center;
    padding-right: var(--spacing-md);
    padding-left: 2rem;
}

/* Adjust input group addons for RTL */
html[dir="rtl"] .input-group>.input-group-prepend>.input-group-text {
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
}

html[dir="rtl"] .input-group>.input-group-append>.input-group-text {
    border-radius: var(--radius-sm) 0 0 var(--radius-sm);
}

/* Adjust tooltips for RTL */
html[dir="rtl"] .tooltip {
    text-align: right;
}

/* Adjust modals for RTL */
html[dir="rtl"] .modal-header .close {
    margin: -1rem auto -1rem -1rem;
}

/* Adjust breadcrumbs for RTL */
html[dir="rtl"] .breadcrumb-item+.breadcrumb-item::before {
    padding-right: 0;
    padding-left: var(--spacing-sm);
}

html[dir="rtl"] .breadcrumb-item+.breadcrumb-item {
    padding-right: var(--spacing-sm);
    padding-left: 0;
}

/* Fix animations for RTL */
html[dir="rtl"] .slide-in-left {
    animation-name: slideInRight;
}

html[dir="rtl"] .slide-in-right {
    animation-name: slideInLeft;
}

/* Fix for carousel controls in RTL */
html[dir="rtl"] .carousel-control-prev {
    right: 0;
    left: auto;
}

html[dir="rtl"] .carousel-control-next {
    left: 0;
    right: auto;
}

html[dir="rtl"] .carousel-indicators {
    flex-direction: row-reverse;
}

/* Fix border radius for RTL UI elements */
html[dir="rtl"] .border-start-radius {
    border-radius: 0 var(--radius-md) var(--radius-md) 0;
}

html[dir="rtl"] .border-end-radius {
    border-radius: var(--radius-md) 0 0 var(--radius-md);
}