/* styles-rtl.css - RTL support */

/* Hebrew-specific font support */
html[dir="rtl"][lang="he"] body {
  font-family: "Arial Hebrew", "Noto Sans Hebrew", "Segoe UI", sans-serif;
}

[dir="rtl"] .phone {
    direction: ltr;
}

[dir="rtl"] .phone-screen-content {
    direction: rtl;
}

[dir="rtl"] .cookie-consent {
    direction: rtl;
    text-align: right;
}

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

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

[dir="rtl"] .cookie-consent-title,
[dir="rtl"] .cookie-consent-description {
    text-align: right;
}

[dir="rtl"] .cookie-settings-modal-content {
    text-align: right;
    direction: rtl;
}

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

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

[dir="rtl"] .cookie-option-description {
    text-align: right;
}


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

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

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

    [dir="rtl"] .cookie-settings-actions {
        flex-direction: column;
    }
}


 /* Language dropdown: prevent highlight overflow and long-text overflow */
 .lang-dropdown {
     right: 0;
     left: auto;
     box-sizing: border-box;
     max-width: calc(100vw - 32px);
     overflow: hidden;
 }

 /* Responsive adjustments: center dropdown on mobile for both LTR and RTL */
 @media (max-width: 768px) {
     .lang-dropdown {
         left: 50% !important;
         right: auto !important;
         transform: translateX(-50%) translateY(-8px) !important;
         width: calc(100vw - 32px) !important;
         max-width: none !important;
     }
     .lang-dropdown.open {
         transform: translateX(-50%) translateY(0) !important;
     }
 }

 [dir="rtl"] .lang-search-icon {
     left: auto;
     right: 16px;
 }

 [dir="rtl"] .lang-search-clear {
     left: 8px;
     right: auto;
 }

 [dir="rtl"] .lang-search {
     padding: 10px 28px 10px 32px;
 }

 /* Responsive RTL */
 @media (max-width: 480px) {
     [dir="rtl"] .lang-search-icon {
         right: 16px;
         width: 18px;
         height: 18px;
     }

     [dir="rtl"] .lang-search-clear {
         left: 10px;
         right: auto;
         width: 20px;
         height: 20px;
     }

     [dir="rtl"] .lang-search {
         padding: 10px 32px 10px 40px;
     }
 }

.lang-option {
    box-sizing: border-box;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

 .lang-option.active {
     border-radius: 6px;
     background-clip: padding-box;
     color: var(--accent-light);
     background: var(--active-bg);
 }

 .lang-option.active .lang-code-badge {
     color: var(--accent-light);
     background: var(--active-bg);
     font-weight: 700;
 }

/* Make active language option non-interactive */
.lang-option[aria-disabled="true"] {
    pointer-events: none;
    cursor: default;
    opacity: 0.95;
}

/* Header download dropdown RTL support */
[dir="rtl"] .header-download-dropdown {
    right: 0;
    left: auto;
}

[dir="rtl"] .header-store-link {
    text-align: right;
    direction: ltr;
}

/* Footer stores RTL support */
[dir="rtl"] .footer-stores {
    direction: ltr;
}

@media (min-width: 720px) {
    [dir="rtl"] .footer-inner {
        flex-direction: row-reverse;
    }
}


@media (max-width: 800px) {
    .features-section {
        padding-top: 68px;
        scroll-margin-top: 68px;
    }
}


@media (min-width: 1025px) {
    .hero-content {
        align-items: center;
        padding: 120px 24px 120px;
    }

    .features-section,
    .problems-section,
    .faq-section {
        padding-top: 50px;
        scroll-margin-top: 50px;
    }

    .faq-section {
        padding-bottom: 180px;
    }
}


/* Performance optimization */
.features-section, .problems-section, .faq-section {
    content-visibility: visible;
    contain-intrinsic-size: 100vh;
}


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

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

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

    [dir="rtl"] .cookie-settings-actions {
        flex-direction: column;
    }
}