/* Force black text on all colored cells regardless of theme */
[class*="wind--"], [class*="wave--"] { color: #000 !important; }

/* ---- Wind speed (knots) — exact Windguru palette interpolation ---- */
/* Stops: 0→white  5→white  8.9→cyan  13.5→green  18.8→yellow         */
/*        24.7→red  31.7→magenta  38→magenta  45→purple  60→blue       */
.wind--0  { background-color: rgba(255,255,255,1); }
.wind--1  { background-color: rgba(255,255,255,1); }
.wind--2  { background-color: rgba(255,255,255,1); }
.wind--3  { background-color: rgba(255,255,255,1); }
.wind--4  { background-color: rgba(255,255,255,1); }
.wind--5  { background-color: rgba(255,255,255,1); }
.wind--6  { background-color: rgba(216,253,251,1); }
.wind--7  { background-color: rgba(177,251,248,1); }
.wind--8  { background-color: rgba(138,249,244,1); }
.wind--9  { background-color: rgba(101,247,236,1); }
.wind--10 { background-color: rgba(78,249,183,1); }
.wind--11 { background-color: rgba(56,251,131,1); }
.wind--12 { background-color: rgba(34,252,79,1); }
.wind--13 { background-color: rgba(11,254,26,1); }
.wind--14 { background-color: rgba(24,254,0,1); }
.wind--15 { background-color: rgba(72,251,0,1); }
.wind--16 { background-color: rgba(120,248,0,1); }
.wind--17 { background-color: rgba(168,245,0,1); }
.wind--18 { background-color: rgba(217,242,0,1); }
.wind--19 { background-color: rgba(255,234,1,1); }
.wind--20 { background-color: rgba(255,201,9,1); }
.wind--21 { background-color: rgba(255,169,16,1); }
.wind--22 { background-color: rgba(255,137,24,1); }
.wind--23 { background-color: rgba(255,105,31,1); }
.wind--24 { background-color: rgba(255,73,39,1); }
.wind--25 { background-color: rgba(255,48,51,1); }
.wind--26 { background-color: rgba(255,43,73,1); }
.wind--27 { background-color: rgba(255,37,95,1); }
.wind--28 { background-color: rgba(255,31,118,1); }
.wind--29 { background-color: rgba(255,25,140,1); }
.wind--30 { background-color: rgba(255,20,162,1); }
.wind--31 { background-color: rgba(255,14,184,1); }
.wind--32 { background-color: rgba(255,10,203,1); }
.wind--33 { background-color: rgba(255,8,211,1); }
.wind--34 { background-color: rgba(255,6,220,1); }
.wind--35 { background-color: rgba(255,5,229,1); }
.wind--36 { background-color: rgba(255,3,238,1); }
.wind--37 { background-color: rgba(255,2,246,1); }
.wind--38 { background-color: rgba(255,0,255,1); }
.wind--39 { background-color: rgba(240,7,255,1); }
.wind--40 { background-color: rgba(225,14,255,1); }
.wind--41 { background-color: rgba(210,21,255,1); }
.wind--42 { background-color: rgba(195,29,255,1); }
.wind--43 { background-color: rgba(180,36,255,1); }
.wind--44 { background-color: rgba(165,43,255,1); }
.wind--45 { background-color: rgba(150,50,255,1); }
.wind--46 { background-color: rgba(144,51,255,1); }
.wind--47 { background-color: rgba(138,51,255,1); }
.wind--48 { background-color: rgba(132,52,255,1); }
.wind--49 { background-color: rgba(126,53,255,1); }
.wind--50 { background-color: rgba(120,53,255,1); }
.wind--51 { background-color: rgba(114,54,255,1); }
.wind--52 { background-color: rgba(108,55,255,1); }
.wind--53 { background-color: rgba(102,55,255,1); }
.wind--54 { background-color: rgba(96,56,255,1); }
.wind--55 { background-color: rgba(90,57,255,1); }
.wind--56 { background-color: rgba(84,57,255,1); }
.wind--57 { background-color: rgba(78,58,255,1); }
.wind--58 { background-color: rgba(72,59,255,1); }
.wind--59 { background-color: rgba(66,59,255,1); }
.wind--60 { background-color: rgba(60,60,255,1); }
.wind--61 { background-color: rgba(54,54,255,1); }
.wind--62 { background-color: rgba(48,48,255,1); }
.wind--63 { background-color: rgba(42,42,255,1); }
.wind--64 { background-color: rgba(36,36,255,1); }
.wind--65 { background-color: rgba(30,30,255,1); }
.wind--66 { background-color: rgba(24,24,255,1); }
.wind--67 { background-color: rgba(18,18,255,1); }
.wind--68 { background-color: rgba(12,12,255,1); }
.wind--69 { background-color: rgba(6,6,255,1); }
.wind--70 { background-color: rgba(0,0,255,1); }
.wind--no-color { background-color: transparent; }

/* ---- Wave height (m×10 = class suffix) — exact Windguru htsgw palette ---- */
/* Stops: 0→white  0.3→white  3m→blue  5m→purple  8m→red  15m→orange   */
.wave--00  { background-color: rgba(255,255,255,1); }
.wave--01  { background-color: rgba(255,255,255,1); }
.wave--02  { background-color: rgba(255,255,255,1); }
.wave--03  { background-color: rgba(255,255,255,1); }
.wave--04  { background-color: rgba(250,250,255,1); }
.wave--05  { background-color: rgba(245,246,255,1); }
.wave--06  { background-color: rgba(240,241,255,1); }
.wave--07  { background-color: rgba(235,237,255,1); }
.wave--08  { background-color: rgba(230,232,255,1); }
.wave--09  { background-color: rgba(225,227,255,1); }
.wave--10  { background-color: rgba(221,223,255,1); }
.wave--11  { background-color: rgba(216,218,255,1); }
.wave--12  { background-color: rgba(211,214,255,1); }
.wave--13  { background-color: rgba(206,209,255,1); }
.wave--14  { background-color: rgba(201,204,255,1); }
.wave--15  { background-color: rgba(196,200,255,1); }
.wave--16  { background-color: rgba(191,195,255,1); }
.wave--17  { background-color: rgba(186,191,255,1); }
.wave--18  { background-color: rgba(181,186,255,1); }
.wave--19  { background-color: rgba(176,182,255,1); }
.wave--20  { background-color: rgba(171,177,255,1); }
.wave--21  { background-color: rgba(166,172,255,1); }
.wave--22  { background-color: rgba(161,168,255,1); }
.wave--23  { background-color: rgba(156,163,255,1); }
.wave--24  { background-color: rgba(152,159,255,1); }
.wave--25  { background-color: rgba(147,154,255,1); }
.wave--26  { background-color: rgba(142,149,255,1); }
.wave--27  { background-color: rgba(137,145,255,1); }
.wave--28  { background-color: rgba(132,140,255,1); }
.wave--29  { background-color: rgba(127,136,255,1); }
.wave--30  { background-color: rgba(122,131,255,1); }
.wave--31  { background-color: rgba(125,129,252,1); }
.wave--32  { background-color: rgba(127,127,250,1); }
.wave--33  { background-color: rgba(130,125,247,1); }
.wave--34  { background-color: rgba(132,123,244,1); }
.wave--35  { background-color: rgba(135,121,242,1); }
.wave--36  { background-color: rgba(137,119,239,1); }
.wave--37  { background-color: rgba(140,117,236,1); }
.wave--38  { background-color: rgba(142,115,233,1); }
.wave--39  { background-color: rgba(145,113,231,1); }
.wave--40  { background-color: rgba(148,111,228,1); }
.wave--41  { background-color: rgba(150,108,225,1); }
.wave--42  { background-color: rgba(153,106,223,1); }
.wave--43  { background-color: rgba(155,104,220,1); }
.wave--44  { background-color: rgba(158,102,217,1); }
.wave--45  { background-color: rgba(160,100,215,1); }
.wave--46  { background-color: rgba(163,98,212,1); }
.wave--47  { background-color: rgba(165,96,209,1); }
.wave--48  { background-color: rgba(168,94,206,1); }
.wave--49  { background-color: rgba(170,92,204,1); }
.wave--50  { background-color: rgba(173,90,201,1); }
.wave--55  { background-color: rgba(187,88,184,1); }
.wave--60  { background-color: rgba(200,87,167,1); }
.wave--65  { background-color: rgba(214,85,151,1); }
.wave--70  { background-color: rgba(228,83,134,1); }
.wave--75  { background-color: rgba(241,82,117,1); }
.wave--80  { background-color: rgba(255,80,100,1); }
.wave--85  { background-color: rgba(255,89,100,1); }
.wave--90  { background-color: rgba(255,97,100,1); }
.wave--95  { background-color: rgba(255,106,100,1); }
.wave--100 { background-color: rgba(255,114,100,1); }
.wave--no-color { background-color: transparent; }