/* ============================================================
 * rtl.css — Arabic layout overrides for dubaitopupdesk.org
 * ============================================================ */

html[dir="rtl"] body{font-family:var(--xk-ff-a)}
html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3, html[dir="rtl"] h4{font-family:var(--xk-ff-a);letter-spacing:0}
html[dir="rtl"] p, html[dir="rtl"] li, html[dir="rtl"] label, html[dir="rtl"] .xk-btn, html[dir="rtl"] .xk-tag, html[dir="rtl"] .xk-eyebrow{font-family:var(--xk-ff-a)}
html[dir="rtl"] .xk-mono{direction:ltr;unicode-bidi:embed}

/* mirrored eyebrow arrow */
html[dir="rtl"] .xk-eyebrow{clip-path:polygon(10px 0, 100% 0, 100% 100%, 10px 100%, 0 50%);padding-inline-start:22px;padding-inline-end:12px}

/* hero split colour flip */
html[dir="rtl"] .xk-hero::after{
	inset-inline-end:auto;inset-inline-start:0;
	clip-path:polygon(0 0, 80% 0, 100% 100%, 0 100%);
}

/* ribbon flip */
html[dir="rtl"] .xk-ribbon::before{left:auto;right:-10px;clip-path:polygon(0 0, 100% 50%, 0 100%)}
html[dir="rtl"] .xk-ribbon::after{right:auto;left:-10px;clip-path:polygon(100% 0, 0 50%, 100% 100%)}

/* faq marker */
html[dir="rtl"] .xk-faq details[open] summary::after{transform:rotate(-45deg)}

/* newspaper columns become row-based in RTL to avoid weird wraps */
html[dir="rtl"] .xk-newsp{columns:2 240px}

/* line-height a touch tighter for Arabic display */
html[dir="rtl"] h1{line-height:1.25}
html[dir="rtl"] h2{line-height:1.3}