/**
 * RTL (Right-to-Left) Stylesheet
 * For Arabic language support with modern glassmorphism design
 */

body.rtl {
    direction: rtl;
    text-align: right;
}

/* ========== Header Adjustments ========== */
.rtl .site-header .container {
    flex-direction: row-reverse;
}

.rtl .header-content {
    flex-direction: row-reverse;
}

.rtl .site-logo {
    margin-right: 0;
    margin-left: 1rem;
}

.rtl .main-nav ul {
    flex-direction: row-reverse;
}

.rtl .main-nav a {
    padding: 0.5rem 0.5rem;
}

/* Maintain gradient underline effect in RTL */
.rtl .main-nav a::after {
    right: auto;
    left: 0;
}

/* Wave animation - flip for RTL */
.rtl .site-logo span {
    transform: scaleX(-1);
}

/* ========== Language Switcher ========== */
.rtl .language-switcher {
    margin-left: 0;
    margin-right: 1rem;
}

.rtl .language-switcher .lang-dropdown {
    right: auto;
    left: 0;
    text-align: right;
}

.rtl .language-switcher .lang-dropdown a {
    text-align: right;
    padding: 0.5rem 1rem 0.5rem 0.75rem;
}

.rtl .language-switcher .lang-dropdown a::before {
    right: auto;
    left: 0;
}

/* ========== Carousel Controls ========== */
.rtl .carousel-control.prev {
    left: auto;
    right: 1rem;
}

.rtl .carousel-control.next {
    right: auto;
    left: 1rem;
}

.rtl .carousel-control.prev::after {
    content: '›';
}

.rtl .carousel-control.next::after {
    content: '‹';
}

/* Carousel indicators */
.rtl .carousel-indicators {
    direction: ltr; /* Keep indicators left-to-right for consistency */
}

/* ========== Typography ========== */
.rtl h1, .rtl h2, .rtl h3, .rtl h4, .rtl h5, .rtl h6 {
    text-align: right;
}

.rtl .page-title {
    text-align: right;
}

.rtl .breadcrumb {
    direction: rtl;
    justify-content: flex-start;
}

.rtl .breadcrumb::after {
    margin: 0 0 0 0.5rem;
}

/* ========== Grids - Maintain Visual Order ========== */
.rtl .destinations-grid,
.rtl .trips-grid {
    direction: rtl;
}

/* Cards - maintain glassmorphism effects */
.rtl .destination-card,
.rtl .trip-card {
    text-align: right;
}

.rtl .card-content h3,
.rtl .card-content p {
    text-align: right;
}

/* Card buttons */
.rtl .card-content .btn {
    margin-left: 0;
    margin-right: auto;
}

/* ========== Forms ========== */
.rtl .form-group {
    text-align: right;
}

.rtl .form-group label {
    text-align: right;
}

.rtl .form-control {
    text-align: right;
    direction: rtl;
}

/* Custom select arrow - flip for RTL */
.rtl .form-control.form-select {
    background-position: left 1rem center;
    padding: 1rem 1rem 1rem 3rem;
}

.rtl textarea.form-control {
    text-align: right;
}

/* Form rows */
.rtl .form-row {
    flex-direction: row-reverse;
}

/* Checkbox and radio groups */
.rtl .form-check {
    text-align: right;
    padding-right: 1.5rem;
    padding-left: 0;
}

/* ========== Buttons ========== */
.rtl .btn-with-icon {
    flex-direction: row-reverse;
}

.rtl .btn-with-icon i {
    margin-right: 0;
    margin-left: 0.5rem;
}

/* Gradient shine animation - flip direction */
.rtl .btn-primary::before,
.rtl .btn-secondary::before {
    left: auto;
    right: -100%;
    transform: skewX(-20deg);
}

.rtl .btn-primary:hover::before,
.rtl .btn-secondary:hover::before {
    right: 100%;
}

/* ========== Hero Section ========== */
.rtl .hero-content {
    text-align: right;
}

.rtl .hero-content h1,
.rtl .hero-content p {
    text-align: right;
}

/* ========== Section Headers ========== */
.rtl .section-header {
    text-align: right;
}

.rtl .section-header h2::after {
    right: auto;
    left: 0;
}

/* ========== Footer ========== */
.rtl .site-footer {
    direction: rtl;
}

.rtl .footer-content {
    direction: rtl;
}

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

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

.rtl .footer-section h3::after {
    right: auto;
    left: 0;
}

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

.rtl .social-links {
    justify-content: flex-start;
}

.rtl .footer-bottom {
    text-align: center;
    direction: rtl;
}

/* ========== Notifications & Alerts ========== */
.rtl .alert {
    text-align: right;
}

.rtl .alert::before {
    right: auto;
    left: 0;
}

.rtl .badge {
    margin-right: 0;
    margin-left: 0.5rem;
}

/* ========== Border Adjustments ========== */
.rtl .border-left {
    border-left: none;
    border-right: 4px solid;
}

.rtl .border-right {
    border-right: none;
    border-left: 4px solid;
}

/* ========== Text Alignment Utilities ========== */
.rtl .text-left {
    text-align: right !important;
}

.rtl .text-right {
    text-align: left !important;
}

/* ========== Padding/Margin Utilities ========== */
.rtl .ml-auto {
    margin-left: 0;
    margin-right: auto;
}

.rtl .mr-auto {
    margin-right: 0;
    margin-left: auto;
}

.rtl .pl-1 { padding-left: 0; padding-right: 0.25rem; }
.rtl .pl-2 { padding-left: 0; padding-right: 0.5rem; }
.rtl .pl-3 { padding-left: 0; padding-right: 1rem; }
.rtl .pl-4 { padding-left: 0; padding-right: 1.5rem; }
.rtl .pl-5 { padding-left: 0; padding-right: 3rem; }

.rtl .pr-1 { padding-right: 0; padding-left: 0.25rem; }
.rtl .pr-2 { padding-right: 0; padding-left: 0.5rem; }
.rtl .pr-3 { padding-right: 0; padding-left: 1rem; }
.rtl .pr-4 { padding-right: 0; padding-left: 1.5rem; }
.rtl .pr-5 { padding-right: 0; padding-left: 3rem; }

.rtl .ml-1 { margin-left: 0; margin-right: 0.25rem; }
.rtl .ml-2 { margin-left: 0; margin-right: 0.5rem; }
.rtl .ml-3 { margin-left: 0; margin-right: 1rem; }
.rtl .ml-4 { margin-left: 0; margin-right: 1.5rem; }
.rtl .ml-5 { margin-left: 0; margin-right: 3rem; }

.rtl .mr-1 { margin-right: 0; margin-left: 0.25rem; }
.rtl .mr-2 { margin-right: 0; margin-left: 0.5rem; }
.rtl .mr-3 { margin-right: 0; margin-left: 1rem; }
.rtl .mr-4 { margin-right: 0; margin-left: 1.5rem; }
.rtl .mr-5 { margin-right: 0; margin-left: 3rem; }

/* ========== Scroll to Top Button ========== */
.rtl .scroll-to-top {
    right: auto;
    left: 2rem;
}

/* ========== Newsletter Form ========== */
.rtl .newsletter-form {
    direction: rtl;
}

.rtl .newsletter-form input {
    text-align: right;
}

.rtl .newsletter-form button {
    border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
}

/* ========== Trip Details Page ========== */
.rtl .trip-details-header {
    text-align: right;
}

.rtl .trip-meta {
    direction: rtl;
}

.rtl .trip-meta span {
    margin-left: 0;
    margin-right: 1.5rem;
}

.rtl .trip-meta span:last-child {
    margin-right: 0;
}

.rtl .itinerary-day {
    text-align: right;
}

/* ========== Responsive RTL Adjustments ========== */
@media (max-width: 768px) {
    .rtl .main-nav ul {
        text-align: right;
    }
    
    .rtl .language-switcher {
        margin-right: 0;
    }
    
    .rtl .scroll-to-top {
        left: 1rem;
    }
}