/**
 * Botshee Agency - Arabic Language (RTL) Special Overrides
 */

/* 1. Global Typography and Letter-Spacing Reset
   In Arabic script, adjusting letter-spacing breaks the script connections. 
   We reset it completely to ensure smooth legibility. */
[dir="rtl"],
[dir="rtl"] body,
[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] h6,
[dir="rtl"] p,
[dir="rtl"] a,
[dir="rtl"] span,
[dir="rtl"] button,
[dir="rtl"] input,
[dir="rtl"] textarea {
    font-family: 'Tajawal', sans-serif !important;
    letter-spacing: 0 !important;
}

/* Specific Heading adjustments for Tajawal readability */
[dir="rtl"] .hero-title {
    font-size: 54px;
    line-height: 1.25;
}

[dir="rtl"] .section-title {
    font-size: 38px;
    line-height: 1.3;
}

/* 2. Transition & Positioning adjustments */
[dir="rtl"] .blog-card:hover .blog-link svg {
    transform: translateX(-4px);
}

[dir="rtl"] .service-icon svg {
    transform: scaleX(-1); /* Flips arrows / directional icons naturally for RTL */
}

/* Ensure the success metrics circular progress percentage text is centered */
[dir="rtl"] .radial-progress-number {
    direction: ltr; /* Keeps percentage like '98%' formatted correctly */
}

[dir="rtl"] .form-input {
    text-align: right;
}

/* Secure data entry placeholder alignment */
[dir="rtl"] .form-input::placeholder {
    text-align: right;
}

/* Slider chevron flip */
[dir="rtl"] .slider-control-btn svg {
    transform: scaleX(-1);
}

/* Dashboard graphic layout mirror for RTL */
[dir="rtl"] .dashboard-widget {
    transform: perspective(1000px) rotateY(8deg) rotateX(4deg);
}

[dir="rtl"] .dashboard-widget:hover {
    transform: perspective(1000px) rotateY(0deg) rotateX(0deg);
}

[dir="rtl"] .float-1 {
    left: auto;
    right: -15%;
}

[dir="rtl"] .float-2 {
    right: auto;
    left: -10%;
}