/* Penn theme — RTL overrides. Loaded only when LANGUAGE_CODE == 'ar'. */

/* Global direction confirmation */
html[dir="rtl"] body {
    direction: rtl;
    text-align: right;
    font-family: 'Tajawal', 'Mulish', sans-serif;
}

/* Navbar: flip logo/action order, nav links read right-to-left */
html[dir="rtl"] #navigation .row {
    flex-direction: row-reverse;
}
html[dir="rtl"] #main-menu ul,
html[dir="rtl"] #main-menu ul li {
    float: right;
}
html[dir="rtl"] .header_right {
    text-align: right;
}
html[dir="rtl"] .call_to_action {
    text-align: left;
}

/* Generic spacing flips: me-* / ms-* are logical and auto-flip; but
   hard-coded margin-left/margin-right in style.css need overrides here. */
html[dir="rtl"] .me-3 { margin-right: 1rem !important; margin-left: 0 !important; }

/* Owl carousel / slider: reverse arrow direction */
html[dir="rtl"] .owl-carousel .owl-nav .owl-prev {
    left: auto;
    right: -10px;
}
html[dir="rtl"] .owl-carousel .owl-nav .owl-next {
    right: auto;
    left: -10px;
}

/* Breadcrumb separator sits visually correct in RTL without code change,
   but ensure the list reads right-to-left */
html[dir="rtl"] .section-top-title ul,
html[dir="rtl"] .breadcrumb {
    padding-right: 0;
    text-align: right;
}

/* Footer columns: keep grid order but align text right */
html[dir="rtl"] .single_footer { text-align: right; }
html[dir="rtl"] .footer_menu ul li { float: right; }

/* Form Inputs: align labels and text */
html[dir="rtl"] .form-control { text-align: right; }
html[dir="rtl"] label { text-align: right; }

/* Dropdown menus open from the right edge */
html[dir="rtl"] .dropdown-menu {
    left: auto;
    right: 0;
}

/* Price/amount alignment: symbol precedes number on the right */
html[dir="rtl"] .price-detail,
html[dir="rtl"] .td-color,
html[dir="rtl"] h4,
html[dir="rtl"] h2.td-color {
    direction: rtl;
}

/* Service/feature icon spacing */
html[dir="rtl"] .single_tp .cta svg,
html[dir="rtl"] .service-block1 svg {
    margin-right: 0;
    margin-left: 8px;
}