/* ==========================================================================
   BENNING Website - RTL (Right-to-Left) Styles for Persian/Arabic
   This file should be loaded AFTER style.css
   ========================================================================== */

/* ==========================================================================
   Dana Font Face
   ========================================================================== */
@font-face {
    font-family: 'Dana';
    src: url('../fonts/fontawesome/Dana/Dana-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Dana';
    src: url('../fonts/fontawesome/Dana/Dana-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Dana';
    src: url('../fonts/fontawesome/Dana/Dana-DemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Dana';
    src: url('../fonts/fontawesome/Dana/Dana-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Dana';
    src: url('../fonts/fontawesome/Dana/Dana-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Dana';
    src: url('../fonts/fontawesome/Dana/Dana-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Dana';
    src: url('../fonts/fontawesome/Dana/Dana-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Dana';
    src: url('../fonts/fontawesome/Dana/Dana-Thin.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Dana';
    src: url('../fonts/fontawesome/Dana/Dana-UltraLight.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

/* ==========================================================================
   RTL Base Settings
   ========================================================================== */
html[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] body {
    font-family: 'Dana', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* ==========================================================================
   Top Bar RTL
   ========================================================================== */
html[dir="rtl"] .top-bar {
    text-align: left;
}
html[dir="rtl"] .top-bar-right {
    direction: ltr;
visibility: hidden !important;
}
html[dir="rtl"] .top-bar-left {
visibility: visible !important;
 
}

html[dir="rtl"] .top-bar a {
    margin-left: 0;
    margin-right: 15px;
}

/* ==========================================================================
   Header RTL
   ========================================================================== */
html[dir="rtl"] .main-header .container-fluid {
    flex-direction: row;
}


html[dir="rtl"] .brand-subtitle {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .header-icons i {
    margin-left: 0;
    margin-right: 15px;
}

html[dir="rtl"] .header-icons i:first-child {
    margin-right: 0;
}

/* ==========================================================================
   Navigation RTL
   ========================================================================== */
html[dir="rtl"] .navbar-custom .nav-link {
    border-right: none;
}
html[dir="rtl"] .btn-close-menu{
    float: left;
}

html[dir="rtl"] .navbar-nav {
    flex-direction: row;
}

html[dir="rtl"] .nav-link i.fa-chevron-down {
    margin-left: 0;
    margin-right: 5px;
}

/* ==========================================================================
   Mega Menu RTL
   ========================================================================== */
html[dir="rtl"] .mega-menu-content {
    flex-direction: row;
}

html[dir="rtl"] .mm-item i {
    margin-right: 0;
    margin-left: 10px;
}

html[dir="rtl"] .mm-item.active::after {
    right: auto;
    left: 0;
    border-right: none;
    border-left: 10px solid var(--bg-gray);
}

html[dir="rtl"] .col-header {
    flex-direction: row;
}

html[dir="rtl"] .sub-menu-list li {
    flex-direction: row;
}

html[dir="rtl"] .sub-menu-list li i {
    transform: rotate(180deg);
}

/* ==========================================================================
   Hero Section RTL
   ========================================================================== */
html[dir="rtl"] .black-box {
    direction: rtl;
    flex-direction: row;
}

html[dir="rtl"] .controls-col {
    border-right: none;
    border-left: 1px solid rgba(255, 255, 255, 0.15);
}

html[dir="rtl"] .text-col {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .absolute-product-img {
    right: auto;
    left: 30px;
}

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

/* ==========================================================================
   Tab Bar RTL
   ========================================================================== */
html[dir="rtl"] .blue-tab-bar {
    direction: rtl;
    flex-direction: row;
}

html[dir="rtl"] .tab-item {
    margin-right: 0;
    margin-left: 30px;
}

/* ==========================================================================
   Card Labels RTL
   ========================================================================== */
html[dir="rtl"] .card-label {
    left: auto;
    right: 0;
    background: linear-gradient(to left, rgba(0, 0, 0, 0.8), transparent);
    text-align: right;
}

html[dir="rtl"] .card-label::after {
    right: auto;
    left: 0;
    border-left: none;
    border-right: 20px solid transparent;
}

/* ==========================================================================
   Main Content RTL
   ========================================================================== */
html[dir="rtl"] .breadcrumb-text {
    text-align: right;
}

html[dir="rtl"] .main-title,
html[dir="rtl"] .sub-title,
html[dir="rtl"] .content-text {
    text-align: right;
}

html[dir="rtl"] .cta-box .d-flex {
    flex-direction: row;
}

/* ==========================================================================
   News Section RTL
   ========================================================================== */
html[dir="rtl"] .news-item .d-flex {
    flex-direction: row;
}

html[dir="rtl"] .news-img-wrapper img {
    margin-right: 0;
    margin-left: 15px;
}

html[dir="rtl"] .news-content {
    text-align: right;
}

html[dir="rtl"] .magazine-img {
    margin-right: 0 !important;
    margin-left: 1rem !important;
}

html[dir="rtl"] .magazine-links {
    text-align: right;
}

html[dir="rtl"] .magazine-links i {
    margin-right: 0;
    margin-left: 8px;
}

html[dir="rtl"] .newsletter-cta .d-flex {
    flex-direction: row;
}

/* ==========================================================================
   Footer RTL
   ========================================================================== */
html[dir="rtl"] .footer-links,
html[dir="rtl"] .footer-contact {
    text-align: right;
}

html[dir="rtl"] .footer-contact i {
    margin-right: 0;
    margin-left: 8px;
}

html[dir="rtl"] .footer-social a {
    margin-right: 0;
    margin-left: 8px;
}

html[dir="rtl"] .footer-bottom-links a {
    margin: 0 10px;
}

/* ==========================================================================
   Responsive RTL Adjustments
   ========================================================================== */
@media (max-width: 992px) {
    html[dir="rtl"] .black-box {
        flex-direction: column-reverse;
    }

    html[dir="rtl"] .controls-col {
        border-left: none;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }

    html[dir="rtl"] .text-col {
        text-align: center;
    }

    html[dir="rtl"] .absolute-product-img {
        left: auto;
        right: auto;
    }

    html[dir="rtl"] .navbar-nav {
        flex-direction: column;
    }
}

@media (max-width: 768px) {
    html[dir="rtl"] .cta-box .d-flex {
        flex-direction: column-reverse;
    }
}

/* ==========================================================================
   Persian Typography Enhancements
   ========================================================================== */
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6 {
    font-family: 'Dana', sans-serif;
    font-weight: 700;
}

html[dir="rtl"] p,
html[dir="rtl"] span,
html[dir="rtl"] a,
html[dir="rtl"] li {
    font-family: 'Dana', sans-serif;
}

/* Numbers should remain LTR */
html[dir="rtl"] .news-date,
html[dir="rtl"] .event-date,
html[dir="rtl"] .footer-contact p {
    direction: rtl;
    display: inline-block;
}

/* ==========================================================================
   Mega Menu Column 4 RTL
   ========================================================================== */
html[dir="rtl"] .mm-col-4 {
    border-right: none;
    border-left: 1px solid var(--border-gray);
}

html[dir="rtl"] .mm-news-header i,
html[dir="rtl"] .mm-events-header i {
    margin-left: 0;
    margin-right: 8px;
}

html[dir="rtl"] .mm-news-link i,
html[dir="rtl"] .mm-events-link i {
    margin-right: 0;
    margin-left: 5px;
}

html[dir="rtl"] .mm-news-date,
html[dir="rtl"] .mm-event-date {
    direction: rtl;
}

html[dir="rtl"] .mm-col-3 {
    border-right: none;
    border-left: 1px solid var(--border-gray);
}

/* ==========================================================================
   Company Grid Menu RTL Styles
   ========================================================================== */
html[dir="rtl"] .company-grid-header i.fas.fa-building {
    margin-left: 0;
    margin-left: 10px;
    margin-right: 20px;
}

html[dir="rtl"] .company-grid-item h4,
html[dir="rtl"] .company-grid-item p {
    direction: rtl;
}

/* ==========================================================================
   News Grid Menu RTL Styles
   ========================================================================== */
html[dir="rtl"] .news-grid-header i.fas.fa-newspaper {
    margin-left: 10px;
    margin-right: 10px;
}

html[dir="rtl"] .news-section-title {
    direction: rtl;
}

html[dir="rtl"] .news-grid-item h4,
html[dir="rtl"] .news-grid-item p {
    direction: rtl;
}

/* ==========================================================================
   Academy Grid Menu RTL Styles
   ========================================================================== */
html[dir="rtl"] .academy-grid-header i.fas.fa-graduation-cap {
    margin-left: 10px;
    margin-right: 10px;
}

html[dir="rtl"] .academy-grid-item h4,
html[dir="rtl"] .academy-grid-item p {
    direction: rtl;
}

/* ==========================================================================
   Contact Grid Menu RTL Styles
   ========================================================================== */
html[dir="rtl"] .contact-grid-header i.fas.fa-phone-alt {
    margin-left: 10px;
    margin-right: 20px;
}

html[dir="rtl"] .contact-grid-item h4,
html[dir="rtl"] .contact-grid-item p {
    direction: rtl;
}

/* ==========================================================================
   LTR (Left-to-Right) Overrides for English Version
   ========================================================================== */

/* Company Grid Item LTR */
html[dir="rtl"] .company-grid-item {
    text-align: right;
        direction: ltr;

}

html[dir="ltr"] .company-grid-item i {
    grid-column: 1;
}

html[dir="ltr"] .company-grid-item h4,
html[dir="ltr"] .company-grid-item p {
    grid-column: 2;
}

/* News Grid Item LTR */
html[dir="rtl"] .news-grid-item {
    text-align: right;
    direction: ltr;
}

html[dir="ltr"] .news-grid-item i {
    grid-column: 1;
}

html[dir="ltr"] .news-grid-item h4,
html[dir="ltr"] .news-grid-item p {
    grid-column: 2;
}

/* Academy Grid Item LTR */
html[dir="rtl"] .academy-grid-item {
    text-align: right;
    direction: ltr;
}

html[dir="ltr"] .academy-grid-item i {
    grid-column: 1;
}

html[dir="ltr"] .academy-grid-item h4,
html[dir="ltr"] .academy-grid-item p {
    grid-column: 2;
}

/* Contact Grid Item LTR */
html[dir="rtl"] .contact-grid-item {
    text-align: right;
    direction: ltr;
}

html[dir="ltr"] .contact-grid-item i {
    grid-column: 1;
}

html[dir="ltr"] .contact-grid-item h4,
html[dir="ltr"] .contact-grid-item p {
    grid-column: 2;
}

/* Warranty Grid Menu RTL Styles */
html[dir="rtl"] .warranty-grid-header i.fas.fa-shield-alt {
    margin-left: 10px;
    margin-right: 20px;
}
html[dir="rtl"] .warranty-grid-item{
    direction: ltr;
    text-align: right;
}
html[dir="rtl"] .warranty-grid-item h4,
html[dir="rtl"] .warranty-grid-item p {
    direction: ltr;
    text-align: right;
}

/* Warranty Grid Item LTR */
html[dir="ltr"] .warranty-grid-item {
    grid-template-columns: auto 1fr;
    text-align: left;
}

html[dir="ltr"] .warranty-grid-item i {
    grid-column: 1;
}

html[dir="ltr"] .warranty-grid-item h4,
html[dir="ltr"] .warranty-grid-item p {
    grid-column: 2;
}