/* ============================================================
   DOCX Animal Health Care — DESKTOP icon styling (>=821px only)
   ------------------------------------------------------------
   Sizes/colours the inline SVGs injected by desktop-icons.js.
   Everything is scoped to >=821px and to this file's own class
   names (.dxsvg / .dxwrap / .dxbox / .dxg / .dxchev / .dxfloat),
   so mobile (<=820px), mobile.css and mobile.js are unaffected.
   Icon boxes keep their existing container size, so there is no
   layout shift — only the glyph inside changes.
   ============================================================ */
@media (min-width: 821px) and (not ((orientation: landscape) and (max-height: 500px))) {

  .dxsvg { display: block; flex: none; stroke: currentColor; fill: none; }

  /* --- semantic icon boxes (.ic / .bico / .b): container size is unchanged --- */
  .ic .dxsvg, .bico .dxsvg, .b .dxsvg { width: 26px; height: 26px; color: var(--green); }
  .trustbar .cell .ic .dxsvg { width: 26px; height: 26px; }
  .why-item .ic .dxsvg { width: 28px; height: 28px; }
  .cat .ic .dxsvg { width: 28px; height: 28px; }
  .info-row .ic .dxsvg { width: 24px; height: 24px; }
  /* icons that sit on a dark green surface stay white */
  .q-pill .ic .dxsvg { color: #fff; }
  .about-panel .meta .b .dxsvg { color: #fff; }

  /* --- inline leading icons (share the surrounding text colour via currentColor) --- */
  .dxwrap { display: inline-flex; align-items: center; vertical-align: -0.16em; }
  .dxwrap.dxlead { margin-right: 7px; }
  .dxwrap.dxlead .dxsvg { width: 18px; height: 18px; }
  .dxwrap.dxsub { margin-right: 6px; }
  .dxwrap.dxsub .dxsvg { width: 16px; height: 16px; }
  .dxwrap.dxfoot { margin-right: 8px; }
  .dxwrap.dxfoot .dxsvg { width: 16px; height: 16px; }
  .subbar .sb-r .g .dxsvg { width: 15px; height: 15px; display: inline-block; vertical-align: -0.15em; }

  /* --- floating WhatsApp button: keep position/size/pulse; only the glyph changes --- */
  .wa-float .dxsvg { width: 26px; height: 26px; color: #fff; margin: auto; }

  /* --- category / product "view details" chevrons --- */
  .cat .arrow .dxsvg { width: 20px; height: 20px; }
  .plink .dxsvg { width: 15px; height: 15px; display: inline-block; vertical-align: -0.16em; }
}