/* RTL CSS for Persian language - Merged version */
@font-face {
    font-family: Vazir;
    src: url('../../fonts/Vazir-FD-WOL.eot');
    src: url('../../fonts/Vazir-FD-WOL.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/Vazir-FD-WOL.woff') format('woff'),
    url('../../fonts/Vazir-FD-WOL.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: Vazir;
    src: url('../../fonts/Vazir-Bold-FD-WOL.eot');
    src: url('../../fonts/Vazir-Bold-FD-WOL.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/Vazir-Bold-FD-WOL.woff') format('woff'),
    url('../../fonts/Vazir-Bold-FD-WOL.ttf') format('truetype');
    font-weight: bold;
}

/* Apply Vazir font to all elements in RTL mode */
body.rtl,
body.rtl *

(
.fa

)
(
.fab

)
(
.far

)
(
.fas

)
{
    font-family: Vazir, 'Helvetica Neue', Helvetica, Arial, sans-serif !important
;
}
/* ======================================
   GLOBAL RTL ADJUSTMENTS
   ====================================== */
body.rtl {
    direction: rtl;
    text-align: right;
    font-family: 'Vazir', Tahoma, Arial, sans-serif;
}

/* Text alignment for RTL */
body.rtl .text-right {
    text-align: left !important;
}

body.rtl .text-left {
    text-align: right !important;
}

body.rtl .text-md-right {
    text-align: left !important;
}

body.rtl .text-md-left {
    text-align: right !important;
}

@media (min-width: 576px) {
    body.rtl .text-sm-left {
        text-align: right !important;
    }

    body.rtl .text-sm-right {
        text-align: left !important;
    }
}

@media (min-width: 768px) {
    body.rtl .text-md-left {
        text-align: right !important;
    }

    body.rtl .text-md-right {
        text-align: left !important;
    }
}

@media (min-width: 992px) {
    body.rtl .text-lg-left {
        text-align: right !important;
    }

    body.rtl .text-lg-right {
        text-align: left !important;
    }
}

/* Float adjustments */
body.rtl .float-left {
    float: right !important;
}

body.rtl .float-right {
    float: left !important;
}

/* ======================================
   MARGINS AND PADDINGS
   ====================================== */
/* Margins */
body.rtl .ml-1, body.rtl .mx-1 {
    margin-left: 0 !important;
    margin-right: 0.25rem !important;
}

body.rtl .ml-2, body.rtl .mx-2 {
    margin-left: 0 !important;
    margin-right: 0.5rem !important;
}

body.rtl .ml-3, body.rtl .mx-3 {
    margin-left: 0 !important;
    margin-right: 1rem !important;
}

body.rtl .ml-4, body.rtl .mx-4 {
    margin-left: 0 !important;
    margin-right: 1.5rem !important;
}

body.rtl .ml-5, body.rtl .mx-5 {
    margin-left: 0 !important;
    margin-right: 3rem !important;
}

body.rtl .mr-1, body.rtl .mx-1 {
    margin-right: 0 !important;
    margin-left: 0.25rem !important;
}

body.rtl .mr-2, body.rtl .mx-2 {
    margin-right: 0 !important;
    margin-left: 0.5rem !important;
}

body.rtl .mr-3, body.rtl .mx-3 {
    margin-right: 0 !important;
    margin-left: 1rem !important;
}

body.rtl .mr-4, body.rtl .mx-4 {
    margin-right: 0 !important;
    margin-left: 1.5rem !important;
}

body.rtl .mr-5, body.rtl .mx-5 {
    margin-right: 0 !important;
    margin-left: 3rem !important;
}

/* Special margins */
body.rtl .navbar-nav.ml-n2 {
    margin-right: -0.5rem !important;
    margin-left: 0 !important;
}

body.rtl .navbar-nav.ml-auto {
    margin-left: 0 !important;
    margin-right: auto !important;
}

body.rtl .navbar-nav.mr-n2 {
    margin-left: -0.5rem !important;
    margin-right: 0 !important;
}

body.rtl .ml-auto, body.rtl .mx-auto {
    margin-right: auto !important;
    margin-left: 0 !important;
}

body.rtl .mr-auto, body.rtl .mx-auto {
    margin-left: auto !important;
    /* margin-right: 0 !important; */
}

/* Paddings */
body.rtl .pl-1, body.rtl .px-1 {
    padding-left: 0 !important;
    padding-right: 0.25rem !important;
}

body.rtl .pl-2, body.rtl .px-2 {
    padding-left: 0 !important;
    padding-right: 0.5rem !important;
}

body.rtl .pl-3, body.rtl .px-3 {
    padding-left: 0 !important;
    padding-right: 1rem !important;
}

body.rtl .pl-4, body.rtl .px-4 {
    padding-left: 0 !important;
    padding-right: 1.5rem !important;
}

body.rtl .pl-5, body.rtl .px-5 {
    padding-left: 0 !important;
    padding-right: 3rem !important;
}

body.rtl .pr-1, body.rtl .px-1 {
    padding-right: 0 !important;
    padding-left: 0.25rem !important;
}

body.rtl .pr-2, body.rtl .px-2 {
    padding-right: 0 !important;
    padding-left: 0.5rem !important;
}

body.rtl .pr-3, body.rtl .px-3 {
    padding-right: 0 !important;
    padding-left: 1rem !important;
}

body.rtl .pr-4, body.rtl .px-4 {
    padding-right: 0 !important;
    padding-left: 1.5rem !important;
}

body.rtl .pr-5, body.rtl .px-5 {
    padding-right: 0 !important;
    padding-left: 3rem !important;
}

/* ======================================
   BORDERS
   ====================================== */
body.rtl .border-right {
    border-right: none !important;
    border-left: 1px solid rgba(108, 117, 125, 0.2) !important;
}

body.rtl .border-left {
    border-left: none !important;
    border-right: 1px solid rgba(108, 117, 125, 0.2) !important;
}

/* ======================================
   ICON DIRECTIONS
   ====================================== */
body.rtl .fa-angle-right:before {
    content: "\f104"; /* fa-angle-left */
}

body.rtl .fa-angle-left:before {
    content: "\f105"; /* fa-angle-right */
}

body.rtl .fa-arrow-right:before {
    content: "\f060"; /* fa-arrow-left */
}

body.rtl .fa-arrow-left:before {
    content: "\f061"; /* fa-arrow-right */
}

body.rtl .fa-long-arrow-alt-right:before {
    content: "\f30a"; /* fa-long-arrow-alt-left */
}

body.rtl .fa-long-arrow-alt-left:before {
    content: "\f30b"; /* fa-long-arrow-alt-right */
}

body.rtl .fa-angle-double-right:before {
    content: "\f100"; /* fa-angle-double-left */
}

body.rtl .fa-angle-double-left:before {
    content: "\f101"; /* fa-angle-double-right */
}

/* ======================================
   BOOTSTRAP GRID ADJUSTMENTS
   ====================================== */
@media (min-width: 576px) {
    body.rtl .offset-sm-1 {
        margin-left: 0;
        margin-right: 8.333333%;
    }

    body.rtl .offset-sm-2 {
        margin-left: 0;
        margin-right: 16.666667%;
    }

    body.rtl .offset-sm-3 {
        margin-left: 0;
        margin-right: 25%;
    }
}

@media (min-width: 768px) {
    body.rtl .offset-md-1 {
        margin-left: 0;
        margin-right: 8.333333%;
    }

    body.rtl .offset-md-2 {
        margin-left: 0;
        margin-right: 16.666667%;
    }

    body.rtl .offset-md-3 {
        margin-left: 0;
        margin-right: 25%;
    }
}

@media (min-width: 992px) {
    body.rtl .offset-lg-1 {
        margin-left: 0;
        margin-right: 8.333333%;
    }

    body.rtl .offset-lg-2 {
        margin-left: 0;
        margin-right: 16.666667%;
    }

    body.rtl .offset-lg-3 {
        margin-left: 0;
        margin-right: 25%;
    }
}

/* ======================================
   NAVIGATION & NAVBAR
   ====================================== */
/* Basic navbar structure */
body.rtl .navbar-nav {
    padding-right: 0;
    padding-left: initial;
    margin-right: 0;
}

body.rtl .navbar-collapse {
    flex-direction: row-reverse;
}

body.rtl .navbar-brand {
    margin-right: 0;
    margin-left: 1rem;
}

body.rtl .justify-content-between {
    flex-direction: row-reverse;
}

/* Navbar specific styles */
body.rtl .navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0.5rem;
}

body.rtl .navbar-nav .nav-item {
    margin-right: 0;
    margin-left: 5px;
}

/* For large screens */
@media (min-width: 992px) {
    body.rtl .navbar-expand-lg .navbar-nav {
        flex-direction: row-reverse;
    }

    body.rtl .navbar-expand-lg .navbar-nav .nav-link {
        padding: 15px 10px;
    }

    body.rtl .navbar-expand-lg .navbar-nav .nav-item:first-child .nav-link {
        padding-right: 0.5rem;
    }
}

/* Navbar collapse elements ordering */
body.rtl .navbar-collapse .navbar-nav {
    order: 2;
}

body.rtl .navbar-collapse .input-group {
    order: 1;
}

/* For mobile view */
@media (max-width: 991.98px) {
    body.rtl .navbar-toggler {
        margin-right: auto;
        margin-left: 0;
    }
}

/* ======================================
   DROPDOWN MENUS
   ====================================== */
body.rtl .dropdown-menu {
    right: 0;
    left: auto;
    text-align: right;
}

body.rtl .dropdown-toggle::after {
    margin-right: 0.255em;
    margin-left: 0;
}

body.rtl .dropdown-item {
    text-align: right;
    padding: 0.25rem 1.5rem 0.25rem 0.25rem;
}

/* Position dropdown menus correctly */
body.rtl .navbar .dropdown-menu {
    position: absolute;
    right: 0;
    left: auto;
}

/* ======================================
   FORM ELEMENTS & INPUT GROUPS
   ====================================== */
/* Inputs and forms */
body.rtl input,
body.rtl select,
body.rtl textarea {
    text-align: right;
}

/* Input groups */
body.rtl .input-group {
    direction: ltr; /* Keep search box LTR for typing */
}

body.rtl .input-group input::placeholder {
    text-align: right;
}

body.rtl .input-group-append {
    margin-right: -1px;
    margin-left: 0;
}

body.rtl .input-group > .form-control:not(:last-child) {
    border-radius: 0 0.25rem 0.25rem 0;
}

body.rtl .input-group-append .input-group-text {
    border-radius: 0.25rem 0 0 0.25rem;
}

/* Advanced input group fixes */
body.rtl .input-group.ml-auto {
    flex-direction: row-reverse;
}

body.rtl .input-group > .form-control {
    border-radius: 0 0.25rem 0.25rem 0 !important;
}

body.rtl .input-group-append .input-group-text {
    border-radius: 0.25rem 0 0 0.25rem !important;
}

/* Special search box overrides */
body.rtl .ml-auto.d-none.d-lg-flex {
    margin-right: auto !important;
    margin-left: 0 !important;
}

/* ======================================
   LISTS & TABLES
   ====================================== */
body.rtl ul, body.rtl ol {
    padding-right: 1.5rem;
    padding-left: 0;
}

body.rtl .list-unstyled {
    padding-right: 0;
}

body.rtl th, body.rtl td {
    text-align: right;
}

/* ======================================
   CAROUSEL & SLIDER ELEMENTS
   ====================================== */
body.rtl .carousel-control-prev {
    right: 0;
    left: auto;
}

body.rtl .carousel-control-next {
    left: 0;
    right: auto;
}

body.rtl .carousel-indicators {
    flex-direction: row-reverse;
}

/* ======================================
   CARDS & CONTENT BLOCKS
   ====================================== */
body.rtl .card-header,
body.rtl .card-footer,
body.rtl .card-body {
    text-align: right;
}

body.rtl .media {
    flex-direction: row-reverse;
}

body.rtl .media-body {
    text-align: right;
}

/* ======================================
   FONTS & TYPOGRAPHY
   ====================================== */
body.rtl,
body.rtl h1, body.rtl h2, body.rtl h3, body.rtl h4, body.rtl h5, body.rtl h6,
body.rtl .h1, body.rtl .h2, body.rtl .h3, body.rtl .h4, body.rtl .h5, body.rtl .h6,
body.rtl .navbar, body.rtl .navbar-brand, body.rtl .nav-link, body.rtl .dropdown-item,
body.rtl button, body.rtl input, body.rtl optgroup, body.rtl select, body.rtl textarea {
    font-family: 'Vazir', Tahoma, Arial, sans-serif !important;
}

/* Font weight fixes for Persian */
body.rtl .font-weight-bold {
    font-weight: 700 !important;
}

body.rtl .font-weight-normal {
    font-weight: 400 !important;
}

body.rtl .font-weight-light {
    font-weight: 300 !important;
}

/* ======================================
   SITE-SPECIFIC ELEMENTS
   ====================================== */
/* Golrang AI Website specific */
body.rtl .col-lg-4 h1.display-4 {
    text-align: right;
}

/* Footer direction */
body.rtl footer .text-right {
    text-align: left !important;
}

body.rtl footer .text-left {
    text-align: right !important;
}

/* Back to top button */
body.rtl .back-to-top {
    right: auto;
    left: 30px;
}

/* Category headers */
body.rtl .section-title {
    text-align: right;
}

/* Card layouts */
body.rtl .card-img-left {
    right: 0;
    left: auto;
}

/* Owl carousel */
body.rtl .owl-carousel {
    direction: ltr;
}

body.rtl .owl-carousel .owl-item {
    direction: rtl;
}

/* Forms & fieldsets */
body.rtl .form-check-label {
    padding-right: 1.25rem;
    padding-left: 0;
}

body.rtl .form-check-input {
    margin-right: -1.25rem;
    margin-left: 0;
}

/* Modal dialogs */
body.rtl .modal-header .close {
    margin: -1rem auto -1rem -1rem;
}

body.rtl .modal-footer {
    justify-content: flex-start;
}

/* Badges and tags */
body.rtl .badge {
    margin-right: 0;
    margin-left: 0.5rem;
}

body.rtl .close {
    float: left;
}

/* Profile images and avatars */
body.rtl .media > img {
    margin-right: 0;
    margin-left: 1rem;
}

/* Contact information */
body.rtl .contact-info i {
    margin-right: 0;
    margin-left: 0.5rem;
}

/* Add these rules to your style_rtl.css file */

/* Add these rules to your style_rtl.css file */
/* ======================================
PERSIAN FONT INTEGRATION
====================================== */

/* Add these rules to your style_rtl.css file */

/* ======================================
   ANNOUNCEMENTS SECTION RTL FIXES
   ====================================== */
/* Reverse the order of elements for RTL */
body.rtl .d-flex.justify-content-between {
    flex-direction: row-reverse;
}

/* Fix the carousel positioning */
body.rtl .owl-carousel.tranding-carousel {
    margin-right: 1rem !important;
    margin-left: 0 !important;
    padding-left: 90px !important;
    padding-right: 0 !important;
}

/* Fix the carousel navigation arrows */
body.rtl .owl-carousel .owl-nav {
    left: 0;
    right: auto;
}

body.rtl .owl-carousel .owl-nav .owl-prev,
body.rtl .owl-carousel .owl-nav .owl-next {
    float: left;
}

body.rtl .owl-carousel .owl-nav .owl-prev {
    margin-right: 0;
    margin-left: 15px;
}

/* Owl carousel specific RTL fixes */
body.rtl .owl-carousel {
    direction: ltr;
}

body.rtl .owl-carousel .owl-item {
    direction: ltr;
    text-align: right;
}

/* Fix any icon directions in the carousel */
body.rtl .owl-carousel .owl-nav .owl-prev i:before {
    content: "\f054"; /* fa-chevron-right */
}

body.rtl .owl-carousel .owl-nav .owl-next i:before {
    content: "\f053"; /* fa-chevron-left */
}

/* For text inside announcements */
body.rtl .text-uppercase.font-weight-semi-bold {
    text-align: right;
}

.sitename {
    margin-top: 15px;
    font-size: 41px;
    color: var(--logo-color);
}

.shiny {
    font-size: 22px;
    font-weight: bold;
    background: linear-gradient(
            90deg,
            rgba(30, 30, 30, 1) 0%,
            rgba(30, 30, 30, 1) 45%,
            rgba(255, 255, 255, 0.8) 50%,
            rgba(30, 30, 30, 1) 55%,
            rgba(30, 30, 30, 1) 100%
    );
    background-size: 180% auto;
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    display: inline-block;
    animation: shine 3s linear infinite;
}

@keyframes shine {
    0% {
        background-position: -80% 0;
    }
    100% {
        background-position: 80% 0;
    }
}