/* RTL Styles - محسن للغة العربية */
/* ========== إعدادات عامة لـ RTL ========== */
html[dir="rtl"],
body[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

/* ========== تحسينات النصوص ========== */
[lang="ar"],
[dir="rtl"] {
    font-family: 'Cairo', 'Almarai', sans-serif;
}

/* تحسين التباعد بين الأحرف للغة العربية */
.arabic-text {
    letter-spacing: 0;
    word-spacing: 0.2em;
}

/* تحسين تنسيق الفقرات */
p, li, td, th, div, span {
    text-align: right;
    line-height: 1.8;
}

/* ========== تحسينات النماذج ========== */
.form-group label {
    text-align: right;
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 600;
}

.form-control,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="number"],
input[type="date"],
input[type="time"],
textarea,
select {
    text-align: right;
    padding-right: 15px;
    padding-left: 40px;
    direction: rtl;
}

/* أيقونات داخل حقول الإدخال */
.input-with-icon {
    position: relative;
}

.input-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    right: auto;
    color: var(--text-light);
    font-size: 1.1rem;
}

/* مكان النص في textarea */
textarea::placeholder {
    text-align: right;
    direction: rtl;
}

/* ========== تحسينات الأزرار ========== */
.btn i,
.btn-contact i {
    margin-right: 0;
    margin-left: 8px;
}

/* ========== تحسينات القوائم ========== */
ul, ol {
    padding-right: 20px;
    padding-left: 0;
}

.nav-list {
    text-align: right;
}

.dropdown-menu {
    text-align: right;
    right: 0;
    left: auto;
}

/* ========== تحسينات الجداول ========== */
table {
    text-align: right;
    direction: rtl;
}

th, td {
    text-align: right;
    padding: 12px 20px 12px 10px;
}

/* ========== تحسينات البطاقات ========== */
.card {
    text-align: right;
}

.card-img-left {
    border-radius: 0 var(--border-radius) var(--border-radius) 0;
}

.card-img-right {
    border-radius: var(--border-radius) 0 0 var(--border-radius);
}

/* ========== تحسينات التصنيف ========== */
.pagination {
    text-align: right;
}

.page-item:first-child .page-link {
    border-radius: 0 var(--border-radius) var(--border-radius) 0;
}

.page-item:last-child .page-link {
    border-radius: var(--border-radius) 0 0 var(--border-radius);
}

/* ========== تحسينات accordion ========== */
.accordion-button {
    text-align: right;
    padding-right: 1.25rem;
    padding-left: 3.25rem;
}

.accordion-button::after {
    margin-right: auto;
    margin-left: 0;
    right: auto;
    left: 1.25rem;
    transform: rotate(180deg);
}

.accordion-button:not(.collapsed)::after {
    transform: rotate(90deg);
}

/* ========== تحسينات breadcrumb ========== */
.breadcrumb {
    text-align: right;
    padding-right: 0;
}

.breadcrumb-item + .breadcrumb-item::before {
    content: "‹";
    padding-right: 0;
    padding-left: 0.5rem;
    transform: rotate(180deg);
    display: inline-block;
}

/* ========== تحسينات التواريخ ========== */
.date-badge {
    float: left;
    margin-left: 0;
    margin-right: 15px;
}

/* ========== تحسينات التعليقات ========== */
.comment {
    text-align: right;
}

.comment-avatar {
    float: right;
    margin-left: 15px;
    margin-right: 0;
}

/* ========== تحسينات التحذيرات ========== */
.alert {
    text-align: right;
    padding-right: 20px;
    padding-left: 40px;
}

.alert-icon {
    right: auto;
    left: 15px;
}

/* ========== تحسينات الشارات ========== */
.badge {
    margin-right: 0;
    margin-left: 5px;
}

/* ========== تحسينات قائمة group ========== */
.list-group-item {
    text-align: right;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
}

/* ========== تحسينات الـ carousel ========== */
.carousel-control-prev {
    right: 0;
    left: auto;
}

.carousel-control-next {
    left: 0;
    right: auto;
}

.carousel-indicators {
    right: 50%;
    left: auto;
    transform: translateX(50%);
}

/* ========== تحسينات الـ modal ========== */
.modal-header .close {
    margin-right: auto;
    margin-left: 0;
    float: left;
}

/* ========== تحسينات الـ tooltips ========== */
.tooltip {
    text-align: right;
    direction: rtl;
}

/* ========== تحسينات الفوتر ========== */
.footer-section {
    text-align: right;
}

.footer-section h3::after {
    right: 0;
    left: auto;
}

/* ========== تحسينات العداد ========== */
.counter {
    direction: ltr;
    display: inline-block;
}

.counter-text {
    direction: rtl;
    display: block;
}

/* ========== تحسينات الشرائح ========== */
.slider-container {
    direction: ltr;
}

.slide-content {
    text-align: right;
    right: 50px;
    left: auto;
}

/* ========== تحسينات الـ progress bar ========== */
.progress {
    direction: ltr;
}

.progress-label {
    text-align: left;
    float: right;
}

/* ========== تحسينات الـ timeline ========== */
.timeline {
    padding-right: 0;
    padding-left: 50px;
}

.timeline-item {
    text-align: right;
    padding-right: 40px;
    padding-left: 0;
}

.timeline-item::before {
    right: -6px;
    left: auto;
}

.timeline-content {
    margin-right: 20px;
    margin-left: 0;
}

/* ========== تحسينات الـ pricing tables ========== */
.price-card {
    text-align: center;
}

.price-currency {
    float: right;
    margin-left: 5px;
    margin-right: 0;
}

/* ========== تحسينات الـ testimonials ========== */
.testimonial {
    text-align: right;
}

.testimonial-author {
    text-align: right;
}

.testimonial-avatar {
    float: right;
    margin-left: 15px;
    margin-right: 0;
}

/* ========== تحسينات الـ social share ========== */
.social-share {
    text-align: right;
}

.social-share .btn {
    margin-right: 0;
    margin-left: 10px;
}

/* ========== تحسينات الـ tags ========== */
.tag {
    margin-right: 0;
    margin-left: 8px;
}

/* ========== تحسينات الـ steps ========== */
.steps-container {
    text-align: right;
}

.step-number {
    float: right;
    margin-left: 15px;
    margin-right: 0;
}

/* ========== تحسينات الـ filters ========== */
.filter-group {
    text-align: right;
}

.filter-option {
    margin-right: 0;
    margin-left: 15px;
}

/* ========== تحسينات الـ search ========== */
.search-box {
    padding-right: 15px;
    padding-left: 40px;
}

.search-icon {
    right: auto;
    left: 15px;
}

/* ========== تحسينات الـ dropdown filters ========== */
.dropdown-filter {
    text-align: right;
}

.dropdown-filter-menu {
    right: 0;
    left: auto;
}

/* ========== تحسينات الـ ratings ========== */
.rating-stars {
    direction: ltr;
    display: inline-block;
}

.rating-text {
    direction: rtl;
    display: inline-block;
    margin-right: 10px;
    margin-left: 0;
}

/* ========== تحسينات الـ notifications ========== */
.notification {
    text-align: right;
    padding-right: 20px;
    padding-left: 40px;
}

.notification-icon {
    right: auto;
    left: 15px;
}

/* ========== تحسينات الـ progress steps ========== */
.progress-step {
    text-align: center;
}

.progress-step-icon {
    margin-right: 0;
    margin-left: 10px;
}

/* ========== تحسينات الـ file upload ========== */
.file-upload {
    text-align: right;
}

.file-upload-label {
    padding-right: 15px;
    padding-left: 40px;
}

.file-upload-icon {
    right: auto;
    left: 15px;
}

/* ========== تحسينات الـ calendar ========== */
.calendar {
    direction: ltr;
}

.calendar-header {
    text-align: right;
}

.calendar-day-name {
    text-align: center;
}

/* ========== تحسينات الـ countdown ========== */
.countdown {
    direction: ltr;
    display: flex;
    justify-content: center;
}

.countdown-item {
    text-align: center;
}

.countdown-label {
    direction: rtl;
    display: block;
}

/* ========== تحسينات الـ maps ========== */
.map-container {
    direction: ltr;
}

.map-info-window {
    text-align: right;
    direction: rtl;
}

/* ========== تحسينات الـ weather widget ========== */
.weather-widget {
    text-align: right;
}

.weather-icon {
    float: right;
    margin-left: 15px;
    margin-right: 0;
}

/* ========== تحسينات الـ currency converter ========== */
.currency-converter {
    text-align: right;
}

.currency-flag {
    margin-right: 0;
    margin-left: 10px;
}

/* ========== تحسينات الـ language switcher ========== */
.language-switcher {
    text-align: right;
}

.language-flag {
    margin-right: 0;
    margin-left: 8px;
}

/* ========== تحسينات الـ qr code ========== */
.qr-code-container {
    text-align: center;
}

.qr-code-text {
    text-align: right;
    direction: rtl;
}

/* ========== تحسينات الـ audio player ========== */
.audio-player {
    direction: ltr;
}

.audio-info {
    text-align: right;
    direction: rtl;
}

/* ========== تحسينات الـ video player ========== */
.video-player {
    direction: ltr;
}

.video-info {
    text-align: right;
    direction: rtl;
}

/* ========== تحسينات الـ gallery ========== */
.gallery {
    text-align: center;
}

.gallery-caption {
    text-align: right;
    direction: rtl;
}

/* ========== تحسينات الـ lightbox ========== */
.lightbox {
    direction: ltr;
}

.lightbox-caption {
    text-align: right;
    direction: rtl;
}

/* ========== تحسينات الـ charts ========== */
.chart-container {
    direction: ltr;
}

.chart-info {
    text-align: right;
    direction: rtl;
}

/* ========== تحسينات الـ data table ========== */
.data-table {
    direction: rtl;
}

.data-table th,
.data-table td {
    text-align: right;
}

/* ========== تحسينات الـ comparison table ========== */
.comparison-table {
    direction: rtl;
}

.comparison-feature {
    text-align: right;
}

/* ========== تحسينات الـ FAQ ========== */
.faq-item {
    text-align: right;
    direction: rtl;
}

.faq-question {
    padding-right: 20px;
    padding-left: 40px;
}

.faq-icon {
    right: auto;
    left: 15px;
}

/* ========== تحسينات الـ terms and conditions ========== */
.terms-section {
    text-align: right;
    direction: rtl;
}

.terms-section ol,
.terms-section ul {
    padding-right: 20px;
    padding-left: 0;
}

/* ========== تحسينات الـ privacy policy ========== */
.privacy-section {
    text-align: right;
    direction: rtl;
}

.privacy-section ol,
.privacy-section ul {
    padding-right: 20px;
    padding-left: 0;
}

/* ========== تحسينات الـ contact info ========== */
.contact-info-item {
    text-align: right;
}

.contact-info-icon {
    float: right;
    margin-left: 15px;
    margin-right: 0;
}

/* ========== تحسينات الـ opening hours ========== */
.opening-hours {
    text-align: right;
}

.opening-hours-day {
    float: right;
}

.opening-hours-time {
    float: left;
}

/* ========== تحسينات الـ social media links ========== */
.social-media-links {
    text-align: right;
}

.social-media-link {
    margin-right: 0;
    margin-left: 10px;
}

/* ========== تحسينات الـ newsletter subscription ========== */
.newsletter-form {
    text-align: right;
}

.newsletter-input {
    padding-right: 15px;
    padding-left: 40px;
}

.newsletter-icon {
    right: auto;
    left: 15px;
}

/* ========== تحسينات الطباعة ========== */
@media print {
    * {
        text-align: right !important;
        direction: rtl !important;
    }
    
    .no-print {
        display: none !important;
    }
    
    a[href]:after {
        content: " (" attr(href) ")";
    }
    
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
}

/* ========== تحسينات الوصول ========== */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* ========== تحسينات للأجهزة المحمولة ========== */
@media (max-width: 768px) {
    .rtl-mobile-fix {
        margin-right: 0 !important;
        margin-left: 0 !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    
    .mobile-rtl-text-center {
        text-align: center !important;
    }
}

/* ========== تحسينات للشاشات الكبيرة ========== */
@media (min-width: 1200px) {
    .rtl-large-fix {
        padding-right: 30px !important;
        padding-left: 30px !important;
    }
}