/* RTL-only styles for front-end RTL languages */

html[dir=rtl] {
    direction: rtl !important;
    unicode-bidi: embed !important;
    --banek-font: "Yekan Bakh FaNum", Tahoma, Arial, sans-serif;
    /* Crystal Sky / user panel theme variables */
    --body-font: var(--banek-font);
    --heading-font: var(--banek-font);
    /* Bootstrap 5 */
    --bs-font-sans-serif: var(--banek-font);
    --bs-body-font-family: var(--banek-font);
}

/* Global Yekan — overrides Roboto, Made Tony Soft, Exo, Poppins from theme CSS */
html[dir=rtl] body {
    font-family: var(--banek-font) !important;
}

html[dir=rtl] :is(
    h1, h2, h3, h4, h5, h6,
    p, span, a, label, legend, li, td, th, dt, dd, caption,
    small, strong, em, b, u, blockquote, figcaption,
    .btn, .badge, .card, .card-body, .card-title, .card-text, .card-header, .card-footer,
    .form-control, .form-select, .form-label, .form-check-label, .input-group-text,
    .nav-link, .dropdown-item, .dropdown-toggle, .modal-title, .modal-body, .modal-footer,
    .section-heading, .section-heading__title, .section-heading__desc, .section-heading__subtitle,
    .banner-content, .banner-content__title, .banner-content__desc,
    .footer-item, .footer-item__title, .footer-item__desc, .bottom-footer-text,
    .header-contact-info, .header-info__text, .header-info__title,
    .table, .alert, .breadcrumb, .breadcrumb-item,
    .widget, .widget-two__content, .dashboard-body, .dashboard-card,
    .language_switcher, .language_switcher__caption, .cookies-card,
    .accordion-button, .list-group-item, .page-title, .subtitle,
    [class*="__title"], [class*="__desc"], [class*="__text"], [class*="__name"],
    input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="image"]),
    textarea, select, optgroup, option, button
) {
    font-family: var(--banek-font) !important;
}

/* Third-party UI */
html[dir=rtl] .select2-container,
html[dir=rtl] .select2-container .select2-selection__rendered,
html[dir=rtl] .select2-results__option,
html[dir=rtl] .nicEdit-main,
html[dir=rtl] .nicEdit-panel,
html[dir=rtl] .swal2-title,
html[dir=rtl] .swal2-content,
html[dir=rtl] .iziToast-message {
    font-family: var(--banek-font) !important;
}

/* Preserve icon fonts (must come after global rules) */
html[dir=rtl] .fa,
html[dir=rtl] .fas,
html[dir=rtl] .far,
html[dir=rtl] .fab,
html[dir=rtl] .fal,
html[dir=rtl] .fad,
html[dir=rtl] [class*="fa-"] {
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free" !important;
}

html[dir=rtl] .fab {
    font-family: "Font Awesome 6 Brands", "Font Awesome 5 Brands" !important;
}

html[dir=rtl] .la,
html[dir=rtl] .las,
html[dir=rtl] .lab,
html[dir=rtl] .lar,
html[dir=rtl] .lad {
    font-family: "Line Awesome Free" !important;
}

html[dir=rtl] [class^="icon-"],
html[dir=rtl] [class*=" icon-"] {
    font-family: "icomoon" !important;
}
html[dir=rtl] input,
html[dir=rtl] textarea,
html[dir=rtl] select,
html[dir=rtl] button {
    direction: rtl;
    text-align: right;
}

html[dir=rtl] .text-start { text-align: right !important; }
html[dir=rtl] .text-end { text-align: left !important; }
html[dir=rtl] .float-start { float: right !important; }
html[dir=rtl] .float-end { float: left !important; }
html[dir=rtl] .ms-auto { margin-left: 0 !important; margin-right: auto !important; }
html[dir=rtl] .me-auto { margin-right: 0 !important; margin-left: auto !important; }
html[dir=rtl] .me-0 { margin-left: 0 !important; }
html[dir=rtl] .ms-0 { margin-right: 0 !important; }

/* Custom RTL styles – all scoped to html[dir=rtl] so LTR is unaffected */

.happy-user__title {
	font-size: 15px;
}

html[dir=rtl] .testimonial-slider {
    direction: ltr;
}

html[dir=rtl] .testimonial-item {
    direction: rtl;
}

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

html[dir=rtl] .footer-contact-menu__item-icon {
    margin-left: 15px;
}

html[dir=rtl] .section-heading.style-left .section-heading__title {
    text-align: right;
}

html[dir=rtl] .custom--tab {
    justify-content: right;
}

html[dir=rtl] .chose-us__content .service-list__title {
    margin-right: 10px;
    margin-top: 8px;
}

html[dir=rtl] .work-us .work-card__line {
    left: -35%;
    right: 84%;
    transform: scaleX(-1);
}

html[dir=rtl] .brand-logos:last-of-type {
    direction: ltr;
}

/*
 * Crystal Sky banner (RTL)
 * In RTL the image column sits on the LEFT. LTR uses left:20% to push the image toward
 * page center; the same rule in RTL pushes the image toward the TEXT and causes overlap.
 * Fix: align image to the start of its column + add gutter between columns.
 */
html[dir=rtl] .banner-section .row {
    align-items: center;
}

/* Text column — padding on inline-end (= physical left in RTL, faces the image) */
html[dir=rtl] .banner-section .row > .col-lg-7,
html[dir=rtl] .banner-section .row > .col-md-6:first-child {
    position: relative;
    z-index: 3;
    padding-inline-end: clamp(1.25rem, 3vw, 2.5rem);
}

/* Image column — inline-end = viewport left; inline-start = gutter toward text */
html[dir=rtl] .banner-section .row > .col-lg-5,
html[dir=rtl] .banner-section .row > .col-md-6:last-child {
    padding-inline-end: clamp(0.5rem, 1.5vw, 1rem);
    padding-inline-start: clamp(1rem, 2.5vw, 2rem);
}

html[dir=rtl] .banner-section .banner-thumb {
    overflow: visible;
}

html[dir=rtl] .banner-thumb .banner-img {
    left: 0 !important;
    right: auto !important;
    margin-inline-end: auto;
    margin-inline-start: 0;
    width: 100%;
    max-width: min(100%, 495px);
    box-sizing: border-box;
}

html[dir=rtl] .banner-thumb .banner-img img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
}

@media screen and (max-width: 1599px) {
    html[dir=rtl] .banner-thumb .banner-img {
        left: 0 !important;
        max-width: min(100%, 460px);
    }
}

@media screen and (max-width: 991px) {
    html[dir=rtl] .banner-thumb .banner-img {
        left: 0 !important;
        max-width: min(100%, 400px);
    }

    html[dir=rtl] .banner-section .row > .col-lg-7,
    html[dir=rtl] .banner-section .row > .col-md-6:first-child {
        padding-inline-end: 1rem;
    }
}

@media screen and (max-width: 872px) and (min-width: 767px) {
    html[dir=rtl] .banner-thumb .banner-img {
        left: 0 !important;
    }
}

@media screen and (max-width: 767px) {
    html[dir=rtl] .banner-section .row > .col-lg-7,
    html[dir=rtl] .banner-section .row > .col-md-6:first-child {
        padding-inline-end: 0.75rem;
    }

    html[dir=rtl] .banner-thumb .banner-img {
        left: 0 !important;
        max-width: 400px;
        margin-inline: auto;
    }
}

@media screen and (max-width: 424px) {
    html[dir=rtl] .banner-thumb .banner-img {
        top: 40px;
    }
}

/* Decorative circle: toward page center (right side of image block) */
html[dir=rtl] .banner-thumb .banner-img::before {
    right: -41px !important;
    left: auto !important;
}

/* Badge: bottom-inner corner of image (toward center of page) */
html[dir=rtl] .banner-thumb .banner-img .happy-user {
    left: auto !important;
    right: clamp(0.75rem, 2vw, 4rem) !important;
    margin-left: 0;
    margin-right: 5%;
}

/* Arrow animation in text block — mirror horizontal position */
html[dir=rtl] .banner-content .banner-animation {
    right: auto !important;
    left: 25%;
}

@media screen and (max-width: 1499px) {
    html[dir=rtl] .banner-content .banner-animation {
        left: 10%;
        right: auto !important;
    }
}

@media screen and (max-width: 1199px) {
    html[dir=rtl] .banner-content .banner-animation {
        left: 8%;
        right: auto !important;
    }
}

.newsletter .newsletter-from input[type="email"] {
	border-radius: 0 5px 5px 0;
}

.newsletter .newsletter-from .btn {
	border-radius: 5px 0 0 5px;
}

.form--check .form-check-label {
	padding-left: 0px;
	padding-right: 15px;
}

.navbar .btn {
	padding: 15px 29px;
}

.btn {
	padding: 15px 29px !important;
}

.nav-right {
	margin-right: 52px;
	margin-left: 0px;
}

.rotation-animation-content__text {
	display: none !important;
}

h1 {
    font-size: clamp(1.875rem, 3.5vw + 1rem, 6.25rem) !important;
    font-weight: 700;
}