/* ==========================================================================
   Wejha Store — global styles (loaded on every page, after Blocksy's CSS)
   --------------------------------------------------------------------------
   Structure: tokens.css → base.css → header.css → footer.css → main.css (utilities).
   Prefer Blocksy's Customizer (palette, typography, layout) over CSS; tokens
   alias Blocksy's --theme-* variables so both stay in sync.

   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: assets/css/tokens.css   2. Base + components: assets/css/base.css
   3. Header: assets/css/header.css   Footer: assets/css/footer.css
   This file keeps only cross-cutting utilities. */

/* 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;
}