/* RTL Styling for Wolf Academy - Scoped for html[dir="rtl"] and body.rtl */

html[dir="rtl"],
body.rtl {
    direction: rtl;
    text-align: right;
    font-family: 'Cairo', 'Outfit', 'Montserrat', sans-serif !important;
}

body.rtl h1,
body.rtl h2,
body.rtl h3,
body.rtl h4,
body.rtl h5,
body.rtl h6,
body.rtl p,
body.rtl span,
body.rtl a,
body.rtl label,
body.rtl input,
body.rtl textarea,
body.rtl select,
body.rtl button {
    font-family: 'Cairo', 'Outfit', 'Montserrat', sans-serif !important;
}

/* Header & Menu RTL */
html[dir="rtl"] .header__left {
    margin-right: 0;
    margin-left: 25px;
}
html[dir="rtl"] .header__right {
    margin-left: 0;
    margin-right: auto;
}
html[dir="rtl"] .main_menu ul li {
    margin-right: 0;
    margin-left: 24px;
}
html[dir="rtl"] .wolf-join-arrow {
    transform: scaleX(-1);
    margin-left: 0;
    margin-right: 6px;
}

/* Unified Language Switcher Link */
.wolf-lang-switcher {
    color: #ff6a00 !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-right: 12px !important;
    margin-left: 12px !important;
    line-height: 1 !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    transition: opacity 0.2s ease !important;
}
.wolf-lang-switcher:hover {
    color: #ff8533 !important;
    opacity: 0.9 !important;
    text-decoration: none !important;
    background: transparent !important;
}
.wolf-lang-switcher .wolf-lang-globe {
    font-size: 14px !important;
    line-height: 1 !important;
    display: inline-block !important;
}
.wolf-lang-switcher span {
    color: #ff6a00 !important;
    font-weight: 700 !important;
    font-size: 13px !important;
}

/* Hero & Content Sections RTL */
html[dir="rtl"] .wolf-hero-content {
    text-align: right;
}
html[dir="rtl"] .wolf-hero-actions {
    justify-content: flex-start;
}
html[dir="rtl"] .wolf-hero-actions .wolf-btn svg {
    margin-right: 0;
    margin-left: 8px;
}
html[dir="rtl"] .wolf-stat-item:not(:last-child)::after {
    right: auto;
    left: 0;
}

/* Counter & Cards RTL */
html[dir="rtl"] .wolf-counter-content {
    text-align: right;
}
html[dir="rtl"] .wolf-stories-left {
    text-align: right;
}

/* Alphas & Coaches RTL */
html[dir="rtl"] .wolf-alpha-back-btn .arrow {
    display: inline-block;
    transform: scaleX(-1);
}
html[dir="rtl"] .wolf-alpha-view-btn span,
html[dir="rtl"] .wolf-alpha-consult-btn span {
    display: inline-block;
    transform: scaleX(-1);
    margin-left: 0;
    margin-right: 6px;
}

/* Forms & Inputs RTL */
html[dir="rtl"] .form-group label,
html[dir="rtl"] .wolf-contact-form-group label,
html[dir="rtl"] .field label {
    text-align: right;
    display: block;
}
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select {
    text-align: right;
    direction: rtl;
}

/* Course Cards RTL */
html[dir="rtl"] .wolf-course-card-body {
    text-align: right;
}
html[dir="rtl"] .wolf-course-title h3 {
    text-align: right;
}
html[dir="rtl"] .wolf-course-info span {
    margin-right: 0;
    margin-left: 16px;
}

/* FAQs Accordion RTL */
html[dir="rtl"] .wolf-faq-question {
    text-align: right;
    padding-right: 20px;
    padding-left: 50px;
}
html[dir="rtl"] .wolf-faq-arrow {
    right: auto;
    left: 20px;
}

/* Footer RTL */
html[dir="rtl"] .wolf-new-footer-grid {
    direction: rtl;
}
html[dir="rtl"] .wolf-new-footer-col {
    text-align: right;
}
html[dir="rtl"] .wolf-new-footer-button span {
    display: inline-block;
    transform: scaleX(-1);
    margin-left: 0;
    margin-right: 6px;
}
html[dir="rtl"] .wolf-new-list-ico {
    margin-right: 0;
    margin-left: 10px;
}

/* Welcome Hero RTL */
html[dir="rtl"] .contact-welcome-content {
    text-align: right;
    justify-content: flex-end;
}
html[dir="rtl"] .contact-welcome-next {
    padding-left: 0;
    padding-right: clamp(8px, 1.4vw, 20px);
    align-items: flex-end;
    text-align: right;
}