/**
 * RTL (Right-to-Left) Styles for Arabic and other RTL languages
 *
 * @package PrinceAlbert
 */

/* Base RTL Direction */
html[dir="rtl"],
body.rtl {
    direction: rtl;
    text-align: right;
}

/* Navigation RTL */
body.rtl .nav-capsule {
    flex-direction: row-reverse;
}

body.rtl .nav-links {
    flex-direction: row-reverse;
}

body.rtl .nav-menu {
    flex-direction: row-reverse;
}

body.rtl .nav-brand {
    margin-left: 2rem;
    margin-right: 0;
}

/* Language Selector RTL */
body.rtl .language-selector {
    right: auto;
    left: 1.5rem;
}

body.rtl .lang-dropdown {
    right: auto;
    left: 0;
}

/* Hero Section RTL */
body.rtl .hero-content {
    text-align: right;
}

/* Footer RTL */
body.rtl .footer-main {
    flex-direction: row-reverse;
}

body.rtl .footer-links-grid {
    flex-direction: row-reverse;
}

body.rtl .footer-column {
    text-align: right;
}

/* Carousel RTL */
body.rtl .splide__arrows {
    flex-direction: row-reverse;
}

body.rtl .splide__arrow--prev {
    order: 2;
}

body.rtl .splide__arrow--next {
    order: 1;
}

/* Cards & Grid RTL */
body.rtl .room-card,
body.rtl .story-content,
body.rtl .place-content {
    text-align: right;
}

body.rtl .card-content {
    text-align: right;
}

/* Scroll Indicator RTL */
body.rtl .scroll-indicator {
    left: auto;
    right: 50%;
    transform: translateX(50%);
}

/* FAQ RTL */
body.rtl .faq-item {
    text-align: right;
}

body.rtl .faq-question {
    flex-direction: row-reverse;
}

body.rtl .faq-icon {
    margin-left: 0;
    margin-right: auto;
}

/* Buttons RTL */
body.rtl .btn-icon-right {
    flex-direction: row-reverse;
}

body.rtl .btn-icon-right .material-symbols-outlined {
    margin-left: 0;
    margin-right: 0.5rem;
}

/* Form Elements RTL */
body.rtl input,
body.rtl textarea,
body.rtl select {
    text-align: right;
}

/* Lists RTL */
body.rtl ul,
body.rtl ol {
    padding-right: 1.5rem;
    padding-left: 0;
}

/* Margins & Padding Flip */
body.rtl .ml-auto {
    margin-left: 0;
    margin-right: auto;
}

body.rtl .mr-auto {
    margin-right: 0;
    margin-left: auto;
}

body.rtl .pl-4 {
    padding-left: 0;
    padding-right: 1rem;
}

body.rtl .pr-4 {
    padding-right: 0;
    padding-left: 1rem;
}

/* Text Alignment Flip */
body.rtl .text-left {
    text-align: right;
}

body.rtl .text-right {
    text-align: left;
}

/* Flexbox Direction Flip */
body.rtl .flex-row {
    flex-direction: row-reverse;
}

/* Icons that need flipping */
body.rtl .icon-flip {
    transform: scaleX(-1);
}

body.rtl .arrow_forward,
body.rtl .arrow_back,
body.rtl .chevron_right,
body.rtl .chevron_left {
    transform: scaleX(-1);
}

/* Animations RTL */
body.rtl .slide-in-left {
    animation-name: slideInRight;
}

body.rtl .slide-in-right {
    animation-name: slideInLeft;
}

@keyframes slideInRight {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slideInLeft {
    from {
        transform: translateX(-100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

/* Typography for Arabic */
body.rtl,
body.rtl h1,
body.rtl h2,
body.rtl h3,
body.rtl h4,
body.rtl h5,
body.rtl h6,
body.rtl p {
    font-family: 'Noto Sans Arabic', 'Mulish', -apple-system, BlinkMacSystemFont, sans-serif;
}

body.rtl .font-serif,
body.rtl h1,
body.rtl h2 {
    font-family: 'Noto Naskh Arabic', 'Playfair Display', Georgia, serif;
}

/* Line Height Adjustments for Arabic */
body.rtl p {
    line-height: 1.8;
}

body.rtl h1 {
    line-height: 1.3;
}

body.rtl h2,
body.rtl h3 {
    line-height: 1.4;
}

