/**
 * RTL (Right-to-Left) Styles for Arabic Language
 * Shoponlina Homepage
 */

/* Base RTL Settings */
html[dir="rtl"] body {
    direction: rtl;
    text-align: right;
}

/* Arabic Font */
html[dir="rtl"] body,
html[dir="rtl"] .hero-title,
html[dir="rtl"] .hero-subtitle,
html[dir="rtl"] .section-title,
html[dir="rtl"] .section-subtitle,
html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3, html[dir="rtl"] h4,
html[dir="rtl"] p,
html[dir="rtl"] a,
html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] .boarding-title,
html[dir="rtl"] .boarding-subtitle {
    font-family: 'Noto Sans Arabic', 'Inter', sans-serif;
}

html[dir="rtl"] .hero-title {
    font-family: 'Noto Sans Arabic', 'Playfair Display', serif;
}

html[dir="rtl"] .section-title,
html[dir="rtl"] .featured-title,
html[dir="rtl"] .boarding-title {
    font-family: 'Noto Sans Arabic', 'Playfair Display', serif;
}

/* Header RTL */
html[dir="rtl"] .header-inner {
    flex-direction: row-reverse;
}

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

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

html[dir="rtl"] .lang-dropdown {
    left: 0;
    right: auto;
}

/* Mobile Nav RTL */
html[dir="rtl"] .mobile-nav {
    right: auto;
    left: 0;
    transform: translateX(-100%);
}

html[dir="rtl"] .mobile-nav.open {
    transform: translateX(0);
}

html[dir="rtl"] .mobile-nav-header {
    flex-direction: row-reverse;
}

/* Hero RTL */
html[dir="rtl"] .hero-content {
    text-align: center;
}

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

html[dir="rtl"] .hero-badge i {
    margin-left: 0.5rem;
    margin-right: 0;
}

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

html[dir="rtl"] .search-container input {
    text-align: right;
    padding-right: 1.25rem;
    padding-left: 0.5rem;
}

html[dir="rtl"] .search-btn {
    border-radius: 8px 0 0 8px;
}

html[dir="rtl"] .search-btn i {
    margin-left: 0.5rem;
    margin-right: 0;
}

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

html[dir="rtl"] .popular-tag i {
    margin-left: 0.35rem;
    margin-right: 0;
}

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

/* Cultural Elements RTL - Mirror positions */
html[dir="rtl"] .cultural-item.daruma {
    left: auto;
    right: 5%;
}

html[dir="rtl"] .cultural-item.turkish-tile {
    left: auto;
    right: 8%;
}

html[dir="rtl"] .cultural-item.perfume {
    right: auto;
    left: 6%;
}

html[dir="rtl"] .cultural-item.korean-fan {
    right: auto;
    left: 3%;
}

html[dir="rtl"] .cultural-item.arabic-geo {
    left: auto;
    right: 3%;
}

html[dir="rtl"] .cultural-item.african-mask {
    right: auto;
    left: 12%;
}

html[dir="rtl"] .cultural-item.boomerang {
    left: auto;
    right: 7%;
}

html[dir="rtl"] .cultural-item.american-star {
    right: auto;
    left: 8%;
}

/* Section Headers RTL */
html[dir="rtl"] .section-eyebrow {
    flex-direction: row-reverse;
}

html[dir="rtl"] .section-eyebrow i {
    margin-left: 0.5rem;
    margin-right: 0;
}

/* Region Cards RTL */
html[dir="rtl"] .region-card-content {
    text-align: right;
}

html[dir="rtl"] .region-arrow {
    left: 1.5rem;
    right: auto;
}

html[dir="rtl"] .region-arrow i {
    transform: rotate(180deg);
}

html[dir="rtl"] .region-accent {
    right: 0;
    left: auto;
}

/* Featured Section RTL */
html[dir="rtl"] .featured-container {
    flex-direction: row-reverse;
}

html[dir="rtl"] .featured-content {
    text-align: right;
}

html[dir="rtl"] .featured-eyebrow {
    flex-direction: row-reverse;
    justify-content: flex-end;
}

html[dir="rtl"] .featured-eyebrow i {
    margin-left: 0.5rem;
    margin-right: 0;
}

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

html[dir="rtl"] .featured-meta span {
    flex-direction: row-reverse;
}

html[dir="rtl"] .featured-meta i {
    margin-left: 0.35rem;
    margin-right: 0;
}

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

html[dir="rtl"] .read-btn i {
    margin-right: 0.5rem;
    margin-left: 0;
    transform: rotate(180deg);
}

html[dir="rtl"] .featured-badge {
    left: 1.5rem;
    right: auto;
}

html[dir="rtl"] .featured-stamp {
    left: 1.5rem;
    right: auto;
}

/* Article Cards RTL */
html[dir="rtl"] .article-card-content {
    text-align: right;
}

html[dir="rtl"] .article-category {
    right: 1rem;
    left: auto;
    flex-direction: row-reverse;
}

html[dir="rtl"] .article-category i {
    margin-left: 0.25rem;
    margin-right: 0;
}

html[dir="rtl"] .article-stamp {
    left: 1rem;
    right: auto;
}

html[dir="rtl"] .article-card-meta {
    flex-direction: row-reverse;
}

html[dir="rtl"] .article-card-meta span {
    flex-direction: row-reverse;
}

html[dir="rtl"] .article-card-meta i {
    margin-left: 0.25rem;
    margin-right: 0;
}

/* View All Button RTL */
html[dir="rtl"] .view-all-btn {
    flex-direction: row-reverse;
}

html[dir="rtl"] .view-all-btn i {
    margin-right: 0.5rem;
    margin-left: 0;
    transform: rotate(180deg);
}

/* Boarding Pass RTL */
html[dir="rtl"] .boarding-pass-content {
    flex-direction: row-reverse;
}

html[dir="rtl"] .boarding-stub {
    border-right: none;
    border-left: 2px dashed rgba(0,0,0,0.1);
}

html[dir="rtl"] .boarding-stub::before {
    left: auto;
    right: -12px;
}

html[dir="rtl"] .boarding-stub::after {
    left: auto;
    right: -12px;
}

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

html[dir="rtl"] .stub-logo i {
    margin-left: 0.5rem;
    margin-right: 0;
}

html[dir="rtl"] .boarding-main {
    text-align: right;
}

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

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

html[dir="rtl"] .route-arrow {
    transform: rotate(180deg);
}

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

html[dir="rtl"] .boarding-btn,
html[dir="rtl"] .boarding-btn-outline {
    flex-direction: row-reverse;
}

html[dir="rtl"] .boarding-btn i,
html[dir="rtl"] .boarding-btn-outline i {
    margin-left: 0.5rem;
    margin-right: 0;
}

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

/* Footer RTL */
html[dir="rtl"] .footer-content {
    flex-direction: row-reverse;
}

html[dir="rtl"] .footer-brand {
    text-align: right;
}

html[dir="rtl"] .footer-logo {
    flex-direction: row-reverse;
    justify-content: flex-end;
}

html[dir="rtl"] .footer-logo i {
    margin-left: 0.5rem;
    margin-right: 0;
}

html[dir="rtl"] .footer-social {
    justify-content: flex-end;
}

html[dir="rtl"] .footer-section {
    text-align: right;
}

html[dir="rtl"] .footer-links li a {
    flex-direction: row-reverse;
}

html[dir="rtl"] .footer-links li a i {
    margin-left: 0.5rem;
    margin-right: 0;
    transform: rotate(180deg);
}

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

/* Responsive RTL Adjustments */
@media (max-width: 1024px) {
    html[dir="rtl"] .featured-container {
        flex-direction: column;
    }
}

@media (max-width: 768px) {
    html[dir="rtl"] .footer-content {
        flex-direction: column;
    }

    html[dir="rtl"] .footer-brand {
        text-align: center;
    }

    html[dir="rtl"] .footer-social {
        justify-content: center;
    }

    html[dir="rtl"] .footer-section {
        text-align: center;
    }

    html[dir="rtl"] .boarding-pass-content {
        flex-direction: column;
    }

    html[dir="rtl"] .boarding-stub {
        border-left: none;
        border-bottom: 2px dashed rgba(0,0,0,0.1);
    }
}

/* Search Overlay RTL Styles */
.search-overlay-form input {
    text-align: right;
}

@media (max-width: 768px) {
    .search-overlay-form input {
        text-align: center;
    }
}