/*
 * Royal Dome — RTL Stylesheet
 * Automatically loaded by WordPress when the locale is set to an RTL language (e.g., Arabic).
 */

/* ============================================================
   BASE RTL OVERRIDES
   ============================================================ */

/* Text alignment */
.rd-text-start {
    text-align: right;
}

.rd-text-end {
    text-align: left;
}

/* ============================================================
   HEADER RTL
   ============================================================ */
.rd-nav__link::after {
    left: auto;
    right: 0;
}

/* ============================================================
   FOOTER RTL
   ============================================================ */
.rd-footer__brand {
    padding-right: 0;
    padding-left: var(--rd-space-lg);
}

.rd-footer__contact-item {
    flex-direction: row;
    text-align: right;
    white-space: nowrap;
}

/* ============================================================
   DIVIDER RTL
   ============================================================ */
.rd-divider--left {
    margin-left: auto;
    margin-right: 0;
}

/* ============================================================
   PROCESS STEPS RTL
   ============================================================ */
.rd-process-step {
    flex-direction: row-reverse;
    text-align: right;
}

.rd-process-step:hover {
    padding-left: 0;
    padding-right: var(--rd-space-md);
}

/* ============================================================
   SERVICE CARDS RTL
   ============================================================ */
.rd-service-card {
    text-align: right;
}

.rd-service-card::before {
    transform-origin: right;
}

/* ============================================================
   BUTTONS RTL
   ============================================================ */
.rd-btn::before {
    left: auto;
    right: -100%;
}

.rd-btn:hover::before {
    right: 100%;
    left: auto;
}

/* ============================================================
   GENERAL SPACING RTL FIXES
   ============================================================ */

/* Flip flex gaps and margins that are directional */
.rd-flex {
    flex-direction: row-reverse;
}

.rd-flex--between {
    flex-direction: row;
}

/* ============================================================
   NAVIGATION RTL
   ============================================================ */
.rd-nav__list {
    flex-direction: row;
}

/* ============================================================
   HERO RTL
   ============================================================ */
/* Hero text is centered, so no RTL changes needed */

/* ============================================================
   TYPOGRAPHY RTL
   ============================================================ */
html[dir="rtl"],
body.rtl,
body.rtl h1,
body.rtl h2,
body.rtl h3,
body.rtl h4,
body.rtl h5,
body.rtl h6,
body.rtl p,
body.rtl a,
body.rtl span,
body.rtl button,
body.rtl input,
body.rtl textarea,
body.rtl select {
    font-family: var(--rd-font-arabic);
}

body.rtl .rd-label,
body.rtl .rd-nav__link,
body.rtl .rd-footer__heading,
body.rtl .rd-btn {
    letter-spacing: normal;
}

/* ============================================================
   FOOTER GRID RTL
   ============================================================ */
.rd-footer__grid {
    direction: rtl;
}

/* ============================================================
   STATS RTL
   ============================================================ */
.rd-stat {
    text-align: center;
}

/* ============================================================
   ELEMENTOR RTL FIXES
   ============================================================ */
.elementor-widget-wrap {
    direction: rtl;
}

/* ============================================================
   MOBILE NAV RTL
   ============================================================ */
.rd-mobile-nav__link {
    text-align: center;
}