/* ==========================================================================
   Peak Media — RTL Overrides for Arabic (Cinematic v2.0)
   ========================================================================== */

/* ---------- Base Typography ---------- */
body {
    font-family: var(--font-ar);
    line-height: 1.8;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-ar);
    line-height: 1.3;
}

.section-title {
    font-weight: 700;
    letter-spacing: 0;
}

.section-subtitle {
    line-height: 2;
}

/* ---------- Navigation ---------- */
.lang-switch {
    margin-left: 0;
    margin-right: 10px;
}

#mainNav .nav-link {
    letter-spacing: 0;
}

#mainNav .nav-link::after {
    left: auto;
    right: 50%;
    transform: translateX(50%);
}

#mainNav .nav-link:hover::after,
#mainNav .nav-link.active::after {
    right: 20%;
    left: auto;
}

/* ---------- Hero ---------- */
.hero-title {
    letter-spacing: 0 !important;
    font-weight: 700;
}

.hero-subtitle {
    letter-spacing: 0.05em !important;
}

/* ---------- Section Alignment ---------- */
.section-divider {
    margin-right: 0;
}

.section-divider.mx-auto {
    margin-right: auto !important;
}

.section-kicker {
    letter-spacing: 0.08em;
}

/* ---------- About ---------- */
.about-text {
    line-height: 2.2;
}

.about-vm-text {
    line-height: 2;
}

/* ---------- Services ---------- */
.service-card h4 {
    font-weight: 600;
}

.service-card p {
    line-height: 2;
}

/* Service card auto-number — RTL position */
.service-card::before {
    right: auto;
    left: 16px;
}

/* ---------- Portfolio ---------- */
.portfolio-tag {
    left: auto;
    right: 1rem;
}

.portfolio-body h3 {
    font-weight: 700;
    line-height: 1.5;
}

.portfolio-body p {
    line-height: 2;
}

.portfolio-link {
    font-weight: 600;
}

/* RTL button icon direction */
.btn-peak:hover i {
    transform: translateX(-3px);
}

/* ---------- Counter ---------- */
.counter-box p {
    line-height: 1.6;
}

/* ---------- Contact ---------- */
.contact-info-item {
    flex-direction: row;
}

.form-floating > label {
    right: 0;
    left: auto;
}

/* ---------- Footer ---------- */
.footer-heading::after {
    left: auto;
    right: 0;
}

.footer-links a:hover {
    padding-left: 0;
    padding-right: 5px;
}

.footer-contact i {
    margin-inline-end: 10px;
    margin-inline-start: 0;
}

.social-links a {
    margin-inline-end: 8px;
    margin-inline-start: 0;
}

/* ---------- Back to Top (RTL) ---------- */
.back-to-top {
    right: auto;
    left: 30px;
}

/* ---------- Client Logo Carousel RTL ---------- */
.logo-carousel-outer {
    margin-left: 0;
    margin-right: calc(-50vw + 50%);
}

/* ---------- Reveal Animation RTL ---------- */
.reveal.reveal-left {
    transform: translateX(40px);
}

/* ---------- Section heading gradient RTL ---------- */
.section-heading h2 {
    background: linear-gradient(135deg, var(--peak-dark) 30%, var(--peak-red) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}