/* ==========================================================================
   Wejha Store — global styles (loaded on every page, after Blocksy's CSS)
   --------------------------------------------------------------------------
   Structure (keep this order; add sections, don't scatter rules):
   1. Tokens       — CSS custom properties. Prefer overriding Blocksy's own
                     variables (--theme-palette-color-1 … --theme-font-*) via the
                     Customizer; only add project tokens here.
   2. Base         — element-level defaults not covered by the Customizer.
   3. Components   — reusable UI (buttons, badges, cards…).
   4. Utilities    — small single-purpose helpers.

   RTL rule: use logical properties (margin-inline-start, padding-inline-end,
   inset-inline, text-align: start) instead of left/right so Arabic works
   without a separate RTL stylesheet. Use [dir="rtl"] only for true exceptions.
   ========================================================================== */

/* 1. Tokens ------------------------------------------------------------- */
:root {
	--wejha-space-1: 0.25rem;
	--wejha-space-2: 0.5rem;
	--wejha-space-3: 1rem;
	--wejha-space-4: 1.5rem;
	--wejha-space-5: 2.5rem;
}

/* 2. Base --------------------------------------------------------------- */

/* 3. Components --------------------------------------------------------- */

/* 4. Utilities ---------------------------------------------------------- */
.wejha-visually-hidden {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
}