/* ============================================
   AUDIENCEJET - RTL (RIGHT-TO-LEFT) STYLESHEET
   For Arabic Language Support
   ============================================ */

/* ============================================
   ARABIC FONT - IBM Plex Sans Arabic
   ============================================ */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap');

/* Apply Arabic font when RTL is active */
[dir="rtl"] {
    font-family: 'IBM Plex Sans Arabic', 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

[dir="rtl"] body,
[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] h6,
[dir="rtl"] p,
[dir="rtl"] a,
[dir="rtl"] span,
[dir="rtl"] div,
[dir="rtl"] li,
[dir="rtl"] input,
[dir="rtl"] textarea,
[dir="rtl"] button,
[dir="rtl"] select {
    font-family: 'IBM Plex Sans Arabic', 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* ============================================
   BASE RTL OVERRIDES
   ============================================ */

/* Text alignment */
[dir="rtl"] {
    text-align: right;
}

[dir="rtl"] .text-left {
    text-align: right !important;
}

[dir="rtl"] .text-right {
    /*text-align: left !important;*/
}

[dir="rtl"] .text-center {
    text-align: center !important;
}

/* Float direction */
[dir="rtl"] .pull-left,
[dir="rtl"] .float-left {
    float: right !important;
}

[dir="rtl"] .pull-right,
[dir="rtl"] .float-right {
    float: left !important;
}

/* ============================================
   FLEXBOX RTL ADJUSTMENTS
   ============================================ */

[dir="rtl"] .d-flex,
[dir="rtl"] .flex-row {
    flex-direction: row-reverse;
}

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

/* Keep certain flex items in normal order */
[dir="rtl"] .hero-stats,
[dir="rtl"] .banner-btns,
[dir="rtl"] .cta-buttons,
[dir="rtl"] .trust-badges,
[dir="rtl"] .partners-logos,
[dir="rtl"] .country-flags {
    flex-direction: row;
}

/* ============================================
   MARGIN & PADDING RTL SWAPS
   ============================================ */

/* Margin swaps */
[dir="rtl"] .ml-auto { margin-left: 0 !important; margin-right: auto !important; }
[dir="rtl"] .mr-auto { margin-right: 0 !important; margin-left: auto !important; }

[dir="rtl"] .ml-1, [dir="rtl"] .ml-2, [dir="rtl"] .ml-3, [dir="rtl"] .ml-4, [dir="rtl"] .ml-5 {
    margin-left: 0 !important;
}

[dir="rtl"] .mr-1, [dir="rtl"] .mr-2, [dir="rtl"] .mr-3, [dir="rtl"] .mr-4, [dir="rtl"] .mr-5 {
    margin-right: 0 !important;
}

/* Padding swaps */
[dir="rtl"] .pl-1, [dir="rtl"] .pl-2, [dir="rtl"] .pl-3, [dir="rtl"] .pl-4, [dir="rtl"] .pl-5 {
    padding-left: 0 !important;
}

[dir="rtl"] .pr-1, [dir="rtl"] .pr-2, [dir="rtl"] .pr-3, [dir="rtl"] .pr-4, [dir="rtl"] .pr-5 {
    padding-right: 0 !important;
}

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

[dir="rtl"] #fh5co-header-section .logo-bar .row {
    direction: rtl;
}

[dir="rtl"] #fh5co-logo {
    margin: 28px 15px 28px 0;
}

[dir="rtl"] .navigation_area {
    text-align: right;
}

[dir="rtl"] #fh5co-menu-wrap ul.sf-menu {
    text-align: right;
}

[dir="rtl"] #fh5co-menu-wrap ul.sf-menu li {
    margin-right: 0;
    margin-left: 30px;
}

[dir="rtl"] .top-login-links {
    text-align: left;
}

[dir="rtl"] .top-login-links .login {
    margin-left: 0;
    margin-right: 15px;
}

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

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

[dir="rtl"] .hero-badge {
    direction: rtl;
}

[dir="rtl"] .hero-badge img {
    margin-right: 0;
    margin-left: 8px;
}

[dir="rtl"] .hero-stats {
    justify-content: flex-start;
}

[dir="rtl"] .stat-item {
    text-align: right;
}

[dir="rtl"] .banner-btns {
    justify-content: flex-start;
}

[dir="rtl"] .banner-btns a:first-child {
    margin-right: 0;
    margin-left: 10px;
}

[dir="rtl"] .themebtn svg,
[dir="rtl"] .themebtn img {
    margin-left: 0;
    margin-right: 8px;
    transform: scaleX(-1); /* Flip arrows */
}

[dir="rtl"] .trust-badges {
    justify-content: flex-start;
}

/* Floating cards */
[dir="rtl"] .floating-card.card-order {
    left: auto;
    right: -20px;
}

[dir="rtl"] .floating-card.card-payment {
    right: auto;
    left: -20px;
}

/* ============================================
   COMPARISON SECTION RTL
   ============================================ */

[dir="rtl"] .comparison-list li {
    /*flex-direction: row-reverse;*/
}

[dir="rtl"] .comparison-list li svg {
    margin-right: 0;
    margin-left: 12px;
}

/* ============================================
   STEPS/TIMELINE SECTION RTL
   ============================================ */

[dir="rtl"] .step-item {
    flex-direction: row-reverse;
}

[dir="rtl"] .step-item.reverse {
    flex-direction: row;
}

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

[dir="rtl"] .step-icon {
    margin-left: auto;
    margin-right: 0;
}

@media (max-width: 768px) {
    [dir="rtl"] .step-item,
    [dir="rtl"] .step-item.reverse {
        flex-direction: column;
        text-align: center;
    }
    
    [dir="rtl"] .step-icon {
        margin: 0 auto 20px;
    }
}

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

[dir="rtl"] .feature-card {
    text-align: right;
}

[dir="rtl"] .feature-badge {
    right: auto;
    left: 20px;
}

[dir="rtl"] .feature-list li {
    padding-left: 0;
    padding-right: 20px;
}

[dir="rtl"] .feature-list li::before {
    left: auto;
    right: 0;
}

/* ============================================
   DEMO SECTION RTL
   ============================================ */

[dir="rtl"] .demo-step-item {
    /*flex-direction: row-reverse;*/
}

[dir="rtl"] .demo-step-item .step-info {
    text-align: right;
}

[dir="rtl"] .demo-step-item .step-number-circle {
    margin-right: 0;
    margin-left: 20px;
}

/* ============================================
   PRICING SECTION RTL
   ============================================ */

[dir="rtl"] .pricing-card {
    text-align: right;
}

[dir="rtl"] .pricing-header {
    text-align: center;
}

[dir="rtl"] .plan-features li {
    /*flex-direction: row-reverse;*/
}

[dir="rtl"] .plan-features li svg {
    margin-right: 0;
    margin-left: 12px;
}

/* ============================================
   INDUSTRIES SECTION RTL
   ============================================ */

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

/* ============================================
   SECURITY SECTION RTL
   ============================================ */

[dir="rtl"] .security-content {
    padding-right: 0;
    padding-left: 40px;
}

[dir="rtl"] .security-item {
    /*flex-direction: row-reverse;*/
}

[dir="rtl"] .security-icon {
    margin-right: 0;
    margin-left: 16px;
}

[dir="rtl"] .security-text {
    text-align: right;
}

[dir="rtl"] .permissions-card {
    text-align: right;
}

[dir="rtl"] .permission-item {
    /*flex-direction: row-reverse;*/
}

[dir="rtl"] .permission-icon {
    margin-right: 0;
    margin-left: 16px;
}

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

[dir="rtl"] .permission-note {
    /*flex-direction: row-reverse;*/
}

[dir="rtl"] .permission-note svg {
    margin-right: 0;
    margin-left: 8px;
}

@media (max-width: 768px) {
    [dir="rtl"] .security-content {
        padding-left: 0;
    }
}

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

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

[dir="rtl"] .cta-feature svg {
    margin-right: 0;
    margin-left: 8px;
}

/* ============================================
   FAQ SECTION RTL
   ============================================ */

[dir="rtl"] .faq-header {
    text-align: right;
}

[dir="rtl"] .qa-accordion .panel-title a {
    text-align: right;
    padding-right: 24px;
    padding-left: 50px;
}

[dir="rtl"] .qa-accordion .panel-title a::after {
    right: auto;
    left: 24px;
}

[dir="rtl"] .qa-accordion .panel-body {
    text-align: right;
}

/* ============================================
   FOOTER RTL
   ============================================ */

[dir="rtl"] #gtco-footer .footer-links-head::after {
    left: auto;
    right: 0;
}

[dir="rtl"] #gtco-footer .footer-links a::before {
    left: auto;
    right: -15px;
    border-left: none;
    border-right: 5px solid #25D366;
}

[dir="rtl"] #gtco-footer .footer-links a:hover::before {
    right: -10px;
    left: auto;
}

[dir="rtl"] #gtco-footer .footer-links a:hover {
    padding-left: 0;
    padding-right: 8px;
}

[dir="rtl"] #gtco-footer .social-links ul {
    justify-content: flex-start;
}

@media (max-width: 767px) {
    [dir="rtl"] #gtco-footer .footer-brand,
    [dir="rtl"] #gtco-footer .footer-text,
    [dir="rtl"] #gtco-footer .footer-links,
    [dir="rtl"] #gtco-footer .footer-links-head,
    [dir="rtl"] #gtco-footer .copyright-text,
    [dir="rtl"] #gtco-footer .company-address {
        text-align: center;
    }
    
    [dir="rtl"] #gtco-footer .footer-links-head::after {
        left: 50%;
        right: auto;
        transform: translateX(50%);
    }
    
    [dir="rtl"] #gtco-footer .social-links ul {
        justify-content: center;
    }
}

/* ============================================
   LANGUAGE SWITCHER RTL
   ============================================ */

[dir="rtl"] .language-switcher {
    right: auto;
    left: 30px;
}

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

[dir="rtl"] .form-group {
    text-align: right;
}

[dir="rtl"] .form-control {
    text-align: right;
}

[dir="rtl"] input[type="text"],
[dir="rtl"] input[type="email"],
[dir="rtl"] input[type="tel"],
[dir="rtl"] input[type="password"],
[dir="rtl"] textarea,
[dir="rtl"] select {
    text-align: right;
    direction: rtl;
}

/* Phone input with country code */
[dir="rtl"] .iti {
    direction: ltr;
}

[dir="rtl"] .iti input {
    text-align: right;
    padding-right: 100px !important;
    padding-left: 15px !important;
}

[dir="rtl"] .iti--separate-dial-code .iti__selected-flag {
    padding: 0 20px;
}

/* ============================================
   BUTTONS RTL
   ============================================ */

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

[dir="rtl"] .btn svg,
[dir="rtl"] .btn img {
    margin-left: 0;
    margin-right: 8px;
}

/* Arrow icons should flip */
[dir="rtl"] .fa-arrow-right::before,
[dir="rtl"] .fa-chevron-right::before,
[dir="rtl"] .fa-angle-right::before {
    content: "\f060"; /* fa-arrow-left */
}

[dir="rtl"] .fa-arrow-left::before,
[dir="rtl"] .fa-chevron-left::before,
[dir="rtl"] .fa-angle-left::before {
    content: "\f061"; /* fa-arrow-right */
}

/* ============================================
   LISTS RTL
   ============================================ */

[dir="rtl"] ul,
[dir="rtl"] ol {
    /*padding-right: 24px;*/
    padding-left: 0;
}

[dir="rtl"] li {
    text-align: right;
}

/* ============================================
   TABLES RTL
   ============================================ */

[dir="rtl"] table {
    direction: rtl;
}

[dir="rtl"] th,
[dir="rtl"] td {
    text-align: right;
}

/* ============================================
   DROPDOWNS RTL
   ============================================ */

[dir="rtl"] .dropdown-menu {
    right: 0;
    left: auto;
    text-align: right;
}

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

[dir="rtl"] .fh5co-nav-toggle {
    right: auto;
    left: 15px;
}

[dir="rtl"] #offcanvas-menu {
    right: auto;
    left: 0;
    transform: translateX(-100%);
}

[dir="rtl"] #offcanvas-menu.active {
    transform: translateX(0);
}

[dir="rtl"] #offcanvas-menu ul li {
    text-align: right;
}

/* ============================================
   ANIMATIONS RTL ADJUSTMENTS
   ============================================ */

[dir="rtl"] [data-aos="fade-right"] {
    transform: translateX(30px);
}

[dir="rtl"] [data-aos="fade-right"].aos-animate {
    transform: translateX(0);
}

[dir="rtl"] [data-aos="fade-left"] {
    transform: translateX(-30px);
}

[dir="rtl"] [data-aos="fade-left"].aos-animate {
    transform: translateX(0);
}

/* ============================================
   BOOTSTRAP GRID RTL OVERRIDES
   ============================================ */

[dir="rtl"] .col-md-offset-1 {
    margin-right: 8.33333333%;
    margin-left: 0;
}

[dir="rtl"] .col-md-offset-2 {
    margin-right: 16.66666667%;
    margin-left: 0;
}

[dir="rtl"] .col-md-offset-3 {
    margin-right: 25%;
    margin-left: 0;
}

/* ============================================
   SPECIFIC COMPONENT FIXES
   ============================================ */

/* Card icon alignment */
[dir="rtl"] .card-icon {
    margin-right: 0;
    margin-left: 12px;
}

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

/* VS Badge centered */
[dir="rtl"] .comparison-vs {
    order: 0;
}

/* Section badge */
[dir="rtl"] .section-badge {
    display: inline-block;
}

/* Gradient text */
[dir="rtl"] .gradient-text {
    display: inline;
}

/* ============================================
   LEGAL PAGES RTL (if needed)
   ============================================ */

[dir="rtl"] .legal-nav {
    text-align: right;
}

[dir="rtl"] .legal-body {
    text-align: right;
}

[dir="rtl"] .legal-body h2 {
    border-right: 2px solid #25D366;
    border-left: none;
    padding-right: 12px;
    padding-left: 0;
}

[dir="rtl"] .permission-explanation {
    border-left: none;
    border-right: 4px solid #25D366;
}

[dir="rtl"] .important-note {
    border-left: none;
    border-right: 4px solid #17a2b8;
}

[dir="rtl"] .complaint-info {
    border-left: none;
    border-right: 4px solid #ffc107;
}

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

@media print {
    [dir="rtl"] body {
        direction: rtl;
    }
}