/* Arabic / RTL spacing — mirror English layout using logical properties */

html[dir="rtl"] body {
    text-align: right;
    font-family: "CuristicRegular", "SomarSans", sans-serif;
}

/* ----- Header ----- */
html[dir="rtl"] header .navbar-brand .logo {
    margin-right: 0;
    margin-left: 0;
    margin-inline-end: 24px;
}

html[dir="rtl"] .navbar-brand {
    margin-right: 0 !important;
    margin-left: 0 !important;
    margin-inline-end: 1rem !important;
}

html[dir="rtl"] .Sign-Up-btn {
    margin-left: 0;
    margin-right: 0;
    margin-inline-start: 10px;
}

html[dir="rtl"] .header-user-badge {
    margin-right: 0;
    margin-left: 0;
    margin-inline-end: 10px;
}

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

html[dir="rtl"] .vr {
    margin-right: 0;
    margin-left: 0;
    margin-inline-end: 30px;
}

/* ----- Hero / CTAs ----- */
html[dir="rtl"] .explore-services-btn {
    margin-right: 0;
    margin-left: 0;
    margin-inline-end: 15px;
}

html[dir="rtl"] .contact-us-btn {
    margin-right: 0;
    margin-left: 0;
}

/* ----- Icons / links ----- */
html[dir="rtl"] .card-blogs h3 i,
html[dir="rtl"] .card-blogs a i,
html[dir="rtl"] .read-more i,
html[dir="rtl"] .explore-more i,
html[dir="rtl"] .view-doctors i {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-inline-start: 10px !important;
    display: inline-block;
    transform: scaleX(-1);
}

html[dir="rtl"] .doctor-page__back i {
    display: inline-block;
    transform: scaleX(-1);
}

html[dir="rtl"] .booking-wizard__back i,
html[dir="rtl"] .booking-wizard__btn .bi-arrow-right,
html[dir="rtl"] .booking-wizard__btn .bi-arrow-left {
    display: inline-block;
    transform: scaleX(-1);
}

html[dir="rtl"] .social-media-icons img {
    margin-left: 0;
    margin-right: 0;
    margin-inline-start: 20px;
}

html[dir="rtl"] .social-media-icons.justify-content-end {
    justify-content: flex-start !important;
}

/* ----- Footer ----- */
html[dir="rtl"] .margin-footer .vr {
    margin-right: 0;
    margin-left: 0;
    margin-inline-end: 30px;
}

/* ----- Contact ----- */
html[dir="rtl"] .contact-info {
    direction: rtl;
}

html[dir="rtl"] .contact-vr {
    margin-right: 0;
    margin-left: 0;
    margin-inline-end: 20px;
}

html[dir="rtl"] .q-card .question {
    text-align: right;
    padding-left: 12px;
    padding-right: 0;
    padding-inline-end: 12px;
    padding-inline-start: 0;
}

/* ----- About / testimonials ----- */
html[dir="rtl"] .testimonial-meta {
    margin-left: 0;
    margin-right: 0;
    margin-inline-start: 20px;
}

html[dir="rtl"] .rate i,
html[dir="rtl"] .points i {
    margin-left: 0;
    margin-right: 0;
    margin-inline-end: 5px;
}

/* ----- Destinations (inline physical paddings) ----- */
html[dir="rtl"] .padding-container [style*="padding-right: 20px"] {
    padding-right: 0 !important;
    padding-left: 0 !important;
    padding-inline-end: 20px !important;
}

html[dir="rtl"] .padding-container [style*="padding-left: 20px"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-inline-start: 20px !important;
}

html[dir="rtl"] .explore-more i[style*="margin-left"] {
    margin-left: 0 !important;
    margin-inline-start: 10px !important;
}

/* ----- Doctors ----- */
html[dir="rtl"] .doctors-layout {
    direction: rtl;
}

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

html[dir="rtl"] .doctor-filters__title,
html[dir="rtl"] .doctor-filters__section-title {
    text-align: right;
}

html[dir="rtl"] .doctor-filters__options {
    padding-right: 0;
    padding-left: 4px;
    padding-inline-start: 0;
    padding-inline-end: 4px;
}

html[dir="rtl"] .doctor-card--list .doctor-card__photo {
    margin-left: 0;
    margin-right: 0;
    margin-inline-end: 0;
}

html[dir="rtl"] .doctor-card--list .icon-detail img,
html[dir="rtl"] .icon-detail img {
    margin-right: 0;
    margin-left: 0;
    margin-inline-end: 8px;
}

html[dir="rtl"] .doctors-results__header,
html[dir="rtl"] .d-flex.justify-content-between {
    direction: rtl;
}

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

/* ----- Forms / checks ----- */
html[dir="rtl"] .form-check {
    padding-left: 0;
    padding-right: 2em;
    padding-inline-start: 0;
    padding-inline-end: 2em;
}

html[dir="rtl"] .join-form-card .form-check {
    padding-inline-end: 0 !important;
    flex-direction: row;
}

html[dir="rtl"] .form-check .form-check-input {
    float: right;
    margin-left: 0.5em;
    margin-right: -1.5em;
    margin-inline-start: 0.5em;
    margin-inline-end: -1.5em;
}

html[dir="rtl"] .join-form-card .form-check .form-check-input {
    float: none;
    margin: 0.2rem 0 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
}

html[dir="rtl"] .login-form .form-check {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    padding-inline-start: 0 !important;
    padding-inline-end: 0 !important;
}

html[dir="rtl"] .login-form .form-check .form-check-input {
    float: none !important;
    margin: 0 !important;
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
    flex-shrink: 0;
}

html[dir="rtl"] .login-form .form-check .form-check-label {
    margin-top: 0;
}

/* Custom select arrows: keep clear of RTL text/placeholders */
html[dir="rtl"] .contact-form select,
html[dir="rtl"] .join-form-card select,
html[dir="rtl"] .login-form select,
html[dir="rtl"] .filter select,
html[dir="rtl"] .doctor-card select,
html[dir="rtl"] .choose-date select,
html[dir="rtl"] .addon-detail-card select,
html[dir="rtl"] .auth-panel select,
html[dir="rtl"] .setion-cur select,
html[dir="rtl"] select.form-select {
    background-position: left 1rem center !important;
    padding-inline-end: 3.25rem !important;
}

/* Input-group selects glued to icons (border on one side) */
html[dir="rtl"] .doctor-card select,
html[dir="rtl"] .choose-date select,
html[dir="rtl"] .filter select {
    border-left: 2px solid #F2F2F2 !important;
    border-right: 0 solid transparent !important;
    padding-inline-start: 0 !important;
    padding-inline-end: 3.25rem !important;
    text-align: center;
}

html[dir="rtl"] .doctor-card select:focus,
html[dir="rtl"] .choose-date select:focus,
html[dir="rtl"] .filter select:focus {
    border-left: 2px solid #F2F2F2 !important;
    border-right: 0 solid transparent !important;
}

html[dir="rtl"] .doctor-card label,
html[dir="rtl"] .filter label,
html[dir="rtl"] .choose-date .label-icon {
    border-right: 0 solid transparent !important;
    border-left: 2px solid #F2F2F2 !important;
    padding-left: 0 !important;
    padding-right: 24px !important;
    padding-inline-start: 0 !important;
    padding-inline-end: 24px !important;
}

html[dir="rtl"] .input-group-text {
    border-inline-end: 2px solid #F2F2F2 !important;
    border-inline-start: 0 !important;
}

/* ----- App sidebar ----- */
html[dir="rtl"] .layout-menu {
    left: auto !important;
    right: 0 !important;
    border-right: none;
    border-left: 2px solid #F2F2F2;
}

html[dir="rtl"] .layout-page {
    /* Sidebar is fixed on the right in RTL — keep content clear of it. */
    padding-inline-start: 288px !important;
    padding-left: 0 !important;
}

html[dir="rtl"] .menu-link img {
    margin-right: 0;
    margin-left: 0;
    margin-inline-end: 0.5rem;
}

html[dir="rtl"] .logout {
    left: auto !important;
    right: 0 !important;
}

@media (max-width: 480px) {
    html[dir="rtl"] .layout-menu {
        transform: translate3d(100%, 0, 0);
    }

    html[dir="rtl"] .layout-page {
        padding-inline-start: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}