/*
 * FILE: /tdos-canvas/style.css
 * Purpose (EN): Theme shell critical CSS (prepaint + accessibility). TDOS component styling lives in /uploads/td-os/core/*.css
 * مقصد (UR): Theme shell ki critical CSS (prepaint + accessibility). TDOS component styling /uploads/td-os/core/*.css me hoti hai.
 *
 * Version: v1.0.0
 *
 * Sections (Index)
 *  01) Prepaint Safety (no flicker)
 *  02) Accessibility Helpers
 */

/* =========================================================
   SECTION 01 — Prepaint Safety
   EN: Disable transitions during preload; keep layout stable.
   UR: Preload me transitions disable; layout stable rakhein.
   ========================================================= */

html, body { max-width: 100%; overflow-x: hidden; }

body[data-td-state="preload"] * {
  transition: none !important;
  animation: none !important;
}

/* =========================================================
   SECTION 02 — Accessibility Helpers
   EN: Skip link + screen-reader only utility.
   UR: Skip link + screen-reader only utility.
   ========================================================= */

.td-skip-link {
  position: absolute;
  left: -9999px;
  top: 8px;
  z-index: 9999;
  padding: 10px 12px;
  border-radius: 10px;
  background: #fff;
  color: #111;
}
.td-skip-link:focus { left: 8px; }

.td-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}