/**
 * Warstwa personalizacji (v1.5 Tydzień 4) — nadpisuje wybrane właściwości z
 * widget-styles.css przez zmienne CSS (--iot-dw-*), zamiast duplikować całe
 * reguły. Każdy var() ma jako fallback dokładnie tę samą wartość, która była
 * dotąd zahardkodowana w widget-styles.css, więc instalacja bez żadnej
 * konfiguracji wygląda identycznie jak przed tym tygodniem. Wartości same w
 * sobie (globalne domyślne albo override per widget) wstrzykuje PHP —
 * patrz IOT_DW_Style_Settings i IOT_DW_Shortcode::maybe_enqueue_assets().
 */

.iot-dw-widget {
	font-size: var( --iot-dw-font-size, 16px );
}

/*
 * v1.8 Tydzień 6: ".iot-dw-widget--gauge" dołączone tu po raz pierwszy (od
 * teraz ma własne tło/obramowanie, patrz widget-styles.css) i
 * ".iot-dw-widget--chart" — poprzednio POMINIĘTY tutaj (luka sprzed v1.8,
 * znaleziona przy okazji tego tygodnia): wykres miał zahardkodowane
 * background:#fff w chart-widget.css, więc przy ciemnym tle z Appearance
 * (v1.5) każdy inny styl ciemniał, a wykres zostawał jasny. Naprawione tu,
 * nie w osobnym poprawkowym tygodniu — to dokładnie ten sam mechanizm co
 * reszta, tylko wcześniej nigdy nie podłączony.
 */
.iot-dw-widget--card,
.iot-dw-widget--list,
.iot-dw-widget--sparkline,
.iot-dw-widget--gauge,
.iot-dw-widget--chart,
.iot-dw-widget__grid-cell {
	background: var( --iot-dw-bg, #fff );
	border-radius: var( --iot-dw-radius, 8px );
}

.iot-dw-widget__value,
.iot-dw-widget__list-value {
	color: var( --iot-dw-text, #222 );
}

/**
 * v1.7 Tydzień 8 (a11y): etykiety/jednostki dziedziczą ten sam kolor co
 * wartość (przez opacity w widget-styles.css, nie osobny odcień szarości)
 * — sprawdzone wyliczeniem WCAG (docs/archiwum/audyt-a11y-v1-7.md): niezależny,
 * zahardkodowany #666 dawał tylko ok. 2.97:1 na ciemnym tle (np. tekst
 * #fff na tle #1a1a2e — poprawna, realna kombinacja z personalizacji
 * v1.5), poniżej progu AA 4.5:1. Powiązanie z --iot-dw-text skaluje się
 * poprawnie z dowolnym wybranym motywem, zamiast łamać się przy ciemnych
 * tłach.
 */
.iot-dw-widget__label,
.iot-dw-widget__unit,
.iot-dw-widget__list-label {
	color: var( --iot-dw-text, #222 );
}

.iot-dw-widget__gauge-value {
	fill: var( --iot-dw-text, #222 );
}

.iot-dw-widget__gauge-fill,
.iot-dw-widget__sparkline-line {
	stroke: var( --iot-dw-accent, #2980b9 );
}