/* ============================================
   RTL (Right-to-Left) Stylesheet
   For Arabic language support
   Following CSS Logical Properties standards
   ============================================ */

/* Base RTL Setup */
html[dir="rtl"] body {
    direction: rtl;
    text-align: start;
}

/* ============================================
   HEADER & NAVIGATION
   ============================================ */

/* Enterprise Header */
html[dir="rtl"] .enterprise-header {
    direction: rtl;
}

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

html[dir="rtl"] .header-logo {
    margin-inline-end: auto;
    margin-inline-start: 0;
}

html[dir="rtl"] .header-nav {
    direction: rtl;
}

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

html[dir="rtl"] .nav-item {
    margin-inline-start: 0;
    margin-inline-end: 1.5rem;
}

html[dir="rtl"] .nav-item:first-child {
    margin-inline-end: 0;
}

html[dir="rtl"] .nav-item:last-child {
    margin-inline-start: 0;
}

/* Dropdown Menus */
html[dir="rtl"] .dropdown-menu {
    left: auto;
    right: 0;
    text-align: start;
}

html[dir="rtl"] .dropdown-item {
    text-align: start;
}

/* Header Actions */
html[dir="rtl"] .header-actions {
    flex-direction: row-reverse;
}

/* Mobile Navigation */
html[dir="rtl"] .mobile-nav-overlay,
html[dir="rtl"] .mobile-nav-menu {
    left: auto;
    right: 0;
    direction: rtl;
}

html[dir="rtl"] .mobile-menu-toggle {
    left: 1rem;
    right: auto;
}

html[dir="rtl"] .mobile-nav-item {
    text-align: start;
}

html[dir="rtl"] .mobile-nav-link {
    padding-inline-start: 1rem;
    padding-inline-end: 1rem;
}

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

html[dir="rtl"] .enterprise-footer {
    direction: rtl;
    text-align: start;
}

html[dir="rtl"] .footer-section {
    text-align: start;
}

html[dir="rtl"] .footer-links {
    padding-inline-start: 0;
    text-align: start;
}

html[dir="rtl"] .footer-links li {
    text-align: start;
}

html[dir="rtl"] .social-links {
    justify-content: flex-start;
}

html[dir="rtl"] .footer-bottom {
    text-align: center;
}

/* ============================================
   CONTENT & LAYOUT
   ============================================ */

/* General Text Alignment */
html[dir="rtl"] h1, 
html[dir="rtl"] h2, 
html[dir="rtl"] h3, 
html[dir="rtl"] h4, 
html[dir="rtl"] h5, 
html[dir="rtl"] h6 {
    text-align: start;
}

html[dir="rtl"] p {
    text-align: start;
}

/* Lists */
html[dir="rtl"] ul,
html[dir="rtl"] ol {
    padding-inline-start: 2rem;
    padding-inline-end: 0;
}

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

/* Buttons */
html[dir="rtl"] .btn,
html[dir="rtl"] button {
    text-align: center;
}

/* Forms */
html[dir="rtl"] input[type="text"],
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input[type="password"],
html[dir="rtl"] textarea,
html[dir="rtl"] select {
    text-align: start;
    direction: rtl;
}

html[dir="rtl"] label {
    text-align: start;
}

/* Form Groups */
html[dir="rtl"] .form-group {
    text-align: start;
}

/* ============================================
   ICONS & DIRECTIONAL ELEMENTS
   ============================================ */

/* Font Awesome Icon Mirroring */
html[dir="rtl"] .fa-angle-right:before,
html[dir="rtl"] .fa-chevron-right:before,
html[dir="rtl"] .fa-arrow-right:before,
html[dir="rtl"] .fa-caret-right:before {
    transform: scaleX(-1);
    display: inline-block;
}

html[dir="rtl"] .fa-angle-left:before,
html[dir="rtl"] .fa-chevron-left:before,
html[dir="rtl"] .fa-arrow-left:before,
html[dir="rtl"] .fa-caret-left:before {
    transform: scaleX(-1);
    display: inline-block;
}

/* Icon positioning */
html[dir="rtl"] .icon-left {
    margin-inline-end: 0.5rem;
    margin-inline-start: 0;
}

html[dir="rtl"] .icon-right {
    margin-inline-start: 0.5rem;
    margin-inline-end: 0;
}

/* ============================================
   SERVICES & CARDS
   ============================================ */

html[dir="rtl"] .service-card,
html[dir="rtl"] .feature-card,
html[dir="rtl"] .info-card {
    text-align: start;
}

html[dir="rtl"] .card-body {
    text-align: start;
}

html[dir="rtl"] .card-title {
    text-align: start;
}

html[dir="rtl"] .card-text {
    text-align: start;
}

/* Service Icons */
html[dir="rtl"] .service-icon {
    margin-inline-end: 1rem;
    margin-inline-start: 0;
}

/* ============================================
   CAROUSEL & SLIDERS
   ============================================ */

html[dir="rtl"] .carousel-control-prev {
    left: auto;
    right: 0;
}

html[dir="rtl"] .carousel-control-next {
    right: auto;
    left: 0;
}

html[dir="rtl"] .carousel-indicators {
    direction: ltr; /* Keep indicators LTR for consistency */
}

/* Owl Carousel RTL Support */
html[dir="rtl"] .owl-carousel {
    direction: rtl;
}

html[dir="rtl"] .owl-carousel .owl-nav button.owl-prev {
    left: auto;
    right: 0;
}

html[dir="rtl"] .owl-carousel .owl-nav button.owl-next {
    right: auto;
    left: 0;
}

/* ============================================
   MODALS & OVERLAYS
   ============================================ */

html[dir="rtl"] .modal-header,
html[dir="rtl"] .modal-body,
html[dir="rtl"] .modal-footer {
    text-align: start;
}

html[dir="rtl"] .modal-header .close,
html[dir="rtl"] .modal-header .btn-close {
    left: 1rem;
    right: auto;
}

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

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

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

html[dir="rtl"] .table-responsive {
    direction: rtl;
}

/* ============================================
   BREADCRUMBS & PAGINATION
   ============================================ */

html[dir="rtl"] .breadcrumb {
    direction: rtl;
}

html[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
    padding-inline-end: 0.5rem;
    padding-inline-start: 0.5rem;
    content: "/";
}

html[dir="rtl"] .pagination {
    direction: rtl;
}

/* ============================================
   TOOLTIPS & POPOVERS
   ============================================ */

html[dir="rtl"] .tooltip {
    text-align: start;
}

html[dir="rtl"] .popover {
    text-align: start;
}

/* ============================================
   ALERTS & NOTIFICATIONS
   ============================================ */

html[dir="rtl"] .alert {
    text-align: start;
}

html[dir="rtl"] .alert-dismissible .close,
html[dir="rtl"] .alert-dismissible .btn-close {
    left: 0;
    right: auto;
    padding-inline-start: 1.25rem;
    padding-inline-end: 0.75rem;
}

/* ============================================
   BADGES & LABELS
   ============================================ */

html[dir="rtl"] .badge {
    margin-inline-start: 0.25rem;
    margin-inline-end: 0;
}

/* ============================================
   PROGRESS BARS
   ============================================ */

html[dir="rtl"] .progress {
    direction: ltr; /* Keep progress bars LTR */
}

/* ============================================
   TABS & ACCORDIONS
   ============================================ */

html[dir="rtl"] .nav-tabs {
    direction: rtl;
}

html[dir="rtl"] .tab-content {
    text-align: start;
}

html[dir="rtl"] .accordion {
    text-align: start;
}

html[dir="rtl"] .accordion-button {
    text-align: start;
}

html[dir="rtl"] .accordion-button::after {
    margin-inline-start: auto;
    margin-inline-end: 0;
}

/* ============================================
   HERO SECTIONS & BANNERS
   ============================================ */

html[dir="rtl"] .hero-section {
    text-align: start;
}

html[dir="rtl"] .hero-title {
    text-align: start;
}

html[dir="rtl"] .hero-description {
    text-align: start;
}

html[dir="rtl"] .banner {
    text-align: start;
}

/* ============================================
   3D VISUALIZATIONS & MAESTRO
   ============================================ */

html[dir="rtl"] .maestro-container {
    direction: ltr; /* Keep 3D visualizations LTR */
}

html[dir="rtl"] .chart-container {
    direction: ltr; /* Keep charts LTR */
}

html[dir="rtl"] .visualization-controls {
    text-align: start;
}

/* ============================================
   RESPONSIVE ADJUSTMENTS
   ============================================ */

@media (max-width: 768px) {
    html[dir="rtl"] .mobile-nav-menu {
        right: 0;
        left: auto;
    }
    
    html[dir="rtl"] .mobile-menu-toggle {
        left: 1rem;
        right: auto;
    }
}

@media (max-width: 576px) {
    html[dir="rtl"] .container,
    html[dir="rtl"] .container-fluid {
        padding-inline-start: 15px;
        padding-inline-end: 15px;
    }
}

/* ============================================
   ACCESSIBILITY ENHANCEMENTS
   ============================================ */

/* Ensure screen readers get proper text direction */
html[dir="rtl"] [role="navigation"],
html[dir="rtl"] [role="main"],
html[dir="rtl"] [role="complementary"] {
    direction: rtl;
}

/* Focus styles maintain RTL awareness */
html[dir="rtl"] *:focus {
    outline-offset: 2px;
}

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

@media print {
    html[dir="rtl"] * {
        direction: rtl !important;
        text-align: start !important;
    }
}

/* ============================================
   CUSTOM COMPONENT OVERRIDES
   ============================================ */

/* Language Switcher RTL - already handled in language-switcher.css */

/* Ensure numbers remain LTR in RTL context */
html[dir="rtl"] .number,
html[dir="rtl"] .price,
html[dir="rtl"] .phone,
html[dir="rtl"] .code {
    direction: ltr;
    unicode-bidi: embed;
}

/* Email addresses remain LTR */
html[dir="rtl"] a[href^="mailto:"] {
    direction: ltr;
    unicode-bidi: embed;
}

/* URLs remain LTR */
html[dir="rtl"] a[href^="http"] {
    direction: ltr;
    unicode-bidi: embed;
}

/* ============================================
   END OF RTL STYLESHEET
   ============================================ */