/**
 * Fitness Platform Pro - RTL Styles
 *
 * @package Fitness_Platform_Pro
 * @version 1.0.0
 */

/* ============================================
   RTL BASE ADJUSTMENTS
   ============================================ */

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

/* Flip margins and paddings for RTL */
.fp-col {
    padding-right: var(--fp-spacing-md);
    padding-left: var(--fp-spacing-md);
}

/* ============================================
   HEADER RTL
   ============================================ */

.fp-nav-menu {
    flex-direction: row-reverse;
}

.fp-header-actions {
    flex-direction: row-reverse;
}

.fp-user-dropdown {
    right: auto;
    left: 0;
}

.fp-mobile-menu {
    right: auto;
    left: -100%;
}

.fp-mobile-menu.active {
    left: 0;
    right: auto;
}

/* ============================================
   HERO RTL
   ============================================ */

.fp-hero::before {
    right: auto;
    left: -10%;
}

.fp-hero-buttons {
    flex-direction: row-reverse;
}

.fp-hero-stats {
    flex-direction: row-reverse;
}

.fp-hero-scroll-link {
    animation-direction: reverse;
}

/* ============================================
   FEATURES RTL
   ============================================ */

.fp-features-grid {
    direction: rtl;
}

.fp-plan-features {
    text-align: right;
}

.fp-plan-features li {
    flex-direction: row-reverse;
}

.fp-plan-features li::before {
    margin-right: 0;
    margin-left: var(--fp-spacing-sm);
}

/* ============================================
   VIDEOS RTL
   ============================================ */

.fp-video-duration {
    left: auto;
    right: 10px;
}

.fp-video-modal-close {
    right: auto;
    left: 0;
}

.fp-video-play {
    transform: translate(50%, -50%);
}

.fp-video-play:hover {
    transform: translate(50%, -50%) scale(1.1);
}

/* ============================================
   TESTIMONIALS RTL
   ============================================ */

.fp-testimonial-quote {
    right: auto;
    left: -5px;
}

/* ============================================
   FORMS RTL
   ============================================ */

.fp-form-check {
    flex-direction: row-reverse;
}

.fp-form-check-input {
    margin-right: 0;
    margin-left: var(--fp-spacing-sm);
}

/* ============================================
   WOOCOMMERCE RTL
   ============================================ */

.fp-cart-count {
    right: auto;
    left: -5px;
}

.fp-product-badge {
    right: auto;
    left: var(--fp-spacing-md);
}

/* ============================================
   NAVIGATION RTL
   ============================================ */

.nav-links {
    flex-direction: row-reverse;
}

/* ============================================
   BACK TO TOP RTL
   ============================================ */

.fp-back-to-top {
    left: auto;
    right: 30px;
}

/* ============================================
   SEARCH RTL
   ============================================ */

.fp-search-close {
    left: auto;
    right: 0;
}

/* ============================================
   TRAINER CODE RTL
   ============================================ */

.fp-trainer-code-status {
    flex-direction: row-reverse;
}

.fp-trainer-code-info {
    flex-direction: row-reverse;
}

/* ============================================
   MOBILE MENU RTL
   ============================================ */

.fp-mobile-nav-menu a {
    text-align: right;
}

/* ============================================
   PAGINATION RTL
   ============================================ */

.page-numbers.prev,
.page-numbers.next {
    transform: scaleX(-1);
}

/* ============================================
   ARROW ICONS RTL
   ============================================ */

.fa-arrow-left,
.fa-chevron-left {
    transform: scaleX(-1);
}

.fa-arrow-right,
.fa-chevron-right {
    transform: scaleX(-1);
}

/* ============================================
   INPUT RTL
   ============================================ */

input[type="email"],
input[type="tel"],
input[type="url"] {
    direction: rtl;
    text-align: right;
}

/* Trainer code input should be LTR for alphanumeric */
#trainer_code {
    direction: ltr;
    text-align: center;
}

/* ============================================
   FLEXBOX RTL UTILITIES
   ============================================ */

.fp-row {
    flex-direction: row-reverse;
}

/* ============================================
   GRID RTL
   ============================================ */

@media (min-width: 768px) {
    .fp-hero-inner {
        direction: rtl;
    }
    
    /* المحتوى على اليمين، الصورة على اليسار */
    .fp-hero-content {
        order: 1;
    }
    
    .fp-hero-image {
        order: 2;
    }
}

/* ============================================
   DROPDOWN RTL
   ============================================ */

.fp-user-dropdown-menu li a {
    flex-direction: row-reverse;
}

/* ============================================
   ALERTS RTL
   ============================================ */

.fp-alert {
    flex-direction: row-reverse;
}

/* ============================================
   CART RTL
   ============================================ */

.fp-cart-quantity {
    flex-direction: row-reverse;
}

/* ============================================
   ACCOUNT RTL
   ============================================ */

.fp-account-grid {
    direction: rtl;
}

.fp-account-menu a {
    flex-direction: row-reverse;
}

/* ============================================
   NEWSLETTER RTL
   ============================================ */

.fp-newsletter-input-group {
    flex-direction: row-reverse;
}

/* ============================================
   CTA RTL
   ============================================ */

.fp-cta-buttons {
    flex-direction: row-reverse;
}

.fp-cta-feature {
    flex-direction: row-reverse;
}

/* ============================================
   POST META RTL
   ============================================ */

.fp-post-meta {
    flex-direction: row-reverse;
}

/* ============================================
   VIDEO META RTL
   ============================================ */

.fp-video-meta {
    flex-direction: row-reverse;
}

/* ============================================
   LOADING SPINNER RTL
   ============================================ */

.fp-spinner {
    animation-direction: reverse;
}

/* ============================================
   SCROLLBAR RTL
   ============================================ */

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: var(--fp-gray-lighter);
}

::-webkit-scrollbar-thumb {
    background: var(--fp-gray);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--fp-gray-dark);
}

/* ============================================
   PRINT RTL
   ============================================ */

@media print {
    body {
        direction: rtl;
    }
}