/* ============================================================
   RTL — Arabic / Right-to-Left layout
   Mirrors padding, margins, text-align, float, flex-direction
   for [dir="rtl"] pages.
   ============================================================ */

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

[dir="rtl"] body {
  font-family: 'Tajawal', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  letter-spacing: 0; /* Arabic doesn't use letter-spacing */
  line-height: 1.7;
}

[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] h6 {
  font-family: 'Tajawal', 'Inter', sans-serif;
  font-weight: 800; /* Tajawal 700 looks lighter than Inter 700 */
  letter-spacing: 0;
  line-height: 1.25;
}

[dir="rtl"] em,
[dir="rtl"] i {
  font-style: normal;
  font-family: 'Tajawal', 'Inter', sans-serif;
}

[dir="rtl"] p,
[dir="rtl"] li,
[dir="rtl"] span {
  letter-spacing: 0;
  line-height: 1.8;
}

/* ============================================================
   CONTRAST BOOST — Arabic text is more detailed, needs higher contrast
   (Principle 2.4: 对比度是底线)
   ============================================================ */

/* Dark backgrounds — raise opacity for better legibility */
[dir="rtl"] .hero-subtitle,
[dir="rtl"] .home-cta-desc {
  color: rgba(255, 255, 255, 0.92) !important;
}

/* Small eyebrow / label text on dark — use brighter gold */
[dir="rtl"] .hero-eyebrow,
[dir="rtl"] .home-cta-left .home-section-label {
  color: #F0D68A !important;
}
/* Gold text on dark — use brighter variant for Arabic readability */
[dir="rtl"] .home-cta-title {
  /* Brighter gradient — gold midpoint shifted higher for more glow */
  background: linear-gradient(
    135deg,
    #FFFFFF 0%,
    #FAF3E0 35%,
    #E8C868 55%,
    #FAF3E0 75%,
    #FFFFFF 100%
  ) !important;
  background-size: 200% 200% !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

/* Tertiary/muted text — boost contrast for Arabic detail */
[dir="rtl"] .stat-label,
[dir="rtl"] .journal-meta {
  color: var(--color-text-secondary) !important;
}

/* Form placeholder — lighter but still readable */
[dir="rtl"] .form-input::placeholder,
[dir="rtl"] .form-textarea::placeholder {
  color: rgba(61, 58, 51, 0.6) !important;
  opacity: 1;
}

/* Hero title — ensure minimum weight */
[dir="rtl"] .hero-title {
  font-weight: 800 !important;
}

/* Nav links on transparent nav — slightly bolder for readability */
body#yakeen-page[dir="rtl"] .nav--transparent .nav-link {
  font-weight: 500;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

/* ============================================================
   NAVIGATION
   ============================================================ */

[dir="rtl"] .nav-inner {
  flex-direction: row-reverse;
}

[dir="rtl"] .nav-links {
  flex-direction: row-reverse;
}

[dir="rtl"] .nav-logo {
  flex-direction: row;
}

[dir="rtl"] .nav-dropdown-menu {
  left: auto;
  right: 50%;
  transform: translateX(50%) translateY(8px);
  text-align: right;
}

[dir="rtl"] .nav-dropdown:hover .nav-dropdown-menu {
  transform: translateX(50%) translateY(0);
}

[dir="rtl"] .nav-dropdown-item {
  text-align: right;
}

[dir="rtl"] .nav-dropdown-item--featured::before {
  left: auto;
  right: 0;
}

/* ============================================================
   MOBILE MENU (RTL)
   ============================================================ */

[dir="rtl"] .mobile-menu {
  right: auto;
  left: 0;
  transform: translateX(-100%);
}

[dir="rtl"] .mobile-menu.is-open {
  transform: translateX(0);
}

[dir="rtl"] .mobile-close {
  right: auto;
  left: 20px;
}

[dir="rtl"] .mobile-link {
  text-align: right;
}

/* ============================================================
   HERO
   ============================================================ */

[dir="rtl"] .hero-content {
  text-align: right;
}

[dir="rtl"] .hero-eyebrow {
  justify-content: flex-start;
  text-align: right;
}

[dir="rtl"] .hero-actions {
  justify-content: flex-start;
}

/* ============================================================
   SECTION HEADERS
   ============================================================ */

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

[dir="rtl"] .section-title {
  text-align: right;
}

[dir="rtl"] .section-header {
  text-align: right;
}

[dir="rtl"] .section-header.center {
  text-align: center;
}

/* ============================================================
   SPLIT SECTIONS — swap visual and content sides
   ============================================================ */

[dir="rtl"] .split-section {
  flex-direction: row-reverse;
}

[dir="rtl"] .split-content {
  text-align: right;
}

/* ============================================================
   BUTTONS — flip arrow direction
   ============================================================ */

[dir="rtl"] .btn span,
[dir="rtl"] .service-link span,
[dir="rtl"] .collection-link span {
  transform: scaleX(-1);
  display: inline-block;
}

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

[dir="rtl"] .home-projects-cta {
  text-align: right;
}

/* ============================================================
   FEATURE LIST — mirror checkmarks
   ============================================================ */

[dir="rtl"] .feature-list {
  text-align: right;
}

[dir="rtl"] .feature-check {
  margin-left: 12px;
  margin-right: 0;
}

/* ============================================================
   CARDS & GRIDS
   ============================================================ */

[dir="rtl"] .feature-card,
[dir="rtl"] .value-card,
[dir="rtl"] .product-card,
[dir="rtl"] .project-card,
[dir="rtl"] .journal-card,
[dir="rtl"] .collection-card,
[dir="rtl"] .wgcc-card,
[dir="rtl"] .service-item,
[dir="rtl"] .philosophy-item,
[dir="rtl"] .team-member,
[dir="rtl"] .cert-card,
[dir="rtl"] .process-step,
[dir="rtl"] .stat-item {
  text-align: right;
}

/* Cap card — flip golden accent bar */
[dir="rtl"] .cap-card::before {
  left: auto;
  right: 24px;
}

[dir="rtl"] .cap-card:hover .cap-link {
  transform: translateX(-4px);
}

/* Service link */
[dir="rtl"] .service-link {
  text-align: right;
}

/* Collection link */
[dir="rtl"] .collection-link {
  text-align: right;
}

/* Philosophy number — flip from right to left */
[dir="rtl"] .philosophy-number {
  right: auto;
  left: 0;
}

/* Project index / tag position */
[dir="rtl"] .project-index {
  left: auto;
  right: 16px;
}

[dir="rtl"] .project-tag-gold {
  left: auto;
  right: 16px;
}

[dir="rtl"] .project-category,
[dir="rtl"] .project-title,
[dir="rtl"] .project-location,
[dir="rtl"] .project-scope {
  text-align: right;
}

/* ============================================================
   PROCESS TIMELINE
   ============================================================ */

[dir="rtl"] .process-timeline {
  direction: rtl;
}

[dir="rtl"] .step-circle {
  margin: 0 auto 12px auto;
}

[dir="rtl"] .step-number {
  text-align: right;
}

/* ============================================================
   STATS
   ============================================================ */

[dir="rtl"] .stat-item {
  text-align: right;
}

[dir="rtl"] .stat-number {
  text-align: right;
}

/* ============================================================
   WHY GCC CARDS
   ============================================================ */

[dir="rtl"] .wgcc-accent {
  margin-right: 0;
  margin-left: auto;
}

/* ============================================================
   FORMS
   ============================================================ */

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

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

[dir="rtl"] .form-input::placeholder,
[dir="rtl"] .form-select::placeholder,
[dir="rtl"] .form-textarea::placeholder {
  direction: rtl;
  text-align: right;
}

[dir="rtl"] select {
  text-align: right;
  direction: rtl;
}

[dir="rtl"] .form-row {
  direction: rtl;
}

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

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

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

[dir="rtl"] .ar-steps-item {
  text-align: right;
}

[dir="rtl"] .ar-steps-content {
  margin-right: 0;
  margin-left: 0;
}

[dir="rtl"] .ar-contact-item {
  text-align: right;
}

/* Uppercase is meaningless for Arabic script */
[dir="rtl"] .ar-contact-label {
  text-transform: none;
  letter-spacing: 0;
  font-family: 'Tajawal', sans-serif;
}

/* ============================================================
   ACCORDION
   ============================================================ */

[dir="rtl"] .accordion-header {
  text-align: right;
  flex-direction: row-reverse;
}

[dir="rtl"] .accordion-icon {
  margin-right: auto;
  margin-left: 0;
}

[dir="rtl"] .accordion-content {
  text-align: right;
}

/* ============================================================
   TEAM
   ============================================================ */

[dir="rtl"] .team-avatar {
  margin: 0 auto 16px auto;
}

[dir="rtl"] .team-member h3,
[dir="rtl"] .team-role,
[dir="rtl"] .team-member p {
  text-align: center;
}

/* ============================================================
   FOOTER
   ============================================================ */

[dir="rtl"] .footer-col {
  text-align: right;
}

[dir="rtl"] .footer-col ul {
  padding-right: 0;
}

[dir="rtl"] .footer-bottom {
  text-align: right;
}

/* ============================================================
   CTA SECTION
   ============================================================ */

[dir="rtl"] .cta-section {
  text-align: right;
}

[dir="rtl"] .cta-actions {
  justify-content: flex-start;
}

/* ============================================================
   ARTICLE / BLOG
   ============================================================ */

[dir="rtl"] .article-body {
  text-align: right;
}

[dir="rtl"] .article-body ul,
[dir="rtl"] .article-body ol {
  padding-right: 24px;
  padding-left: 0;
}

[dir="rtl"] .article-meta {
  text-align: right;
}

/* ============================================================
   JOURNAL PAGE
   ============================================================ */

[dir="rtl"] .journal-category {
  text-align: right;
}

[dir="rtl"] .journal-meta {
  text-align: right;
}

/* ============================================================
   PAGE HERO (sub-pages)
   ============================================================ */

[dir="rtl"] .page-hero-inner {
  text-align: right;
}

[dir="rtl"] .page-hero .hero-actions {
  justify-content: flex-start;
}

/* ============================================================
   MOBILE RTL ADJUSTMENTS (≤ 768px)
   ============================================================ */

@media (max-width: 768px) {
  [dir="rtl"] .split-section {
    flex-direction: column-reverse;
  }
}