/*
RTL (Right-to-Left) Styles for گروه رقص آذربایجانی Theme
*/

/* Reset RTL Direction */
body {
    direction: rtl;
    text-align: right;
}

/* Header RTL Adjustments */
.header-content {
    direction: rtl;
}

.main-nav {
    margin-left: 0;
    margin-right: auto;
}

.main-nav ul {
    flex-direction: row-reverse;
    gap: var(--spacing-lg);
}

.main-nav a {
    text-decoration: none;
    font-weight: 500;
    padding: var(--spacing-sm) var(--spacing-md);
    position: relative;
    transition: var(--transition-smooth);
}

.main-nav a:hover {
    color: var(--accent-gold);
}

.main-nav a::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 50%;
    width: 0;
    height: 2px;
    background: var(--gradient-primary);
    transition: var(--transition-smooth);
    transform: translateX(50%);
}

.main-nav a:hover::after {
    width: 80%;
}

/* Mobile Menu RTL */
.menu-toggle {
    margin-left: var(--spacing-md);
    margin-right: 0;
}

/* Carousel RTL */
.carousel-content {
    text-align: center;
}

.carousel-title {
    text-align: center;
}

.carousel-subtitle {
    text-align: center;
}

/* Grid System RTL */
.grid {
    direction: rtl;
}

.grid-2 {
    grid-template-columns: 1fr 1fr;
}

.grid-3 {
    grid-template-columns: repeat(3, 1fr);
}

.grid-4 {
    grid-template-columns: repeat(4, 1fr);
}

/* Card RTL */
.card {
    text-align: right;
}

.team-member {
    text-align: center;
}

.team-photo {
    margin: 0 auto var(--spacing-md);
}

/* Form RTL */
.form-label {
    text-align: right;
}

.form-input,
.form-textarea,
.form-select {
    text-align: right;
    direction: rtl;
}

/* Navigation RTL */
.nav-links {
    direction: rtl;
}

.nav-previous {
    text-align: right;
}

.nav-next {
    text-align: left;
}

.nav-next div {
    text-align: left;
}

/* Footer RTL */
.footer-content {
    direction: rtl;
}

.footer-section {
    text-align: right;
}

.social-links {
    justify-content: flex-end;
}

/* Widget RTL */
.widget {
    text-align: right;
}

.widget-title {
    text-align: right;
}

/* Gallery RTL */
.gallery {
    direction: rtl;
}

.gallery-item {
    text-align: right;
}

/* Button RTL */
.btn {
    text-align: center;
}

/* Mobile Menu RTL */
.menu-toggle {
    text-align: left;
}

.menu-text {
    margin-right: var(--spacing-xs);
    margin-left: 0;
}

/* List RTL */
ul {
    padding-right: 0;
    padding-left: var(--spacing-lg);
}

li {
    margin-left: 0;
    margin-right: var(--spacing-sm);
}

/* Margin/Padding RTL Adjustments */
.mr-1 { margin-right: var(--spacing-xs); margin-left: 0; }
.ml-1 { margin-left: var(--spacing-xs); margin-right: 0; }
.pr-1 { padding-right: var(--spacing-xs); padding-left: 0; }
.pl-1 { padding-left: var(--spacing-xs); padding-right: 0; }

/* Border RTL */
.border-left { border-left: none; border-right: 1px solid var(--border-subtle); }
.border-right { border-right: none; border-left: 1px solid var(--border-subtle); }

/* Float RTL */
.float-left { float: right; }
.float-right { float: left; }

/* Position RTL */
.left-0 { left: auto; right: 0; }
.right-0 { right: auto; left: 0; }

/* Text Alignment */
.text-left { text-align: right; }
.text-right { text-align: left; }

/* Flexbox RTL */
.d-flex {
    direction: rtl;
}

.justify-content-start { justify-content: flex-end; }
.justify-content-end { justify-content: flex-start; }
.align-items-start { align-items: flex-end; }
.align-items-end { align-items: flex-start; }

/* Transform RTL */
.transform-x--100 { transform: translateX(100%); }
.transform-x-100 { transform: translateX(-100%); }

/* Responsive RTL Adjustments */
@media (max-width: 767px) {
    .main-nav ul {
        text-align: right;
    }
    
    .grid.grid-2,
    .grid.grid-3,
    .grid.grid-4 {
        grid-template-columns: 1fr;
    }
    
    .gallery {
        columns: 1;
    }
    
    .nav-links {
        flex-direction: column;
    }
}