/*
 * RTL Stylesheet – Tadhafur Law
 *
 * Loaded conditionally by functions.php when is_rtl() returns true
 * (i.e. when the WP locale is Arabic, Hebrew, Persian, Urdu, etc.).
 *
 * Strategy: Override directional properties only. Do not duplicate
 * the full stylesheet — only the rules that differ for RTL layouts.
 *
 * @package tadhafur
 * @since   1.0.0
 */

/* ==========================================================================
   Base Direction
   ========================================================================== */
html,
body {
    direction: rtl;
}

/* ==========================================================================
   Typography – text alignment
   ========================================================================== */
body {
    text-align: start; /* 'start' = right in RTL */
}

.text-center {
    text-align: center;
}

/* ==========================================================================
   Footer – RTL quick links arrow direction
   ========================================================================== */
.footer-links-list li a::before,
.footer-links-list a::before {
    content: '‹'; /* reversed chevron for RTL */
}

/* ==========================================================================
   Footer bottom bar
   ========================================================================== */
.footer-bottom {
    flex-direction: row-reverse;
}

@media (max-width: 768px) {
    .footer-bottom {
        flex-direction: column;
    }
}

/* ==========================================================================
   Navigation
   ========================================================================== */
.primary-navigation ul {
    padding-inline: 0;
}

@media (max-width: 768px) {
    .primary-navigation {
        inset-inline: 0;
    }
}

/* ==========================================================================
   Content – Logical Properties
   ========================================================================== */
.entry-content blockquote {
    border-inline-start: 4px solid var(--color-primary);
    padding-inline-start: var(--space-lg);
    border-inline-end: none;
    padding-inline-end: 0;
}

.entry-content ul,
.entry-content ol {
    padding-inline-start: var(--space-xl);
    padding-inline-end: 0;
}

/* ==========================================================================
   Page Hero – RTL breadcrumb separator
   ========================================================================== */
.page-hero__breadcrumb-item + .page-hero__breadcrumb-item::before {
    content: '\\';
}

/* ==========================================================================
   Hero – Front page
   ========================================================================== */
.hero-placeholder {
    text-align: center;
}

/* Front-page hero: flip arrow direction */
.hero__btn-primary:focus .btn-arrow,
.hero__btn-primary:hover .btn-arrow {
    transform: translateX(-4px);
}

/* ==========================================================================
   Directional Hover Transforms – Flip translateX for RTL
   ========================================================================== */

/* CTA button arrow icons */
.btn-cta:hover i,
.btn-services-all:hover i,
.btn-final-secondary:hover i {
    transform: translateX(-4px);
}

/* Philosophy list items – slide left instead of right */
.philosophy-section__list li:hover {
    transform: translateX(-8px);
}

/* Contact info cards – slide left instead of right */
.contact-info-card:hover {
    transform: translateX(-4px);
}

/* ==========================================================================
   Hero Button Shine Effects – Flip translateX for RTL
   ========================================================================== */
.hero__btn-secondary::after {
    transform: translateX(100%);
}

.hero__btn-secondary:hover::after,
.hero__btn-secondary:focus::after {
    transform: translateX(-100%);
}

/* Service card shine effect */
.service-card__shine {
    transform: translateX(100%) translateY(-100%);
}

.service-card:hover .service-card__shine {
    transform: translateX(-100%) translateY(100%);
}

/* ==========================================================================
   Accent bar animations – grow from right in RTL
   ========================================================================== */
.mpv-tabs__btn::before,
.scope-card__accent,
.transformation-card__accent,
.vision-stage-card__border {
    transform-origin: right;
}

/* ==========================================================================
   Map overlay – gradient direction flip
   ========================================================================== */
.contact-map__overlay {
    background: linear-gradient(225deg, var(--color-primary) 0%, transparent 100%);
}

/* ==========================================================================
   Clients Carousel – scroll direction for RTL
   ========================================================================== */
.clients-carousel__track {
    animation-name: clientsScrollRtl;
}

@keyframes clientsScrollRtl {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(50%);
    }
}

/* ==========================================================================
   Form / Input placeholder text alignment
   ========================================================================== */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="search"],
textarea,
select {
    text-align: right;
    direction: rtl;
}

.search-form {
    direction: rtl;
}

/* ==========================================================================
   WP Core / Admin Bar
   ========================================================================== */
#wpadminbar {
    direction: rtl;
}