/* Languages: header switcher (EN · FR · ع) and right-to-left layout for Arabic (/ar/). */

/* ===== Switcher ===== */
.mj-langs{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--mj-line-2);border-radius:999px;flex:none}
.mj-langs a{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:30px;padding:0 8px;border-radius:999px;font-family:var(--mj-mono);font-size:11px;letter-spacing:.06em;color:var(--mj-muted);text-decoration:none;transition:background .2s,color .2s}
.mj-langs a[lang="ar"]{font-family:"IBM Plex Sans Arabic",var(--mj-sans);font-size:14px;letter-spacing:0}
.mj-langs a:hover{color:var(--mj-navy)}
.mj-langs a[aria-current]{background:var(--mj-navy);color:#F7F4EE}
@media (max-width:1240px){
  .mj-header .mj-langs{order:1;margin-inline-start:auto}
  .mj-header .mj-cart{order:1;margin-inline-start:8px}
  .mj-langs a{min-width:28px;padding:0 6px}
}

/* ===== Arabic: fonts ===== */
[dir="rtl"]{--mj-sans:"IBM Plex Sans Arabic","IBM Plex Sans",system-ui,sans-serif;--mj-display:"IBM Plex Sans Arabic","Archivo",system-ui,sans-serif}
[dir="rtl"] body,[dir="rtl"] .mjb,[dir="rtl"] .mjb h1,[dir="rtl"] .mjb h2,[dir="rtl"] .mjb h3{font-family:var(--mj-sans)}
/* Letter-spacing breaks the joins between Arabic letters */
[dir="rtl"] body *{letter-spacing:0!important}
[dir="rtl"] .mjx-slide__title,[dir="rtl"] .mjx-head h2,[dir="rtl"] .mjp-title,[dir="rtl"] .mj-shop .mjb-f h1{line-height:1.2;font-weight:700}

/* ===== Arabic: mirror positioned pieces ===== */
[dir="rtl"] .mjx-slide{background:
    radial-gradient(55% 75% at 24% 46%,color-mix(in srgb,var(--glow,#C9A24B) 34%,transparent),transparent 68%),
    radial-gradient(40% 50% at 100% 100%,rgba(255,255,255,.05),transparent 70%),
    linear-gradient(200deg,var(--bg1,#0D2040) 0%,color-mix(in srgb,var(--bg1,#0D2040) 45%,var(--bg2,#07101D)) 55%,var(--bg2,#07101D) 100%)}
[dir="rtl"] .mjx-slide__pitch{background:
    radial-gradient(circle at 24% 46%,transparent 0 229px,rgba(255,255,255,.08) 230px 231px,transparent 232px),
    radial-gradient(circle at 24% 46%,rgba(255,255,255,.18) 0 3px,transparent 4px),
    linear-gradient(90deg,transparent calc(24% - .5px),rgba(255,255,255,.06) calc(24% - .5px) calc(24% + .5px),transparent calc(24% + .5px))}
[dir="rtl"] .mjx-slide.has-img::before{background:linear-gradient(270deg,rgba(8,17,31,.94) 0,rgba(8,17,31,.72) 45%,rgba(8,17,31,.25) 100%)}

[dir="rtl"] .mjx-rail__label{padding:0 max(24px,calc((100vw - 1280px) / 2 + 24px)) 0 32px;box-shadow:-24px 0 24px -8px var(--mj-card)}
[dir="rtl"] .mjx-rail__track{animation-name:mjx-marquee-rtl}
@keyframes mjx-marquee-rtl{from{transform:translateX(0)}to{transform:translateX(50%)}}

[dir="rtl"] .mjx-cat__kit{right:auto;left:-2%;transform:rotate(6deg)}
[dir="rtl"] .mjx-cat:nth-child(-n+2) .mjx-cat__kit,[dir="rtl"] .mjx-cats--4 .mjx-cat__kit{right:auto;left:4%}
[dir="rtl"] .mjx-cat:hover .mjx-cat__kit{transform:rotate(2deg) translateY(-8px) scale(1.04)}
[dir="rtl"] .mjx-cat__body{left:84px;right:24px}
[dir="rtl"] .mjx-cat__go{right:auto;left:22px}
[dir="rtl"] .mjx-cat__go svg{transform:scaleX(-1)}
[dir="rtl"] .mjx-card__off{left:auto;right:14px}
[dir="rtl"] .mjx-card__crest{right:auto;left:12px}
[dir="rtl"] .mjx-steps__list::before{left:12%;right:26px;background:linear-gradient(270deg,var(--mj-gold) 0,var(--mj-line-2) 100%)}
[dir="rtl"] .mjx-final__crests{right:auto;left:-40px;transform:translateY(-50%) rotate(10deg)}
[dir="rtl"] .mj-nav a::after,[dir="rtl"] .mjx-link::after{transform-origin:right}
[dir="rtl"] .mjp-stage__off{left:auto;right:22px}
[dir="rtl"] .mjp .woocommerce-product-gallery__trigger{right:auto!important;left:0!important}
[dir="rtl"] .woocommerce-message .button{float:left}
[dir="rtl"] .mjh-pack em,[dir="rtl"] .mj-shop .mjb-shot em{inset-inline-start:14px}

/* Arrows point the reading direction */
[dir="rtl"] .mjx-arrows svg{transform:scaleX(-1)}
[dir="rtl"] .mjx-btn span,[dir="rtl"] .mjx-link span{display:inline-block;transform:scaleX(-1)}
[dir="rtl"] .mjx-btn:hover span{transform:scaleX(-1) translateX(3px)}

@media (max-width:900px){
  [dir="rtl"] .mjx-slide{background:
    radial-gradient(90% 45% at 50% 18%,color-mix(in srgb,var(--glow,#C9A24B) 34%,transparent),transparent 70%),
    linear-gradient(190deg,var(--bg1,#0D2040) 0%,color-mix(in srgb,var(--bg1,#0D2040) 45%,var(--bg2,#07101D)) 55%,var(--bg2,#07101D) 100%)}
}

/* ===== Phones: logo, cart and menu on one line; languages inside the menu ===== */
@media (max-width:640px){
  .mj-header .mj-wrap{gap:10px}
  .mj-logo{gap:9px;min-width:0}
  .mj-logo__mark{width:34px;height:34px}
  .mj-logo__text{font-size:16px;white-space:nowrap}
  .mj-header .mj-langs{display:none}
  .mj-header .mj-cart{order:1;margin-inline-start:auto;width:40px;height:40px}
  .mj-header .mj-burger{order:2;width:40px;height:40px;margin-inline-start:0}
  .mj-header.is-open .mj-langs{display:flex;order:4;margin:2px 0 12px}
  .mj-header.is-open .mj-langs a{min-width:44px;height:36px;font-size:12px}
}
