/* AB#179783: Helvetica across the site, matching the Bags VIP (TRIP) sites.
   "WMS Helvetica" maps every weight onto real Helvetica Regular/Bold, so any 600-900
   renders as Helvetica Bold. Windows has no Helvetica (it substitutes Arial), so
   there the faces fall back to Arial Regular/Bold. Without this, Windows turned
   weights 800/900 into Arial Black (wide, heavy, e/c closing up like o).
   Devices with neither font skip these faces and use the rest of the stack. */
@font-face {
    font-family: "WMS Helvetica";
    src: local("Helvetica"), local("Helvetica-Regular"), local("Arial"), local("ArialMT");
    font-weight: 100 500;
    font-style: normal;
}
@font-face {
    font-family: "WMS Helvetica";
    src: local("Helvetica Bold"), local("Helvetica-Bold"), local("Arial Bold"), local("Arial-BoldMT");
    font-weight: 600 1000;
    font-style: normal;
}
@font-face {
    font-family: "WMS Helvetica";
    src: local("Helvetica Oblique"), local("Helvetica-Oblique"), local("Arial Italic"), local("Arial-ItalicMT");
    font-weight: 100 500;
    font-style: italic;
}
@font-face {
    font-family: "WMS Helvetica";
    src: local("Helvetica Bold Oblique"), local("Helvetica-BoldOblique"), local("Arial Bold Italic"), local("Arial-BoldItalicMT");
    font-weight: 600 1000;
    font-style: italic;
}

:root {
    --wms-font: "WMS Helvetica", Helvetica, Arial, sans-serif;
}

/* Override legacy text families without changing icon glyphs or map SDK controls. */
html,
body,
body #lang,
body :not(:where(.material-icons, .fa, .glyphicon, [class*="icon-"], [class*="q4i-"],
    svg, svg *, canvas, #map_canvas, #map_canvas *, .leaflet-container, .leaflet-container *)) {
    font-family: var(--wms-font) !important;
}

.wms-visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}