/* bilingual label swap + RTL overrides (matched to the Arabic design) */
.l-ar{display:none;}
[dir="rtl"] .l-en{display:none;}
[dir="rtl"] .l-ar{display:inline;}
/* Short AI ticket label is mobile-only (shown in responsive.css) */
.tag-label-short{display:none;}

/* header keeps the designed frame: logo left, nav centre, buttons right.
   Only the nav order and the text run inside each button flip. */
[dir="rtl"] .hdr-inner{direction:ltr;}
[dir="rtl"] .desk-nav{direction:rtl;}
[dir="rtl"] .hdr-actions{direction:ltr;}
[dir="rtl"] .hdr-actions button{direction:rtl;}
[dir="rtl"] .lang-btn{direction:ltr;}
[dir="rtl"] .drawer,[dir="rtl"] .drawer-nav a{text-align:right;}

/* hero copy hugs the right edge of its column in the Arabic design */
[dir="rtl"] .hero-copy{direction:rtl;text-align:right;}
[dir="rtl"] .hero-btns{direction:ltr;justify-content:flex-end;}
@media (min-width:1024px){
  [dir="rtl"] .hero-copy{width:26vw!important;}
  [dir="rtl"] .hero-btns{flex-wrap:nowrap!important;margin-left:0!important;}
  [dir="rtl"] .hero-btn{min-width:12.4vw!important;}
}

/* how-to steps run right-to-left; the dashed dividers move to the other side */
[dir="rtl"] .step-col{border-left:0!important;}
[dir="rtl"] .step-col + .step-col{border-right:1.5px dashed #FBC521;}
@media (max-width:1023px){
  [dir="rtl"] .step-col + .step-col{border-right:0!important;}
}

/* NOT mirrored in the Arabic design — keep visual order, flip only the text run */
[dir="rtl"] .hero-grid,[dir="rtl"] .cards-grid,[dir="rtl"] .feat-row,[dir="rtl"] .footer-row{direction:ltr;}
[dir="rtl"] .card,[dir="rtl"] .feat-item div,[dir="rtl"] .feat-promo{direction:rtl;}
[dir="rtl"] .btn-arrow{transform:scaleX(-1);}
[dir="rtl"] .tag-chip{direction:ltr;unicode-bidi:isolate;}
[dir="rtl"] .np-chips{direction:ltr;}
[dir="rtl"] .score-h > span{display:inline!important;}
/* Challenge-complete bees: EN = bee2 | trophy | bee1; AR = bee1 | trophy | bee2 */
[dir="rtl"] .score-bees{flex-direction:row-reverse;}

/* forms and modals read right-to-left */
[dir="rtl"] .modal-panel{text-align:right;}
[dir="rtl"] .modal-close{right:auto!important;left:14px!important;}
[dir="rtl"] .fld{text-align:right;direction:rtl;}
[dir="rtl"] .terms-row{flex-direction:row-reverse;}
[dir="rtl"] .form-note{text-align:right;}