/*
 * File: 90-utilities.css
 * مقصد: مرکزی یوٹیلٹی کلاسز برائے CLS، ایکسیسیبلٹی اور لے آؤٹ۔
 * تجویز: ان کلاسز کو عالمی سطح پر برقرار رکھنا بہتر ہے، کیونکہ یہ
 * کارکردگی اور رسائی کے لیے ضروری ہیں۔
 */

/* ───────────── Mobile Tap Highlight Fix ───────────── */
/* ─── FIX: موبائل پر لنک ٹچ کرتے وقت نیلا/نارنجی flash بند کرتا ہے ─── */
* {
    -webkit-tap-highlight-color: transparent;
}

/* ───────────── Accessibility (A11y) ───────────── */
.visually-hidden{ 
  position:absolute !important; 
  width:1px;
  height:1px;
  padding:0;
  margin:-1px; 
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
  border:0; 
}

/* ───────────── Text & Layout ───────────── */
.text-center{ text-align:center !important; }
.mb-0{ margin-bottom:0 !important; }
.mb-10{ margin-bottom:10px !important; }
.mb-20{ margin-bottom:20px !important; }
.hyphenate{ overflow-wrap:anywhere; word-break:normal; }
.intrinsic-block{ min-block-size:var(--cis-block, auto); }
.is-visible{ visibility:visible !important; }
.no-select{ user-select:none !important; }

/* ───────────── CLS Fix: Aspect Ratio Containers ───────────── */
.ratio{ position:relative; width:100%; }
.ratio > *{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.ratio--16x9{ padding-top:56.25%; }
.ratio--4x3{ padding-top:75%; }
.ratio--1x1{ padding-top:100%; }