/* =======================================================
   RTL Overrides for Arabic
   ======================================================= */

/* CRITICAL: Arabic shaping & font */
body.rtl {
    direction: rtl;
    text-align: right;
    font-family: 'Tajawal', sans-serif;
    font-feature-settings: "liga" on, "calt" on, "rlig" on;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

/* Override accent-font for Arabic (Bricolage Grotesque doesn't support Arabic) */
body.rtl h1,
body.rtl h2,
body.rtl h3,
body.rtl h4,
body.rtl h5,
body.rtl h6 {
    font-family: 'Readex Pro', sans-serif !important;
    letter-spacing: 0 !important;
    font-weight: 700;
}

/* Kill letter-spacing everywhere — Arabic MUST have 0 */
.rtl *,
.rtl h1,
.rtl h2,
.rtl h3,
.rtl h4,
.rtl h5,
.rtl h6,
.rtl p,
.rtl a,
.rtl span,
.rtl li,
.rtl label,
.rtl input,
.rtl textarea,
.rtl select,
.rtl button,
.rtl .btn-default,
.rtl .readmore-btn,
.rtl .nav-link,
.rtl .section-title h1,
.rtl .section-title h2 {
    letter-spacing: 0 !important;
}

/* Also override the menu font */
.rtl .main-menu ul li a {
    font-family: 'Readex Pro', sans-serif !important;
    letter-spacing: 0 !important;
    font-weight: 600;
}

/* Buttons get heading font too */
.rtl .btn-default,
.rtl .readmore-btn {
    font-family: 'Readex Pro', sans-serif !important;
}

/* =======================================================
   Topbar
   ======================================================= */

/* Topbar Contact Info */
.rtl .topbar-contact-info ul {
    padding-right: 0;
    justify-content: flex-end;
}

.rtl .topbar-contact-info ul li img {
    margin-right: 0;
    margin-left: 10px;
}

/* Topbar Social */
.rtl .topbar-social-links {
    text-align: left;
}

.rtl .topbar-social-links ul {
    justify-content: flex-start;
}

/* =======================================================
   Navbar
   ======================================================= */
.rtl .navbar-nav {
    padding-right: 0;
    padding-left: 0;
}

.rtl .navbar-brand {
    margin-right: 0;
    margin-left: auto;
}

.rtl .main-menu .nav-menu-wrapper>ul {
    flex-direction: row-reverse;
}

.rtl .header-btn {
    text-align: start;
}

/* =======================================================
   Section Titles
   ======================================================= */
.rtl .section-title h3 {
    padding-left: 0;
    padding-right: 14px;
}

.rtl .section-title h3::before {
    left: auto;
    right: 0;
}

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

/* =======================================================
   Hero Section
   ======================================================= */
.rtl .hero-content {
    text-align: right;
}

.rtl .hero-usp-chips ul {
    padding-right: 0;
}

.rtl .working-hours-header {
    flex-direction: row-reverse;
}

.rtl .working-hours-header img {
    margin-left: 0;
    margin-right: 10px;
}

.rtl .working-hours-body ul {
    padding-right: 0;
}

.rtl .working-hours-body ul li span {
    float: left;
}

/* =======================================================
   Buttons – flip arrow from right to left
   ======================================================= */
.rtl .btn-default {
    padding: 17px 25px 17px 56px;
}

.rtl .btn-default::before {
    right: auto;
    left: 6px;
    transform: translateY(-50%) scaleX(-1);
}

.rtl .btn-default:hover::before {
    transform: translateY(-50%) scaleX(-1) rotate(45deg);
}

/* Also flip the hover ::after background sweep */
.rtl .btn-default::after {
    right: auto;
    left: 0;
}

.rtl .btn-default:hover::after {
    left: auto;
    right: 0;
    width: 100%;
}

/* Readmore button */
.rtl .readmore-btn {
    padding-right: 0;
    padding-left: 20px;
}

.rtl .readmore-btn::before {
    right: auto;
    left: 0;
    transform: translateY(-50%) scaleX(-1);
}

.rtl .readmore-btn:hover::before {
    transform: translateY(-50%) scaleX(-1) rotate(45deg);
}

/* =======================================================
   Footer
   ======================================================= */
.rtl .footer-links ul,
.rtl .footer-contact-info ul {
    padding-right: 0;
}

/* =======================================================
   Margin / Padding Helpers
   ======================================================= */
.rtl .ms-auto {
    margin-right: auto !important;
    margin-left: 0 !important;
}

.rtl .me-auto {
    margin-left: auto !important;
    margin-right: 0 !important;
}

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

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