/* windgauge.css */

/* (Optional) keep if you want it */
body { image-rendering: -webkit-optimize-contrast; }

/* --- Keep items in the same row like an <img> --- */
#windGaugeWrap,
#windGaugeHit {
  display: inline-block !important;
  vertical-align: bottom !important;
  width: auto !important;
  max-width: none !important;
  flex: 0 0 auto !important;
}

/* Normal size (page) */
#windGaugeSvg {
  display: inline-block !important;
  width: 250px !important;
  height: 200px !important;
}

/* Prevent inline whitespace from affecting height */
#windGaugeWrap { line-height: 0; }
#windGaugeHit  { line-height: 0;  }
#windGaugeHit:focus { outline: 2px solid #000; outline-offset: 3px; }

/* Prevent wrapping in the wind row (old behavior: overflow right) */
.gauge-row-nowrap {
  white-space: nowrap;
  overflow-x: visible; /* change to auto if you want scrolling */
}

/* --- Fullscreen wrapper --- */
      /* REMOVED */


/* Info text size */
#windGaugeSvg #line1,
#windGaugeSvg #line2,
#windGaugeSvg #line3 {
  font-size: 24px !important; /* tweak */
  font-weight: 600 !important;
}

#windGaugeTitle {
  font-family: Arial, sans-serif;
  font-size: 30px;
  font-weight: 700;
  fill: #6B3F1D;
}