/* ==================================================
   RTL Specific Overrides
   Include this file ONLY for Arabic (dir="rtl")
   ================================================== */

/* Navigation */
html[dir="rtl"] body {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .ads-create-page {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .nav-dropdown {
    right: 0;
    left: auto;
}

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

/* Service List */
html[dir="rtl"] .service-list li {
    flex-direction: row;
    justify-content: flex-end;
    text-align: right;
}

/* Ads Slider Arrows */
html[dir="rtl"] .ads-nav-btn {
    transform: scaleX(1);
}

html[dir="rtl"] .btn-browse-ads svg {
    transform: scaleX(1);
}

.search-box input {
    text-align: left;
}

html[dir="rtl"] .search-box input {
    text-align: right;
}



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

.nav-item-text {

    text-align: right;

}

.user-edit-icon {
    right: auto;
    left: -5px;
}

html[dir="rtl"] .user-edit-icon {
    right: -5px;
    left: auto;
}

.user-edit-icon-large {
    right: auto;
    left: -6px;
}

html[dir="rtl"] .user-edit-icon-large {
    right: -6px;
    left: auto;
}

/* Card Backs */
.card-back {
    text-align: left;
}

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

/* Services Wrapper */
.service-content {
    text-align: left;
    left: 13px;
    right: auto;
}

html[dir="rtl"] .service-content {
    text-align: right;
    right: 13px;
    left: auto;
}

.service-icon-wrapper {
    right: auto;
    left: 20px;
}

html[dir="rtl"] .service-icon-wrapper {
    right: 20px;
    left: auto;
}

/* Job Cards */
.job-id-tag {
    left: auto;
    right: 0;
    border-radius: 10px 0 0 10px;
}

html[dir="rtl"] .job-id-tag {
    left: 0;
    right: auto;
    border-radius: 0 10px 10px 0;
}

.job-info {
    align-items: flex-start;
    margin-right: 0;
    margin-left: 20px;
    padding-right: 230px;
    padding-left: 20px;
}

html[dir="rtl"] .job-info {
    align-items: flex-end;
    margin-left: 0;
    margin-right: 20px;
    padding-left: 230px;
    padding-right: 20px;
}

.job-title,
.job-desc {
    text-align: left;
}

html[dir="rtl"] .job-title,
html[dir="rtl"] .job-desc {
    text-align: right;
}

.job-meta {
    justify-content: flex-start;
}

html[dir="rtl"] .job-meta {
    justify-content: flex-end;
}

.job-action {
    left: auto;
    right: 30px;
}

html[dir="rtl"] .job-action {
    left: 30px;
    right: auto;
}

/* Ads Button Context */
.ads-btn-container {
    justify-content: flex-start;
}

html[dir="rtl"] .ads-btn-container {
    justify-content: flex-end;
}

/* About Edu Section */
.about-bg-panel {
    transform-origin: right center;
    transform: rotateY(-14deg);
    right: 0;
    left: auto;
}

html[dir="rtl"] .about-bg-panel {
    transform-origin: left center;
    transform: rotateY(14deg);
    left: 0;
    right: auto;
}

.about-content {
    right: 110px;
    left: auto;
}

html[dir="rtl"] .about-content {
    left: 110px;
    right: auto;
}

.about-content h2,
.about-content p {
    text-align: left;
}

html[dir="rtl"] .about-content h2,
html[dir="rtl"] .about-content p {
    text-align: right;
}


html[dir="rtl"] .about-image {
    right: 0;
    left: auto;
}

/* Mobile Sidebar */
@media (max-width: 1150px) {
    html[dir="rtl"] .nav-links {
        right: 0;
        left: auto;
        transform: translateX(100%);
    }

    html[dir="rtl"] .nav-actions {
        margin-right: auto;
        margin-left: 20px;
    }
}

/* Footer Container Alignment */
.footer-col {
    align-items: flex-end;
    text-align: left;
}

html[dir="rtl"] .footer-col {
    align-items: flex-start;
    text-align: right;
}

.footer-logo-text,
.footer-desc,
.footer-nav a,
.footer-services h4,
.footer-services a,
.footer-contact h4,
.contact-item span {
    text-align: left;
}

.contact-item {
    flex-direction: row-reverse !important;
    justify-content: flex-end !important;
}

html[dir="rtl"] .footer-desc,
html[dir="rtl"] .footer-nav a,
html[dir="rtl"] .footer-services h4,
html[dir="rtl"] .footer-services a,
html[dir="rtl"] .footer-contact h4,
html[dir="rtl"] .contact-item span {
    text-align: right;
}

.contact-item {
    flex-direction: row-reverse;
}

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

.footer-nav,
.footer-services,
.footer-contact {
    align-items: flex-start;
}

html[dir="rtl"] .job-swal-actions {
    flex-direction: row !important;
}



/* Modal Close Button */
.ad-modal-close {
    right: auto;
    left: 20px;
}

html[dir="rtl"] .ad-modal-close {
    right: 20px;
    left: auto;
}

/* Soon Badge */
html[dir="rtl"] .soon-badge {
    left: 15px;
    right: auto;
}
/* View Count Modal RTL Elements */
html[dir="rtl"] #viewCountModal .btn-close-modal,
[dir="rtl"] #viewCountModal .btn-close-modal {
    left: 20px;
    right: auto;
}

html[dir="rtl"] .vc-role-badge,
[dir="rtl"] .vc-role-badge {
    left: 0;
    border-bottom-right-radius: 12px;
}

html[dir="rtl"] .vc-progress-fill,
[dir="rtl"] .vc-progress-fill {
    right: 0;
    left: auto;
}

html[dir="rtl"] .vc-progress-thumb,
[dir="rtl"] .vc-progress-thumb {
    transform: translate(50%, -50%);
}

html[dir="rtl"] .vc-progress-tooltip,
[dir="rtl"] .vc-progress-tooltip {
    transform: translateX(50%);
}

html[dir="rtl"] .vc-footer-action,
[dir="rtl"] .vc-footer-action {
    text-align: left;
}

html[dir="rtl"] .vc-section-title,
[dir="rtl"] .vc-section-title,
html[dir="rtl"] .vc-viewer-details h6,
[dir="rtl"] .vc-viewer-details h6 {
    text-align: right;
}

/* ==================================================
   Voucher Pages (RTL Overrides)
   ================================================== */
html[dir="rtl"] .vp-root {
    direction: rtl;
}

html[dir="rtl"] .vp-hero::after {
    left: -60px;
    right: auto;
}

html[dir="rtl"] .vp-chip-x {
    margin-left: 4px;
    margin-right: 0;
}

html[dir="rtl"] .vp-sidebar-title {
    text-align: right;
}

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

html[dir="rtl"] .vp-field-label {
    text-align: right;
}

html[dir="rtl"] .vp-select {
    background-position: left 12px center;
    text-align: right;
}

html[dir="rtl"] .vp-grades-wrap {
    padding-left: 5px;
    padding-right: 0;
}

html[dir="rtl"] .vp-toggle-icon {
    margin-left: 0;
    margin-right: 4px;
}

html[dir="rtl"] .vp-card-badge {
    border-left: 2px dashed rgba(107, 114, 128, 0.2);
    border-right: none;
}

html[dir="rtl"] .vp-card-badge::before,
html[dir="rtl"] .vp-card-badge::after {
    left: -13px;
    right: auto;
}

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

@media (max-width: 768px) {
    html[dir="rtl"] .vp-card-badge {
        border-left: none;
        border-bottom: 2px dashed rgba(107, 114, 128, 0.2);
    }
}

/* SELECT2 RTL overrides */
html[dir="rtl"] .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-right: 16px;
    padding-left: 0;
}

html[dir="rtl"] .select2-container--default .select2-selection--single .select2-selection__arrow {
    left: 10px;
    right: auto;
}

/* ==================================================
   Class Card Page (RTL Overrides)
   ================================================== */
html[dir="rtl"] .cc-card-details {
    text-align: right;
}

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

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

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