/* WN global interface typography v1. Icons and formatted content retain their rules. */
@import url("/assets/css/admin/fonts.css?v=wn_fonts_tajawal_20261018");
:root{
 --wn-font-interface:"Tajawal",sans-serif;
 --wn-font-body:16px;--wn-font-secondary:14px;--wn-font-small:12px;
 --wn-weight-regular:400;--wn-weight-medium:500;--wn-weight-semibold:600;--wn-weight-bold:700;
 --wn-line-body:1.5;--wn-line-heading:1.4;
 --wn-heading-1:clamp(28px,2.5vw,36px);--wn-heading-2:clamp(24px,2.1vw,30px);
 --wn-heading-3:clamp(22px,1.8vw,26px);--wn-heading-4:clamp(20px,1.55vw,22px);
 --wn-heading-5:clamp(18px,1.4vw,20px);--wn-heading-6:16px;
}
html:lang(ar){--wn-font-interface:"Tajawal",sans-serif;}
html:root body{font-family:var(--wn-font-interface);font-size:var(--wn-font-body);font-weight:var(--wn-weight-regular);line-height:var(--wn-line-body);}
html:root body :is(h1,h2,h3,h4,h5,h6):not(:where(.post-content-text,.post-content-text *,.text-story-viewer,.text-story-viewer *,.text-story-editor,.text-story-editor *,.font-modern,.font-modern *,.font-classic,.font-classic *,.font-bold,.font-bold *,.ql-editor,.ql-editor *,.ck-content,.ck-content *,.tox,.tox *,.mce-content-body,.mce-content-body *,[contenteditable="true"],[contenteditable="true"] *,[data-wn-typography="preserve"],[data-wn-typography="preserve"] *,.hgi,.hgi *,.hgi-stroke,.hgi-stroke *,[class*="hgi-"],[class*="hgi-"] *,[data-feather],[data-feather] *,.feather,.feather *,.lucide,.lucide *,.bi,.bi *,.fa,.fa *,svg,svg *,.product-description-content,.product-description-content *,.blog-content,.blog-content *,.comment-content,.comment-content *,.ProseMirror,.ProseMirror *,.note-editable,.note-editable *)){font-family:var(--wn-font-interface);line-height:var(--wn-line-heading);font-weight:var(--wn-weight-semibold);}
html:root body h1:not(:where(.post-content-text,.post-content-text *,.text-story-viewer,.text-story-viewer *,.text-story-editor,.text-story-editor *,.font-modern,.font-modern *,.font-classic,.font-classic *,.font-bold,.font-bold *,.ql-editor,.ql-editor *,.ck-content,.ck-content *,.tox,.tox *,.mce-content-body,.mce-content-body *,[contenteditable="true"],[contenteditable="true"] *,[data-wn-typography="preserve"],[data-wn-typography="preserve"] *,.hgi,.hgi *,.hgi-stroke,.hgi-stroke *,[class*="hgi-"],[class*="hgi-"] *,[data-feather],[data-feather] *,.feather,.feather *,.lucide,.lucide *,.bi,.bi *,.fa,.fa *,svg,svg *,.product-description-content,.product-description-content *,.blog-content,.blog-content *,.comment-content,.comment-content *,.ProseMirror,.ProseMirror *,.note-editable,.note-editable *)){font-size:var(--wn-heading-1);font-weight:var(--wn-weight-bold);}
html:root body h2:not(:where(.post-content-text,.post-content-text *,.text-story-viewer,.text-story-viewer *,.text-story-editor,.text-story-editor *,.font-modern,.font-modern *,.font-classic,.font-classic *,.font-bold,.font-bold *,.ql-editor,.ql-editor *,.ck-content,.ck-content *,.tox,.tox *,.mce-content-body,.mce-content-body *,[contenteditable="true"],[contenteditable="true"] *,[data-wn-typography="preserve"],[data-wn-typography="preserve"] *,.hgi,.hgi *,.hgi-stroke,.hgi-stroke *,[class*="hgi-"],[class*="hgi-"] *,[data-feather],[data-feather] *,.feather,.feather *,.lucide,.lucide *,.bi,.bi *,.fa,.fa *,svg,svg *,.product-description-content,.product-description-content *,.blog-content,.blog-content *,.comment-content,.comment-content *,.ProseMirror,.ProseMirror *,.note-editable,.note-editable *)){font-size:var(--wn-heading-2);font-weight:var(--wn-weight-bold);}
html:root body h3:not(:where(.post-content-text,.post-content-text *,.text-story-viewer,.text-story-viewer *,.text-story-editor,.text-story-editor *,.font-modern,.font-modern *,.font-classic,.font-classic *,.font-bold,.font-bold *,.ql-editor,.ql-editor *,.ck-content,.ck-content *,.tox,.tox *,.mce-content-body,.mce-content-body *,[contenteditable="true"],[contenteditable="true"] *,[data-wn-typography="preserve"],[data-wn-typography="preserve"] *,.hgi,.hgi *,.hgi-stroke,.hgi-stroke *,[class*="hgi-"],[class*="hgi-"] *,[data-feather],[data-feather] *,.feather,.feather *,.lucide,.lucide *,.bi,.bi *,.fa,.fa *,svg,svg *,.product-description-content,.product-description-content *,.blog-content,.blog-content *,.comment-content,.comment-content *,.ProseMirror,.ProseMirror *,.note-editable,.note-editable *)){font-size:var(--wn-heading-3);}
html:root body h4:not(:where(.post-content-text,.post-content-text *,.text-story-viewer,.text-story-viewer *,.text-story-editor,.text-story-editor *,.font-modern,.font-modern *,.font-classic,.font-classic *,.font-bold,.font-bold *,.ql-editor,.ql-editor *,.ck-content,.ck-content *,.tox,.tox *,.mce-content-body,.mce-content-body *,[contenteditable="true"],[contenteditable="true"] *,[data-wn-typography="preserve"],[data-wn-typography="preserve"] *,.hgi,.hgi *,.hgi-stroke,.hgi-stroke *,[class*="hgi-"],[class*="hgi-"] *,[data-feather],[data-feather] *,.feather,.feather *,.lucide,.lucide *,.bi,.bi *,.fa,.fa *,svg,svg *,.product-description-content,.product-description-content *,.blog-content,.blog-content *,.comment-content,.comment-content *,.ProseMirror,.ProseMirror *,.note-editable,.note-editable *)){font-size:var(--wn-heading-4);}
html:root body h5:not(:where(.post-content-text,.post-content-text *,.text-story-viewer,.text-story-viewer *,.text-story-editor,.text-story-editor *,.font-modern,.font-modern *,.font-classic,.font-classic *,.font-bold,.font-bold *,.ql-editor,.ql-editor *,.ck-content,.ck-content *,.tox,.tox *,.mce-content-body,.mce-content-body *,[contenteditable="true"],[contenteditable="true"] *,[data-wn-typography="preserve"],[data-wn-typography="preserve"] *,.hgi,.hgi *,.hgi-stroke,.hgi-stroke *,[class*="hgi-"],[class*="hgi-"] *,[data-feather],[data-feather] *,.feather,.feather *,.lucide,.lucide *,.bi,.bi *,.fa,.fa *,svg,svg *,.product-description-content,.product-description-content *,.blog-content,.blog-content *,.comment-content,.comment-content *,.ProseMirror,.ProseMirror *,.note-editable,.note-editable *)){font-size:var(--wn-heading-5);}
html:root body h6:not(:where(.post-content-text,.post-content-text *,.text-story-viewer,.text-story-viewer *,.text-story-editor,.text-story-editor *,.font-modern,.font-modern *,.font-classic,.font-classic *,.font-bold,.font-bold *,.ql-editor,.ql-editor *,.ck-content,.ck-content *,.tox,.tox *,.mce-content-body,.mce-content-body *,[contenteditable="true"],[contenteditable="true"] *,[data-wn-typography="preserve"],[data-wn-typography="preserve"] *,.hgi,.hgi *,.hgi-stroke,.hgi-stroke *,[class*="hgi-"],[class*="hgi-"] *,[data-feather],[data-feather] *,.feather,.feather *,.lucide,.lucide *,.bi,.bi *,.fa,.fa *,svg,svg *,.product-description-content,.product-description-content *,.blog-content,.blog-content *,.comment-content,.comment-content *,.ProseMirror,.ProseMirror *,.note-editable,.note-editable *)){font-size:var(--wn-heading-6);}
html:root body :is(.btn,button,input,select,textarea,.form-control,.form-select,.form-label,.dropdown-item,.nav-link,.modal-title,.primary,.signin,.locale):not(:where(.post-content-text,.post-content-text *,.text-story-viewer,.text-story-viewer *,.text-story-editor,.text-story-editor *,.font-modern,.font-modern *,.font-classic,.font-classic *,.font-bold,.font-bold *,.ql-editor,.ql-editor *,.ck-content,.ck-content *,.tox,.tox *,.mce-content-body,.mce-content-body *,[contenteditable="true"],[contenteditable="true"] *,[data-wn-typography="preserve"],[data-wn-typography="preserve"] *,.hgi,.hgi *,.hgi-stroke,.hgi-stroke *,[class*="hgi-"],[class*="hgi-"] *,[data-feather],[data-feather] *,.feather,.feather *,.lucide,.lucide *,.bi,.bi *,.fa,.fa *,svg,svg *,.product-description-content,.product-description-content *,.blog-content,.blog-content *,.comment-content,.comment-content *,.ProseMirror,.ProseMirror *,.note-editable,.note-editable *)){font-family:var(--wn-font-interface);}
html:root body :is(.btn,button,.form-control,.form-select,.form-label,.primary,.signin):not(:where(.post-content-text,.post-content-text *,.text-story-viewer,.text-story-viewer *,.text-story-editor,.text-story-editor *,.font-modern,.font-modern *,.font-classic,.font-classic *,.font-bold,.font-bold *,.ql-editor,.ql-editor *,.ck-content,.ck-content *,.tox,.tox *,.mce-content-body,.mce-content-body *,[contenteditable="true"],[contenteditable="true"] *,[data-wn-typography="preserve"],[data-wn-typography="preserve"] *,.hgi,.hgi *,.hgi-stroke,.hgi-stroke *,[class*="hgi-"],[class*="hgi-"] *,[data-feather],[data-feather] *,.feather,.feather *,.lucide,.lucide *,.bi,.bi *,.fa,.fa *,svg,svg *,.product-description-content,.product-description-content *,.blog-content,.blog-content *,.comment-content,.comment-content *,.ProseMirror,.ProseMirror *,.note-editable,.note-editable *)){font-size:var(--wn-font-body);}
html:root body :is(.text-muted,.text-secondary,.form-text,.dropdown-item,.nav-link,.table th,.table td):not(:where(.post-content-text,.post-content-text *,.text-story-viewer,.text-story-viewer *,.text-story-editor,.text-story-editor *,.font-modern,.font-modern *,.font-classic,.font-classic *,.font-bold,.font-bold *,.ql-editor,.ql-editor *,.ck-content,.ck-content *,.tox,.tox *,.mce-content-body,.mce-content-body *,[contenteditable="true"],[contenteditable="true"] *,[data-wn-typography="preserve"],[data-wn-typography="preserve"] *,.hgi,.hgi *,.hgi-stroke,.hgi-stroke *,[class*="hgi-"],[class*="hgi-"] *,[data-feather],[data-feather] *,.feather,.feather *,.lucide,.lucide *,.bi,.bi *,.fa,.fa *,svg,svg *,.product-description-content,.product-description-content *,.blog-content,.blog-content *,.comment-content,.comment-content *,.ProseMirror,.ProseMirror *,.note-editable,.note-editable *)){font-size:var(--wn-font-secondary);}
html:root body :is(small,.small):not(:where(.post-content-text,.post-content-text *,.text-story-viewer,.text-story-viewer *,.text-story-editor,.text-story-editor *,.font-modern,.font-modern *,.font-classic,.font-classic *,.font-bold,.font-bold *,.ql-editor,.ql-editor *,.ck-content,.ck-content *,.tox,.tox *,.mce-content-body,.mce-content-body *,[contenteditable="true"],[contenteditable="true"] *,[data-wn-typography="preserve"],[data-wn-typography="preserve"] *,.hgi,.hgi *,.hgi-stroke,.hgi-stroke *,[class*="hgi-"],[class*="hgi-"] *,[data-feather],[data-feather] *,.feather,.feather *,.lucide,.lucide *,.bi,.bi *,.fa,.fa *,svg,svg *,.product-description-content,.product-description-content *,.blog-content,.blog-content *,.comment-content,.comment-content *,.ProseMirror,.ProseMirror *,.note-editable,.note-editable *)){font-size:var(--wn-font-small);}