/********** RTL + Persian (Farsi) overrides for Industro template **********/

/* ---- Font ---- */
body {
    font-family: 'Vazirmatn', 'Open Sans', Tahoma, sans-serif;
    direction: rtl;
    text-align: right;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.display-1, .display-2, .display-3, .display-4, .display-5, .display-6,
.navbar-brand h1, .btn, .nav-link, .breadcrumb, input, textarea, .form-control, .form-floating > label {
    font-family: 'Vazirmatn', Tahoma, sans-serif !important;
}

/* Persian text usually reads better with a touch more line-height */
p, li, span, td, th {
    line-height: 1.9;
}

/* Keep latin text (phones, emails, prices, times) rendered left-to-right */
.ltr {
    direction: ltr;
    unicode-bidi: embed;
    display: inline-block;
}

/* ================= Bootstrap directional utility flips ================= */
/* text alignment */
.text-start { text-align: right !important; }
.text-end { text-align: left !important; }

/* margins: start = right, end = left in RTL */
.ms-auto { margin-left: 0 !important; margin-right: auto !important; }
.me-auto { margin-right: 0 !important; margin-left: auto !important; }

.ms-0 { margin-left: 0 !important; margin-right: 0 !important; }
.ms-1 { margin-left: 0 !important; margin-right: .25rem !important; }
.ms-2 { margin-left: 0 !important; margin-right: .5rem !important; }
.ms-3 { margin-left: 0 !important; margin-right: 1rem !important; }
.ms-4 { margin-left: 0 !important; margin-right: 1.5rem !important; }
.ms-5 { margin-left: 0 !important; margin-right: 3rem !important; }

.me-0 { margin-right: 0 !important; margin-left: 0 !important; }
.me-1 { margin-right: 0 !important; margin-left: .25rem !important; }
.me-2 { margin-right: 0 !important; margin-left: .5rem !important; }
.me-3 { margin-right: 0 !important; margin-left: 1rem !important; }
.me-4 { margin-right: 0 !important; margin-left: 1.5rem !important; }
.me-5 { margin-right: 0 !important; margin-left: 3rem !important; }

/* padding: start = right, end = left in RTL */
.ps-0 { padding-left: 0 !important; padding-right: 0 !important; }
.ps-1 { padding-left: 0 !important; padding-right: .25rem !important; }
.ps-2 { padding-left: 0 !important; padding-right: .5rem !important; }
.ps-3 { padding-left: 0 !important; padding-right: 1rem !important; }
.ps-4 { padding-left: 0 !important; padding-right: 1.5rem !important; }
.ps-5 { padding-left: 0 !important; padding-right: 3rem !important; }

.pe-0 { padding-right: 0 !important; padding-left: 0 !important; }
.pe-1 { padding-right: 0 !important; padding-left: .25rem !important; }
.pe-2 { padding-right: 0 !important; padding-left: .5rem !important; }
.pe-3 { padding-right: 0 !important; padding-left: 1rem !important; }
.pe-4 { padding-right: 0 !important; padding-left: 1.5rem !important; }
.pe-5 { padding-right: 0 !important; padding-left: 3rem !important; }

/* positional helpers */
.start-0 { left: auto !important; right: 0 !important; }
.end-0 { right: auto !important; left: 0 !important; }
.start-100 { left: auto !important; right: 100% !important; }

/* responsive variants actually used by the template */
@media (min-width: 992px) {
    .me-lg-4 { margin-right: 0 !important; margin-left: 1.5rem !important; }
    .ms-lg-auto { margin-left: 0 !important; margin-right: auto !important; }
}

/* ================= Template component fixes ================= */
/* Topbar orange skew */
.topbar-right::before {
    left: auto;
    right: -15px;
    transform: skewX(30deg);
}

/* Navbar brand skew tail + spacing */
.navbar .navbar-brand {
    padding-right: 0;
    padding-left: 65px !important;
    white-space: nowrap;
    overflow: visible;
}
.navbar .navbar-brand h1 {
    font-size: 28px;
    white-space: nowrap;
}
.navbar .navbar-brand::after {
    right: auto;
    left: -25px;
    transform: skewX(30deg);
}
.navbar .navbar-nav .nav-link {
    margin-right: 0;
    margin-left: 35px;
}
@media (max-width: 991.98px) {
    .navbar .navbar-nav .nav-link {
        margin-left: 0;
    }
}
.navbar .dropdown-toggle::after {
    margin-left: 0;
    margin-right: 8px;
}

/* Collapsed (mobile/tablet) navbar: move the hamburger toggler toward the left edge */
@media (max-width: 991.98px) {
    .navbar.pe-5 {
        padding-left: 1rem !important;
    }
    .navbar .navbar-toggler {
        margin-left: 0 !important;
        margin-right: auto !important;
    }
}

/* Header / page-header gradient direction */
.carousel-caption {
    background: linear-gradient(to left, rgba(2, 36, 91, 1) 0%, rgba(2, 36, 91, 0) 100%);
}
.page-header {
    background: linear-gradient(to left, rgba(2, 36, 91, 1) 0%, rgba(2, 36, 91, 0) 100%), url(../img/carousel-2.jpg) center center no-repeat;
    background-size: cover;
}

/* Feature video play button on the mirrored edge */
.btn-play {
    right: auto;
    left: -30px;
}
@media (max-width: 992px) {
    .btn-play {
        left: 50%;
        right: auto;
    }
}

/* Footer quick links bullet + alignment */
.footer .btn.btn-link {
    text-align: right;
}
.footer .btn.btn-link::before {
    content: "\f104";
    margin-right: 0;
    margin-left: 10px;
}

/* Price table + generic tables read right aligned */
table th, table td {
    text-align: right;
}

/* FAQ accordion icon spacing */
.accordion-button::after {
    margin-left: 0;
    margin-right: auto;
}