/* REC0DET Heavy v101
   Locked Recodet typography standard.
   Visual reference: the original Electronics coded cards supplied by the owner.
   Do not replace with thinner system typography in later module/category passes. */

:root{
  --recodet-heavy-font:"Arial Black","Arial Bold",Arial,Helvetica,sans-serif;
  --recodet-ui-font:Arial,Helvetica,sans-serif;
  --recodet-heavy-weight:900;
  --recodet-strong-weight:800;
  --recodet-heavy-tracking:-0.025em;
  --recodet-heavy-shadow:0 2px 0 rgba(0,0,0,.76),0 0 2px rgba(0,0,0,.5);
}

/* One stable family across the whole application. */
html,
body,
button,
input,
select,
textarea,
option{
  font-family:var(--recodet-ui-font)!important;
  -webkit-font-smoothing:auto;
  text-rendering:optimizeLegibility;
}

/* REC0DET Heavy: titles, card names, navigation and action labels. */
:where(
  h1,h2,h3,h4,h5,h6,
  strong,b,
  button,
  .title,
  .sectionTitle,
  .hubModuleLabel,
  .shopMainLabel,
  .electronicsV99Label,
  .tabLabel,
  .shellLabel,
  .sheetTitle,
  .planTitle,
  .startupHeading strong,
  .startupBrand strong,
  .phoneAuthBrand strong,
  .shopContextTitle,
  .priceCalendarTopbar strong,
  .moveFulfilmentHeader strong,
  .moduleTitle,
  .cardTitle
){
  font-family:var(--recodet-heavy-font)!important;
  font-weight:var(--recodet-heavy-weight)!important;
  letter-spacing:var(--recodet-heavy-tracking)!important;
}

/* Match the chunky original Electronics labels most closely. */
#subcatGrid .electronicsV99Label,
#shopExploreList .shopMainLabel,
#viewMain .mainModuleElectronicsGrid .hubModuleLabel{
  font-family:var(--recodet-heavy-font)!important;
  font-weight:900!important;
  letter-spacing:-.032em!important;
  text-shadow:var(--recodet-heavy-shadow)!important;
  -webkit-text-stroke:.12px currentColor;
}

/* Keep compact metadata readable while preserving the same family. */
#subcatGrid .electronicsV99Badge,
#subcatGrid .electronicsV99Code,
#subcatGrid .electronicsV99Sub,
#shopExploreList .shopMainBadge,
#shopExploreList .shopMainCode,
#viewMain .mainModuleSeq,
#viewMain .mainModuleCode,
small,
.k,
.s{
  font-family:var(--recodet-ui-font)!important;
  font-weight:700!important;
  letter-spacing:.01em;
}

/* Top-level app headings should carry the same visual weight. */
#pageTitle,
.sectionTitle,
.shopContextTitle{
  font-family:var(--recodet-heavy-font)!important;
  font-weight:900!important;
  letter-spacing:-.025em!important;
}

/* Form text remains legible but no longer drifts to unrelated fonts. */
input,
select,
textarea,
option{
  font-weight:700!important;
  letter-spacing:0!important;
}

/* Named utility for any future Recodet component. */
.recodetHeavy{
  font-family:var(--recodet-heavy-font)!important;
  font-weight:900!important;
  letter-spacing:var(--recodet-heavy-tracking)!important;
  text-shadow:var(--recodet-heavy-shadow)!important;
}