/* Velara — outlined weather icons (SVG masks, stroke-based) */
.wi{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background:currentColor;mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;font-style:normal;line-height:1;overflow:visible}

/* Sunny */
.wi-day-sunny{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='16' cy='16' r='5'/%3E%3Cline x1='16' y1='2' x2='16' y2='5'/%3E%3Cline x1='16' y1='27' x2='16' y2='30'/%3E%3Cline x1='5.6' y1='5.6' x2='7.8' y2='7.8'/%3E%3Cline x1='24.2' y1='24.2' x2='26.4' y2='26.4'/%3E%3Cline x1='2' y1='16' x2='5' y2='16'/%3E%3Cline x1='27' y1='16' x2='30' y2='16'/%3E%3Cline x1='5.6' y1='26.4' x2='7.8' y2='24.2'/%3E%3Cline x1='24.2' y1='7.8' x2='26.4' y2='5.6'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='16' cy='16' r='5'/%3E%3Cline x1='16' y1='2' x2='16' y2='5'/%3E%3Cline x1='16' y1='27' x2='16' y2='30'/%3E%3Cline x1='5.6' y1='5.6' x2='7.8' y2='7.8'/%3E%3Cline x1='24.2' y1='24.2' x2='26.4' y2='26.4'/%3E%3Cline x1='2' y1='16' x2='5' y2='16'/%3E%3Cline x1='27' y1='16' x2='30' y2='16'/%3E%3Cline x1='5.6' y1='26.4' x2='7.8' y2='24.2'/%3E%3Cline x1='24.2' y1='7.8' x2='26.4' y2='5.6'/%3E%3C/g%3E%3C/svg%3E")}

/* Sun behind small cloud */
.wi-day-sunny-overcast{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='10' cy='12' r='4'/%3E%3Cline x1='10' y1='4' x2='10' y2='6'/%3E%3Cline x1='10' y1='18' x2='10' y2='20'/%3E%3Cline x1='4' y1='12' x2='6' y2='12'/%3E%3Cline x1='14' y1='12' x2='16' y2='12'/%3E%3C/g%3E%3Cpath d='M7 26a6 6 0 0 1-.5-12A7 7 0 0 1 20 13a5 5 0 0 1 4.5 8H7z' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='10' cy='12' r='4'/%3E%3Cline x1='10' y1='4' x2='10' y2='6'/%3E%3Cline x1='10' y1='18' x2='10' y2='20'/%3E%3Cline x1='4' y1='12' x2='6' y2='12'/%3E%3Cline x1='14' y1='12' x2='16' y2='12'/%3E%3C/g%3E%3Cpath d='M7 26a6 6 0 0 1-.5-12A7 7 0 0 1 20 13a5 5 0 0 1 4.5 8H7z' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}

/* Sun behind cloud */
.wi-day-cloudy{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='4'/%3E%3Cline x1='10' y1='2' x2='10' y2='4'/%3E%3Cline x1='10' y1='16' x2='10' y2='18'/%3E%3Cline x1='4' y1='10' x2='6' y2='10'/%3E%3Cline x1='14' y1='10' x2='16' y2='10'/%3E%3C/g%3E%3Cpath d='M5 26a7 7 0 0 1 8-13 6 6 0 0 1 12 2 5 5 0 0 1 3 8.5H5z' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='4'/%3E%3Cline x1='10' y1='2' x2='10' y2='4'/%3E%3Cline x1='10' y1='16' x2='10' y2='18'/%3E%3Cline x1='4' y1='10' x2='6' y2='10'/%3E%3Cline x1='14' y1='10' x2='16' y2='10'/%3E%3C/g%3E%3Cpath d='M5 26a7 7 0 0 1 8-13 6 6 0 0 1 12 2 5 5 0 0 1 3 8.5H5z' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}

/* Cloud */
.wi-cloudy{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M7 26a6 6 0 0 1-.5-12A7 7 0 0 1 20 12a5 5 0 0 1 5 9 5 5 0 0 1-2 5H7z' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M7 26a6 6 0 0 1-.5-12A7 7 0 0 1 20 12a5 5 0 0 1 5 9 5 5 0 0 1-2 5H7z' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}

/* Fog */
.wi-day-fog,.wi-fog{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round'%3E%3Cline x1='4' y1='10' x2='28' y2='10'/%3E%3Cline x1='6' y1='15' x2='26' y2='15'/%3E%3Cline x1='4' y1='20' x2='28' y2='20'/%3E%3Cline x1='8' y1='25' x2='24' y2='25'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round'%3E%3Cline x1='4' y1='10' x2='28' y2='10'/%3E%3Cline x1='6' y1='15' x2='26' y2='15'/%3E%3Cline x1='4' y1='20' x2='28' y2='20'/%3E%3Cline x1='8' y1='25' x2='24' y2='25'/%3E%3C/g%3E%3C/svg%3E")}

/* Drizzle */
.wi-day-sprinkle,.wi-sprinkle{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M6 24a6 6 0 0 1 0-12 7 7 0 0 1 13.5-1A5 5 0 0 1 24 17H6z' fill='none' stroke='black' stroke-width='2'/%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cline x1='10' y1='21' x2='9' y2='24'/%3E%3Cline x1='15' y1='21' x2='14' y2='25'/%3E%3Cline x1='20' y1='21' x2='19' y2='24'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M6 24a6 6 0 0 1 0-12 7 7 0 0 1 13.5-1A5 5 0 0 1 24 17H6z' fill='none' stroke='black' stroke-width='2'/%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cline x1='10' y1='21' x2='9' y2='24'/%3E%3Cline x1='15' y1='21' x2='14' y2='25'/%3E%3Cline x1='20' y1='21' x2='19' y2='24'/%3E%3C/g%3E%3C/svg%3E")}

/* Rain */
.wi-day-rain,.wi-rain,.wi-rain-wind{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M6 22a6 6 0 0 1 0-12 7 7 0 0 1 13.5-.5A5 5 0 0 1 24 15H6z' fill='none' stroke='black' stroke-width='2'/%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cline x1='9' y1='20' x2='7' y2='24'/%3E%3Cline x1='14' y1='20' x2='11' y2='26'/%3E%3Cline x1='19' y1='20' x2='17' y2='24'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M6 22a6 6 0 0 1 0-12 7 7 0 0 1 13.5-.5A5 5 0 0 1 24 15H6z' fill='none' stroke='black' stroke-width='2'/%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cline x1='9' y1='20' x2='7' y2='24'/%3E%3Cline x1='14' y1='20' x2='11' y2='26'/%3E%3Cline x1='19' y1='20' x2='17' y2='24'/%3E%3C/g%3E%3C/svg%3E")}

/* Showers */
.wi-showers,.wi-day-showers{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M6 21a6 6 0 0 1 0-12 7 7 0 0 1 13.5-.5A5 5 0 0 1 24 14H6z' fill='none' stroke='black' stroke-width='2'/%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cline x1='8' y1='20' x2='6' y2='24'/%3E%3Cline x1='12' y1='20' x2='10' y2='26'/%3E%3Cline x1='16' y1='20' x2='14' y2='25'/%3E%3Cline x1='20' y1='20' x2='18' y2='24'/%3E%3Cline x1='24' y1='20' x2='22' y2='26'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M6 21a6 6 0 0 1 0-12 7 7 0 0 1 13.5-.5A5 5 0 0 1 24 14H6z' fill='none' stroke='black' stroke-width='2'/%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cline x1='8' y1='20' x2='6' y2='24'/%3E%3Cline x1='12' y1='20' x2='10' y2='26'/%3E%3Cline x1='16' y1='20' x2='14' y2='25'/%3E%3Cline x1='20' y1='20' x2='18' y2='24'/%3E%3Cline x1='24' y1='20' x2='22' y2='26'/%3E%3C/g%3E%3C/svg%3E")}

/* Thunderstorm */
.wi-storm-showers,.wi-day-thunderstorm,.wi-thunderstorm{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M6 20a6 6 0 0 1 0-12 7 7 0 0 1 13.5-.5A5 5 0 0 1 24 13H6z' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M15 18l-4 8h5l-3 5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M6 20a6 6 0 0 1 0-12 7 7 0 0 1 13.5-.5A5 5 0 0 1 24 13H6z' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M15 18l-4 8h5l-3 5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}

/* Heavy storm */
.wi-storm-showers{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M6 19a6 6 0 0 1 0-12 7 7 0 0 1 13.5-.5A5 5 0 0 1 24 12H6z' fill='none' stroke='black' stroke-width='2'/%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cline x1='8' y1='18' x2='6' y2='21'/%3E%3Cline x1='12' y1='18' x2='10' y2='23'/%3E%3Cline x1='16' y1='18' x2='14' y2='22'/%3E%3C/g%3E%3Cpath d='M16 20l-4 7h5l-3 4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M6 19a6 6 0 0 1 0-12 7 7 0 0 1 13.5-.5A5 5 0 0 1 24 12H6z' fill='none' stroke='black' stroke-width='2'/%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cline x1='8' y1='18' x2='6' y2='21'/%3E%3Cline x1='12' y1='18' x2='10' y2='23'/%3E%3Cline x1='16' y1='18' x2='14' y2='22'/%3E%3C/g%3E%3Cpath d='M16 20l-4 7h5l-3 4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}