/*
 Theme Name:   Astra Child
 Theme URI:    https://feresportfolio.com
 Description:  Astra Child Theme for Silavoca — bilingual FR/AR with full RTL support for the Arabic locale (Polylang). Cairo font for Arabic.
 Author:       feresportfolio
 Author URI:   feresportfolio.com
 Template:     astra
 Version:      1.0.5
 Text Domain:  astra-child
*/

/* Cairo fallback import (the font is also enqueued from functions.php on AR pages) */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800&display=swap');

/* =============================================================
 *  ARABIC (RTL) CORE OVERRIDES  —  scoped to the Arabic locale
 *  Comprehensive rules live in rtl.css (loaded only on AR pages).
 *  These core rules guarantee correct direction + font even if
 *  rtl.css is cached/stale.
 *  Scope: html[lang="ar"] | [dir="rtl"] | body.rtl  → never LTR.
 * ============================================================= */

/* --- Direction + Arabic font --- */
html[lang="ar"],
html[dir="rtl"],
body.rtl {
    direction: rtl;
}

html[lang="ar"] body,
[dir="rtl"] body,
body.rtl {
    direction: rtl;
    text-align: right;
    font-family: 'Cairo', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

[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"] li, [dir="rtl"] button,
[dir="rtl"] input, [dir="rtl"] textarea, [dir="rtl"] select,
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 li {
    font-family: 'Cairo', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

/* --- Text alignment --- */
[dir="rtl"] .entry-content,
[dir="rtl"] .entry-title,
[dir="rtl"] .ast-container,
[dir="rtl"] .site-content,
[dir="rtl"] article,
body.rtl .entry-content { text-align: right; }

[dir="rtl"] .has-text-align-center,
[dir="rtl"] .silavoca-footer-bottom { text-align: center !important; }

/* --- Flex / grid direction --- */
[dir="rtl"] .ast-flex,
[dir="rtl"] .main-header-menu,
[dir="rtl"] .ast-nav-menu,
[dir="rtl"] .wp-block-columns,
[dir="rtl"] .silavoca-nav,
[dir="rtl"] .silavoca-header-inner,
[dir="rtl"] .silavoca-newsletter,
body.rtl .silavoca-header-inner { flex-direction: row; }

[dir="rtl"] .silavoca-footer-inner { direction: rtl; }

/* --- Padding / margin mirroring --- */
[dir="rtl"] ul, [dir="rtl"] ol { padding-right: 1.5em; padding-left: 0; }
[dir="rtl"] blockquote {
    border-right: 4px solid #c9a84c; border-left: none;
    padding-right: 20px; padding-left: 0;
}
[dir="rtl"] .alignleft  { float: right; margin: 0 0 1em 1em; }
[dir="rtl"] .alignright { float: left;  margin: 0 1em 1em 0; }

/* --- Navigation alignment --- */
[dir="rtl"] .main-header-menu .menu-item,
[dir="rtl"] .silavoca-sidebar-nav a { text-align: right; }
[dir="rtl"] .main-header-menu .sub-menu { left: auto; right: 0; }

/* --- Button alignment --- */
[dir="rtl"] .ast-button,
[dir="rtl"] .wp-block-button { text-align: right; }
[dir="rtl"] .wp-block-buttons { flex-direction: row; justify-content: flex-start; }

/* --- Footer columns --- */
[dir="rtl"] .silavoca-footer,
[dir="rtl"] .silavoca-footer-col,
[dir="rtl"] .silavoca-footer-col a,
[dir="rtl"] .silavoca-footer-about { text-align: right; }
[dir="rtl"] .silavoca-contact-item { flex-direction: row; }

/* --- Arrows / icons --- */
[dir="rtl"] .ast-header-navigation-arrow,
[dir="rtl"] .slick-next, [dir="rtl"] .slick-prev,
[dir="rtl"] [class*="arrow-right"], [dir="rtl"] [class*="arrow-left"] {
    transform: scaleX(-1); display: inline-block;
}

/* --- Forms --- */
[dir="rtl"] input[type="text"],
[dir="rtl"] input[type="email"],
[dir="rtl"] input[type="search"],
[dir="rtl"] textarea,
[dir="rtl"] select { text-align: right; direction: rtl; }

/* --- Keep Latin bits LTR (FR switch label, emails, URLs) --- */
[dir="rtl"] .silavoca-lang,
body.rtl .silavoca-lang,
[dir="rtl"] .silavoca-contact-item span,
[dir="rtl"] code { direction: ltr; text-align: right; }

/* --- Beaver Builder + directory sidebar (core safety subset) --- */
[dir="rtl"] .fl-row-content,
[dir="rtl"] .fl-col-content,
[dir="rtl"] .fl-module-content,
[dir="rtl"] .blog-sidebar,
[dir="rtl"] .sidebar-cta,
[dir="rtl"] .sidebar-articles,
[dir="rtl"] .blog-similar,
[dir="rtl"] .sila-blog-card-body { direction: rtl; text-align: right; }

[dir="rtl"] .sila-blog-card-arrow { display: inline-block; transform: scaleX(-1); }
[dir="rtl"] .blog-tags-label { margin-left: 0 !important; margin-right: 10px !important; }