/*
 * Nasher — RTL overrides that Tailwind CDN can't express inline.
 * Keep this file lean.
 */

/* Hide Alpine-controlled elements until Alpine boots, to avoid FOUC. */
[x-cloak] { display: none !important; }

/* Right-positioned icons inside form inputs become left-positioned in RTL. */
.rtl-form-icon { right: auto; left: 0.75rem; }

/* Force Latin numerals on slugs / IDs / time codes even when surrounding text is Arabic. */
.lat-num { font-feature-settings: "tnum" 1; font-variant-numeric: tabular-nums; }

/* Reuse-friendly scrollbar tone for code blocks. */
pre::-webkit-scrollbar { height: 6px; }
pre::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.2); border-radius: 3px; }

/* Tap-target hint on disabled buttons. */
button:disabled, [type="button"]:disabled, [type="submit"]:disabled { pointer-events: none; }

/* Color-input native swatch — slimmer border in RTL. */
input[type="color"] { -webkit-appearance: none; appearance: none; }
input[type="color"]::-webkit-color-swatch-wrapper { padding: 0; }
input[type="color"]::-webkit-color-swatch { border: none; border-radius: 6px; }