/* =========================================================
   VATAX FINAL FONT SYSTEM — vv2 (45)
   Body: HelveticaNeueLTArabic-Roman
   Main headings: HelveticaNeueLT Arabic 75 Bold
   Sub headings: HelveticaNeueLT Arabic 55 Roman
   Loaded after all page CSS from app/layout.php.
   Font-family and font-weight priority locks were removed from the project.
   ========================================================= */

@font-face{
  font-family:'HelveticaNeueLTArabic-Roman';
  src:url('../../fonts/HelveticaNeueLTArabic-Roman.woff2') format('woff2'),url('../../fonts/HelveticaNeueLTArabic-Roman.woff') format('woff'),local('HelveticaNeueLTArabic-Roman'),local('Helvetica Neue LT Arabic Roman'),local('HelveticaNeueLT Arabic Roman');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'HelveticaNeueLT Arabic 75 Bold';
  src:url('../../fonts/HelveticaNeueLTArabic-75Bold.woff2') format('woff2'),url('../../fonts/HelveticaNeueLTArabic-75Bold.woff') format('woff'),local('HelveticaNeueLT Arabic 75 Bold'),local('HelveticaNeueLTArabic-75Bold'),local('HelveticaNeueLTArabic-Bold');
  font-weight:700;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'HelveticaNeueLT Arabic 55 Roman';
  src:url('../../fonts/HelveticaNeueLTArabic-55Roman.woff2') format('woff2'),url('../../fonts/HelveticaNeueLTArabic-55Roman.woff') format('woff'),local('HelveticaNeueLT Arabic 55 Roman'),local('HelveticaNeueLTArabic-55Roman'),local('HelveticaNeueLTArabic-Roman');
  font-weight:500;
  font-style:normal;
  font-display:swap;
}

:root{
  --vtx-font-body:'HelveticaNeueLTArabic-Roman',sans-serif;
  --vtx-font-heading:'HelveticaNeueLT Arabic 75 Bold','HelveticaNeueLTArabic-75Bold','HelveticaNeueLTArabic-Roman',sans-serif;
  --vtx-font-subheading:'HelveticaNeueLT Arabic 55 Roman','HelveticaNeueLTArabic-55Roman','HelveticaNeueLTArabic-Roman',sans-serif;
  --vtx-font-stack:var(--vtx-font-body);
}

html:not(#vtx-font-lock-bypass),
body:not(#vtx-font-lock-bypass),
html body :where(*):not(#vtx-font-lock-bypass),
html body :where(input,button,textarea,select,option,optgroup,label,legend,fieldset,table,thead,tbody,tfoot,tr,th,td,a,p,span,div,section,article,aside,header,footer,nav,main,small,pre,code,kbd,samp,.swal2-container,.swal2-container *,.flatpickr-calendar,.flatpickr-calendar *,.iti,.iti *):not(#vtx-font-lock-bypass){
  font-family:var(--vtx-font-body);
}

html body :where(*)::before,
html body :where(*)::after{
  font-family:var(--vtx-font-body);
}

html body :is(h1,.h1,.hero-title,.page-title,.section-title,.vtx-section-title,.vtx-page-title,.portal-page-title,.dashboard-page-title,.admin-page-title,.client-page-title,.employee-page-title,.vtx-main-title,.vtx-hero-title,.askvatax-title-vatax,.vtx-brand-word,.vtx-portal-plain-wordmark,strong,b):not(#vtx-font-lock-bypass){
  font-family:var(--vtx-font-heading);
  font-weight:700;
}

html body :is(h2,h3,h4,h5,h6,.h2,.h3,.h4,.h5,.h6,.subtitle,.sub-title,.section-subtitle,.page-subtitle,.hero-subtitle,.card-title,.card-subtitle,.vtx-subtitle,.vtx-card-title,.vtx-card-subtitle,.lead,.eyebrow):not(#vtx-font-lock-bypass){
  font-family:var(--vtx-font-subheading);
  font-weight:500;
}

svg text:not(#vtx-font-lock-bypass),
svg tspan:not(#vtx-font-lock-bypass){
  font-family:var(--vtx-font-heading);
  font-weight:700;
}

html,
body{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

/* === VATAX CANONICAL WORD-LIMIT ORDER LOCK — 2026-08-03 ===
   This stylesheet is loaded after every page stylesheet. It is therefore the
   single final CSS authority for 250 كلمة / 300 كلمة / 500 كلمة and the live
   counter. Arabic places the number on the visual right; English keeps DOM order. */
html body.public-body:is(.page-your-tax-case-body,.page-submit-tax-case-body,.page-submit-vat-return-body)
.vtx-word-limit-value{
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:baseline!important;
  justify-content:flex-start!important;
  gap:.35em!important;
  direction:ltr!important;
  unicode-bidi:isolate!important;
  isolation:isolate!important;
  white-space:nowrap!important;
  text-align:left!important;
}
html[dir="rtl"] body.public-body:is(.page-your-tax-case-body,.page-submit-tax-case-body,.page-submit-vat-return-body)
.vtx-word-limit-value,
body.public-body.lang-ar:is(.page-your-tax-case-body,.page-submit-tax-case-body,.page-submit-vat-return-body)
.vtx-word-limit-value{
  flex-direction:row-reverse!important;
  text-align:right!important;
}
html[dir="ltr"] body.public-body:is(.page-your-tax-case-body,.page-submit-tax-case-body,.page-submit-vat-return-body)
.vtx-word-limit-value,
body.public-body.lang-en:is(.page-your-tax-case-body,.page-submit-tax-case-body,.page-submit-vat-return-body)
.vtx-word-limit-value{
  flex-direction:row!important;
  text-align:left!important;
}
html body.public-body:is(.page-your-tax-case-body,.page-submit-tax-case-body,.page-submit-vat-return-body)
.vtx-word-limit-value > .vtx-word-limit-number{
  order:1!important;
  display:inline-block!important;
  direction:ltr!important;
  unicode-bidi:isolate!important;
  white-space:nowrap!important;
}
html body.public-body:is(.page-your-tax-case-body,.page-submit-tax-case-body,.page-submit-vat-return-body)
.vtx-word-limit-value > .vtx-word-limit-unit{
  order:2!important;
  display:inline-block!important;
  unicode-bidi:isolate!important;
  white-space:nowrap!important;
}
html[dir="rtl"] body.public-body:is(.page-your-tax-case-body,.page-submit-tax-case-body,.page-submit-vat-return-body)
.vtx-word-limit-value > .vtx-word-limit-unit,
body.public-body.lang-ar:is(.page-your-tax-case-body,.page-submit-tax-case-body,.page-submit-vat-return-body)
.vtx-word-limit-value > .vtx-word-limit-unit{
  direction:rtl!important;
}
html[dir="ltr"] body.public-body:is(.page-your-tax-case-body,.page-submit-tax-case-body,.page-submit-vat-return-body)
.vtx-word-limit-value > .vtx-word-limit-unit,
body.public-body.lang-en:is(.page-your-tax-case-body,.page-submit-tax-case-body,.page-submit-vat-return-body)
.vtx-word-limit-value > .vtx-word-limit-unit{
  direction:ltr!important;
}
html body.public-body:is(.page-your-tax-case-body,.page-submit-tax-case-body,.page-submit-vat-return-body)
.vtx-word-limit-space{
  display:none!important;
  width:0!important;
  min-width:0!important;
  flex:0 0 0!important;
  margin:0!important;
  padding:0!important;
}

/* Service-card metadata: label and value remain centered without affecting the
   internal number/unit order fixed above. */
html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body)
.service-auto-meta small.vtx-word-limit-meta{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  direction:rtl!important;
  text-align:center!important;
  white-space:nowrap!important;
}
html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body)
.vtx-word-limit-meta > .vtx-word-limit-label{
  order:1!important;
  direction:rtl!important;
  unicode-bidi:isolate!important;
}
html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body)
.vtx-word-limit-meta > .vtx-word-limit-value{
  order:2!important;
}
html[dir="ltr"] body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body)
.vtx-word-limit-meta{
  direction:ltr!important;
}
html[dir="ltr"] body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body)
.vtx-word-limit-meta > .vtx-word-limit-label{
  direction:ltr!important;
}

/* Live counter: 0 / 300 كلمة. */
html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body)
.vtx-word-counter-hint{
  display:flex!important;
  flex-direction:row!important;
  align-items:baseline!important;
  justify-content:flex-start!important;
  gap:.35em!important;
  width:100%!important;
  direction:ltr!important;
  unicode-bidi:isolate!important;
  isolation:isolate!important;
  white-space:nowrap!important;
  text-align:left!important;
}
html[dir="rtl"] body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body)
.vtx-word-counter-hint,
body.public-body.lang-ar:is(.page-submit-tax-case-body,.page-submit-vat-return-body)
.vtx-word-counter-hint{
  flex-direction:row-reverse!important;
  text-align:right!important;
}
html[dir="ltr"] body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body)
.vtx-word-counter-hint,
body.public-body.lang-en:is(.page-submit-tax-case-body,.page-submit-vat-return-body)
.vtx-word-counter-hint{
  flex-direction:row!important;
  text-align:left!important;
}
html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body)
.vtx-word-counter-hint > .vtx-word-counter-values{
  order:1!important;
  display:inline-block!important;
  direction:ltr!important;
  unicode-bidi:isolate!important;
  white-space:nowrap!important;
}
html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body)
.vtx-word-counter-hint > .vtx-word-limit-unit{
  order:2!important;
  display:inline-block!important;
  unicode-bidi:isolate!important;
  white-space:nowrap!important;
}
html[dir="rtl"] body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body)
.vtx-word-counter-hint > .vtx-word-limit-unit,
body.public-body.lang-ar:is(.page-submit-tax-case-body,.page-submit-vat-return-body)
.vtx-word-counter-hint > .vtx-word-limit-unit{
  direction:rtl!important;
}
html[dir="ltr"] body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body)
.vtx-word-counter-hint > .vtx-word-limit-unit,
body.public-body.lang-en:is(.page-submit-tax-case-body,.page-submit-vat-return-body)
.vtx-word-counter-hint > .vtx-word-limit-unit{
  direction:ltr!important;
}