/* ============================================

   RTL (Right-to-Left) Direction Stylesheet
   for Bringer Template
   ============================================ */

/* Apply RTL direction to root element */
.rtl {
    direction: rtl;
    text-align: right;
}

/* Body RTL */
.rtl body {
    direction: rtl;
}

/* ============================================
   Header & Navigation RTL
   ============================================ */

.rtl .bringer-header-inner {
    direction: rtl;
    flex-direction: row-reverse;
}

.rtl .bringer-header-lp {
    order: 3;
}

.rtl .bringer-header-mp {
    order: 2;
}

.rtl .bringer-header-rp {
    order: 1;
}

.rtl .bringer-nav,
.rtl nav {
    direction: rtl;
    text-align: right;
}

.rtl .main-menu,
.rtl .sub-menu {
    flex-direction: row-reverse;
}

.rtl .main-menu > li,
.rtl .sub-menu > li {
    text-align: right;
}

.rtl .bringer-mobile-header-inner {
    direction: rtl;
    flex-direction: row-reverse;
}

/* ============================================
   Text & Alignment RTL
   ============================================ */

.rtl p,
.rtl span,
.rtl h1,
.rtl h2,
.rtl h3,
.rtl h4,
.rtl h5,
.rtl h6,
.rtl a,
.rtl li,
.rtl label,
.rtl div {
    text-align: right;
    direction: rtl;
}

.rtl .align-center {
    text-align: center;
    direction: rtl;
}

.rtl .align-right {
    text-align: left;
}

.rtl .align-left {
    text-align: right;
}

/* ============================================
   Grid & Flexbox RTL
   ============================================ */

.rtl .stg-row {
    direction: rtl;
    flex-direction: row-reverse;
}

.rtl .stg-col-1,
.rtl .stg-col-2,
.rtl .stg-col-3,
.rtl .stg-col-4,
.rtl .stg-col-5,
.rtl .stg-col-6,
.rtl .stg-col-7,
.rtl .stg-col-8,
.rtl .stg-col-9,
.rtl .stg-col-10,
.rtl .stg-col-12 {
    direction: rtl;
}

.rtl .stg-offset-1 {
    margin-left: 8.333333% !important;
    margin-right: 0 !important;
}

.rtl .stg-offset-2 {
    margin-left: 16.666667% !important;
    margin-right: 0 !important;
}

.rtl .stg-offset-3 {
    margin-left: 0 !important;
    margin-right: 25% !important;
}

.rtl .stg-offset-4 {
    margin-left: 0 !important;
    margin-right: 33.333333% !important;
}

.rtl .stg-offset-5 {
    margin-left: 0 !important;
    margin-right: 41.666667% !important;
}

.rtl .stg-offset-6 {
    margin-left: 0 !important;
    margin-right: 50% !important;
}

.rtl [class*="flex"] {
    flex-direction: row-reverse;
}

/* ============================================
   Margins & Paddings RTL
   ============================================ */

.rtl [class*="margin-left"],
.rtl [class*="ml-"] {
    margin-left: 0 !important;
    margin-right: auto !important;
}

.rtl [class*="margin-right"],
.rtl [class*="mr-"] {
    margin-right: 0 !important;
    margin-left: auto !important;
}

.rtl [class*="padding-left"],
.rtl [class*="pl-"] {
    padding-left: 0 !important;
}

.rtl [class*="padding-right"],
.rtl [class*="pr-"] {
    padding-right: 0 !important;
}

/* ============================================
   Float Reversal RTL
   ============================================ */

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

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

/* ============================================
   Lists RTL
   ============================================ */

.rtl ul,
.rtl ol {
    padding-left: 0 !important;
    padding-right: 1.5rem !important;
    text-align: right;
    direction: rtl;
}

.rtl ul li,
.rtl ol li {
    text-align: right;
}

/* ============================================
   Forms RTL
   ============================================ */

.rtl form {
    direction: rtl;
    text-align: right;
}

.rtl input,
.rtl textarea,
.rtl select {
    direction: rtl;
    text-align: right;
}

.rtl input::placeholder,
.rtl textarea::placeholder {
    text-align: right;
}

.rtl label {
    text-align: right;
}

.rtl .bringer-form-content {
    direction: rtl;
}

/* ============================================
   Tables RTL
   ============================================ */

.rtl table {
    direction: rtl;
    text-align: right;
}

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

/* ============================================
   Buttons & Links RTL
   ============================================ */

.rtl button,
.rtl .button,
.rtl [class*="btn"],
.rtl .bringer-button {
    direction: rtl;
}

.rtl a {
    direction: rtl;
}

.rtl .bringer-arrow-link {
    display: inline-flex;
    flex-direction: row-reverse;
    align-items: center;
}

.rtl .bringer-arrow-link::after {
    margin-left: 0.5rem;
    margin-right: 0;
}

/* ============================================
   Cards & Boxes RTL
   ============================================ */

.rtl .card,
.rtl .box,
.rtl .bringer-block,
.rtl [class*="card"],
.rtl [class*="box"] {
    direction: rtl;
    text-align: right;
}

.rtl .bringer-carousel-card {
    direction: rtl;
}

.rtl .bringer-image-box {
    direction: rtl;
    text-align: right;
}

.rtl .bringer-image-box-head,
.rtl .bringer-image-box-content {
    direction: rtl;
}

/* ============================================
   Borders RTL
   ============================================ */

.rtl [class*="border-left"] {
    border-left: none !important;
    border-right: 1px solid currentColor !important;
}

.rtl [class*="border-right"] {
    border-right: none !important;
    border-left: 1px solid currentColor !important;
}

/* ============================================
   Icons & Images RTL
   ============================================ */

.rtl .bringer-icon-chevron-left::before {
    content: "";
}

.rtl .bringer-icon-chevron-right::before {
    content: "";
}

.rtl .icon-left {
    margin-left: 0;
    margin-right: 0.5rem;
}

.rtl .icon-right {
    margin-right: 0;
    margin-left: 0.5rem;
}

.rtl img {
    direction: rtl;
}

/* ============================================
   Hero Section RTL
   ============================================ */

.rtl .bringer-hero-block {
    direction: rtl;
}

.rtl .bringer-hero-info-line {
    direction: rtl;
    flex-direction: row-reverse;
}

.rtl .bringer-page-title {
    text-align: center;
    direction: rtl;
}

/* ============================================
   Sliders & Carousels RTL
   ============================================ */

.rtl .swiper {
    direction: rtl;
}

.rtl .bringer-slider {
    direction: rtl;
}

.rtl .bringer-carousel {
    direction: rtl;
}

.rtl .bringer-slider-nav {
    flex-direction: row-reverse;
}

/* ============================================
   Footer RTL
   ============================================ */

.rtl #bringer-footer {
    direction: rtl;
    text-align: right;
}

.rtl .bringer-footer-widgets {
    direction: rtl;
}

.rtl .bringer-widget {
    direction: rtl;
    text-align: right;
}

.rtl .bringer-menu-widget ul {
    direction: rtl;
    text-align: right;
}

.rtl .bringer-menu-widget ul li {
    text-align: right;
}

.rtl .bringer-socials-list {
    flex-direction: row-reverse;
}

/* ============================================
   Section Titles RTL
   ============================================ */

.rtl .bringer-section-title {
    direction: rtl;
}

.rtl .bringer-section-title h2,
.rtl .bringer-section-title p {
    text-align: center;
    direction: rtl;
}

/* ============================================
   CTA Section RTL
   ============================================ */

.rtl .stg-cta-with-image {
    flex-direction: row-reverse;
}

.rtl .bringer-cta-form-content {
    direction: rtl;
    text-align: right;
}

.rtl .bringer-cta-form-title {
    direction: rtl;
    text-align: right;
}

.rtl .bringer-cta-text {
    direction: rtl;
}

/* ============================================
   Counters RTL
   ============================================ */

.rtl .bringer-counter {
    direction: rtl;
    text-align: center;
}

.rtl .bringer-counter-number {
    text-align: center;
}

.rtl .bringer-counter-label {
    text-align: center;
}

/* ============================================
   Marquee RTL
   ============================================ */

.rtl .bringer-marquee {
    direction: ltr;
}

.rtl .bringer-marquee-list {
    flex-direction: row-reverse;
}

/* ============================================
   Utilities RTL
   ============================================ */

.rtl .stg-valign-middle {
    direction: rtl;
}

.rtl .stg-large-gap {
    direction: rtl;
}

.rtl .is-frosted {
    direction: rtl;
}

.rtl .backlight-top,
.rtl .backlight-bottom {
    direction: rtl;
}

/* ============================================
   Override LTR for specific elements
   ============================================ */

.rtl .ltr {
    direction: ltr !important;
    text-align: left !important;
}

.rtl .ltr ul,
.rtl .ltr ol {
    padding-left: 1.5rem !important;
    padding-right: 0 !important;
}

/* ============================================
   Parallax & Media RTL
   ============================================ */

.rtl .bringer-parallax-media {
    direction: rtl;
}

.rtl .bringer-offset-image {
    direction: rtl;
}

/* ============================================
   Animations & Transforms RTL
   ============================================ */

.rtl [data-appear*="fade-left"] {
    animation: fade-right-rtl 0.8s ease-out both;
}

.rtl [data-appear*="fade-right"] {
    animation: fade-left-rtl 0.8s ease-out both;
}

@keyframes fade-left-rtl {
    from {
        opacity: 0;
        transform: translateX(30px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes fade-right-rtl {
    from {
        opacity: 0;
        transform: translateX(-30px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* ============================================
   Responsive RTL
   ============================================ */

@media (max-width: 768px) {
    .rtl .stg-row {
        flex-direction: column-reverse;
    }
    
    .rtl .stg-tp-column-reverse {
        flex-direction: column !important;
    }
    
    .rtl .stg-m-bottom-gap-l,
    .rtl .stg-m-bottom-gap {
        margin-bottom: 1rem;
    }
    
    .rtl .bringer-mobile-header-inner {
        flex-direction: row-reverse;
    }
}
</antml>