/* Thème Hayati حياتي — compléments RTL pour ar / ar-MA / ar-DZ */
html[dir="rtl"] body.locale-ar,
html[dir="rtl"] body.locale-ar-ma,
html[dir="rtl"] body.locale-ar-dz {
  font-feature-settings: "kern" 1;
}

html[dir="rtl"] body.locale-ar .site-nav,
html[dir="rtl"] body.locale-ar-ma .site-nav,
html[dir="rtl"] body.locale-ar-dz .site-nav {
  background: linear-gradient(180deg, hsl(158 45% 11%) 0%, hsl(158 42% 14%) 100%);
  border-bottom: 1px solid hsl(42 55% 45% / 0.35);
  box-shadow: 0 4px 24px hsl(158 50% 5% / 0.35);
}

/* En mode senior, le header n'a pas la classe .site-nav */
html[dir="rtl"] body.locale-ar .senior-mode,
html[dir="rtl"] body.locale-ar-ma .senior-mode,
html[dir="rtl"] body.locale-ar-dz .senior-mode {
  background: linear-gradient(180deg, hsl(158 45% 11%) 0%, hsl(158 42% 14%) 100%);
  border-bottom: 1px solid hsl(42 55% 45% / 0.35);
  box-shadow: 0 4px 24px hsl(158 50% 5% / 0.35);
}

html[dir="rtl"] body.locale-ar .site-nav a,
html[dir="rtl"] body.locale-ar .site-nav button,
html[dir="rtl"] body.locale-ar-ma .site-nav a,
html[dir="rtl"] body.locale-ar-ma .site-nav button,
html[dir="rtl"] body.locale-ar-dz .site-nav a,
html[dir="rtl"] body.locale-ar-dz .site-nav button {
  color: hsl(42 40% 92%);
}

html[dir="rtl"] body.locale-ar .senior-mode a,
html[dir="rtl"] body.locale-ar-ma .senior-mode a,
html[dir="rtl"] body.locale-ar-dz .senior-mode a,
html[dir="rtl"] body.locale-ar .senior-mode button,
html[dir="rtl"] body.locale-ar-ma .senior-mode button,
html[dir="rtl"] body.locale-ar-dz .senior-mode button {
  color: hsl(42 40% 92%);
}

html[dir="rtl"] body.locale-ar .site-nav .bg-primary,
html[dir="rtl"] body.locale-ar-ma .site-nav .bg-primary,
html[dir="rtl"] body.locale-ar-dz .site-nav .bg-primary {
  background: hsl(42 72% 48%) !important;
  color: hsl(158 45% 10%) !important;
}

html[dir="rtl"] body.locale-ar .senior-mode .bg-primary,
html[dir="rtl"] body.locale-ar-ma .senior-mode .bg-primary,
html[dir="rtl"] body.locale-ar-dz .senior-mode .bg-primary {
  background: hsl(42 72% 48%) !important;
  color: hsl(158 45% 10%) !important;
}

html[dir="rtl"] body.locale-ar .site-nav .bg-secondary\/50,
html[dir="rtl"] body.locale-ar .site-nav .hover\:bg-secondary:hover,
html[dir="rtl"] body.locale-ar-ma .site-nav .bg-secondary\/50,
html[dir="rtl"] body.locale-ar-ma .site-nav .hover\:bg-secondary:hover,
html[dir="rtl"] body.locale-ar-dz .site-nav .bg-secondary\/50,
html[dir="rtl"] body.locale-ar-dz .site-nav .hover\:bg-secondary:hover {
  background: hsl(158 35% 22% / 0.85) !important;
  color: hsl(42 40% 92%) !important;
}

html[dir="rtl"] body.locale-ar .senior-mode .bg-secondary\/60,
html[dir="rtl"] body.locale-ar .senior-mode .hover\:bg-secondary:hover,
html[dir="rtl"] body.locale-ar-ma .senior-mode .bg-secondary\/60,
html[dir="rtl"] body.locale-ar-ma .senior-mode .hover\:bg-secondary:hover,
html[dir="rtl"] body.locale-ar-dz .senior-mode .bg-secondary\/60,
html[dir="rtl"] body.locale-ar-dz .senior-mode .hover\:bg-secondary:hover {
  background: hsl(158 35% 22% / 0.85) !important;
  color: hsl(42 40% 92%) !important;
}

html[dir="rtl"] body.locale-ar .gradient-hero,
html[dir="rtl"] body.locale-ar-ma .gradient-hero,
html[dir="rtl"] body.locale-ar-dz .gradient-hero {
  color: hsl(42 40% 95%);
  position: relative;
  overflow: hidden;
}

html[dir="rtl"] body.locale-ar .gradient-hero::before,
html[dir="rtl"] body.locale-ar-ma .gradient-hero::before,
html[dir="rtl"] body.locale-ar-dz .gradient-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    linear-gradient(135deg, hsl(158 45% 10% / 0.75) 0%, hsl(158 40% 14% / 0.65) 45%, hsl(158 35% 18% / 0.55) 100%),
    radial-gradient(ellipse 80% 60% at 20% 30%, hsl(42 70% 50% / 0.12) 0%, transparent 60%);
  pointer-events: none;
}

html[dir="rtl"] body.locale-ar .gradient-hero .text-muted-foreground,
html[dir="rtl"] body.locale-ar-ma .gradient-hero .text-muted-foreground,
html[dir="rtl"] body.locale-ar-dz .gradient-hero .text-muted-foreground {
  color: hsl(42 25% 78%);
}

html[dir="rtl"] body.locale-ar .gradient-hero .text-primary,
html[dir="rtl"] body.locale-ar-ma .gradient-hero .text-primary,
html[dir="rtl"] body.locale-ar-dz .gradient-hero .text-primary {
  color: hsl(42 75% 58%);
}

html[dir="rtl"] body.locale-ar .locale-hero-frame,
html[dir="rtl"] body.locale-ar-ma .locale-hero-frame,
html[dir="rtl"] body.locale-ar-dz .locale-hero-frame {
  border: 2px solid hsl(42 55% 45% / 0.5);
  border-radius: 50% 50% 12px 12px / 28% 28% 12px 12px;
  box-shadow:
    0 0 40px hsl(42 70% 45% / 0.25),
    0 20px 50px hsl(158 50% 5% / 0.45);
  overflow: hidden;
}

html[dir="rtl"] body.locale-ar .locale-arch-card .locale-arch-media,
html[dir="rtl"] body.locale-ar-ma .locale-arch-card .locale-arch-media,
html[dir="rtl"] body.locale-ar-dz .locale-arch-card .locale-arch-media {
  border-radius: 50% 50% 8px 8px / 22% 22% 8px 8px;
  border: 2px solid hsl(42 55% 45% / 0.4);
  overflow: hidden;
  box-shadow: 0 8px 24px hsl(158 40% 8% / 0.2);
}

html[dir="rtl"] body.locale-ar .locale-arch-card,
html[dir="rtl"] body.locale-ar-ma .locale-arch-card,
html[dir="rtl"] body.locale-ar-dz .locale-arch-card {
  background: linear-gradient(180deg, hsl(42 40% 98%) 0%, hsl(42 30% 94%) 100%);
  border: 1px solid hsl(42 40% 80%);
}

html[dir="rtl"] body.locale-ar .gradient-card.locale-arch-card:hover,
html[dir="rtl"] body.locale-ar-ma .gradient-card.locale-arch-card:hover,
html[dir="rtl"] body.locale-ar-dz .gradient-card.locale-arch-card:hover {
  border-color: hsl(42 60% 50% / 0.6);
  box-shadow: 0 12px 32px hsl(42 50% 40% / 0.15);
}

html[dir="rtl"] body.locale-ar .bg-muted\/30,
html[dir="rtl"] body.locale-ar-ma .bg-muted\/30,
html[dir="rtl"] body.locale-ar-dz .bg-muted\/30 {
  background: hsl(42 30% 93% / 0.9) !important;
}

html[dir="rtl"] body.locale-ar .gradient-warm,
html[dir="rtl"] body.locale-ar-ma .gradient-warm,
html[dir="rtl"] body.locale-ar-dz .gradient-warm {
  background: linear-gradient(135deg, hsl(158 45% 12%) 0%, hsl(158 40% 18%) 50%, hsl(42 50% 28%) 100%);
}

html[dir="rtl"] body.locale-ar .footer-simple,
html[dir="rtl"] body.locale-ar-ma .footer-simple,
html[dir="rtl"] body.locale-ar-dz .footer-simple {
  background: linear-gradient(180deg, hsl(158 45% 11%) 0%, hsl(158 48% 8%) 100%);
  border-top: 2px solid hsl(42 55% 40% / 0.4);
  color: hsl(42 30% 85%);
}

html[dir="rtl"] body.locale-ar .footer-simple h3,
html[dir="rtl"] body.locale-ar .footer-simple h4,
html[dir="rtl"] body.locale-ar-ma .footer-simple h3,
html[dir="rtl"] body.locale-ar-ma .footer-simple h4,
html[dir="rtl"] body.locale-ar-dz .footer-simple h3,
html[dir="rtl"] body.locale-ar-dz .footer-simple h4 {
  color: hsl(42 70% 55%);
}

html[dir="rtl"] body.locale-ar .hayati-badge-gold,
html[dir="rtl"] body.locale-ar-ma .hayati-badge-gold,
html[dir="rtl"] body.locale-ar-dz .hayati-badge-gold {
  border-color: hsl(42 55% 45% / 0.5);
  background: hsl(42 50% 50% / 0.12);
  color: hsl(42 40% 90%);
}

html[dir="rtl"] body.locale-ar .gradient-hero .grid,
html[dir="rtl"] body.locale-ar .container,
html[dir="rtl"] body.locale-ar-ma .gradient-hero .grid,
html[dir="rtl"] body.locale-ar-ma .container,
html[dir="rtl"] body.locale-ar-dz .gradient-hero .grid,
html[dir="rtl"] body.locale-ar-dz .container {
  direction: rtl;
}

html[dir="rtl"] body.locale-ar .gradient-hero .space-y-6,
html[dir="rtl"] body.locale-ar-ma .gradient-hero .space-y-6,
html[dir="rtl"] body.locale-ar-dz .gradient-hero .space-y-6 {
  text-align: right;
}

html[dir="rtl"] body.locale-ar .site-nav .container,
html[dir="rtl"] body.locale-ar-ma .site-nav .container,
html[dir="rtl"] body.locale-ar-dz .site-nav .container {
  direction: rtl;
}

html[dir="rtl"] body.locale-ar .senior-mode .container,
html[dir="rtl"] body.locale-ar-ma .senior-mode .container,
html[dir="rtl"] body.locale-ar-dz .senior-mode .container {
  direction: rtl;
}
