/* wylaczenia.energii.pl: tylko elementy specyficzne. Kolory wyłącznie ze zmiennych wspólnego energii.css
   (--serwis, --serwis-tlo, --serwis-tekst per serwis; zapas: --akcent, --grunt-2, --tusz). */
.podnav { border-bottom: 1px solid var(--linia); background: var(--serwis-tlo, var(--grunt-2)); }
.podnav-w { display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; padding-top: 6px; padding-bottom: 6px; }
.podnav-w::-webkit-scrollbar { display: none; }
.podnav a { white-space: nowrap; text-decoration: none; font-weight: 700; font-size: 15px; color: var(--serwis-tekst, var(--tusz)); padding: 8px 10px; border-radius: 8px; }
.podnav a:hover, .podnav a[aria-current] { background: var(--grunt); color: var(--serwis, var(--akcent)); }
.okruchy span { color: var(--tusz); }
.h3 { font-size: 19px; font-family: var(--font-tekst); font-weight: 800; margin-top: 0; }
.drobne { font-size: 13px; color: var(--szary); }
.nowrap { white-space: nowrap; }

/* wyszukiwarka */
.glowa { padding-bottom: 32px; }
.szukajka { display: grid; gap: 12px; grid-template-columns: 1fr; margin-top: 20px; max-width: 860px; }
@media (min-width: 760px) { .szukajka { grid-template-columns: 1.4fr 1fr auto; align-items: end; } }
.szukajka-pole { position: relative; min-width: 0; }
.szukajka .przycisk { height: 50px; }
.podpowiedzi { position: absolute; z-index: 6; left: 0; right: 0; top: 100%; margin: 4px 0 0; padding: 4px; list-style: none; background: var(--grunt); border: 1px solid var(--linia); border-radius: 10px; max-height: 320px; overflow-y: auto; }
.podpowiedzi li { padding: 8px 10px; border-radius: 8px; cursor: pointer; }
.podpowiedzi li[aria-selected="true"], .podpowiedzi li:hover { background: var(--grunt-2); }
.podpowiedzi .pp-d { display: block; font-size: 13px; color: var(--szary); }
.podpowiedzi .pp-l { float: right; font-size: 13px; font-weight: 700; color: var(--serwis, var(--akcent)); }

/* liczniki */
.liczniki { display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); margin: 8px 0; }
.licznik { display: block; border: 1px solid var(--linia); border-radius: var(--promien); padding: 16px 18px; background: var(--grunt); color: var(--tusz); text-decoration: none; }
a.licznik:hover { border-color: var(--serwis, var(--akcent)); }
.licznik-e { display: block; font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; color: var(--szary); }
.licznik-l { display: block; font-size: 40px; font-weight: 700; line-height: 1.1; color: var(--serwis, var(--akcent)); }
.licznik-o { display: block; font-size: 14px; color: var(--szary); }

/* paski województw (SVG, bez stylów inline) */
.pasek-k { width: 34%; min-width: 90px; }
.pasek { display: block; width: 100%; height: 8px; }
.pasek-t { fill: var(--grunt-2); }
.pasek-w { fill: var(--serwis, var(--akcent)); }

/* karta wyłączenia */
.lista-wyl { display: grid; gap: 12px; }
.wyl { border: 1px solid var(--linia); border-left: 4px solid var(--zielen); border-radius: var(--promien); padding: 14px 16px; background: var(--grunt); }
.wyl-trwa { border-left-color: var(--akcent-2); }
.wyl-odwolane { opacity: .7; border-left-color: var(--linia); }
.wyl-pasuje { box-shadow: 0 0 0 2px var(--serwis, var(--akcent)); }
.wyl-g { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 16px; }
.wyl-data { margin: 0; font-weight: 800; }
.wyl-godz { font-weight: 700; color: var(--serwis, var(--akcent)); }
.wyl-meta { margin: 0; font-size: 14px; color: var(--szary); }
.wyl-adresy { margin: 10px 0 0; font-size: 15px; overflow-wrap: anywhere; }
.wyl-adresy .ul { font-weight: 700; }
.num { font-family: var(--font-liczby); font-size: 13px; font-weight: 500; color: var(--szary); }
.czesc { font-weight: 800; }
.wyl-opis { margin-top: 8px; font-size: 14px; color: var(--szary); }
.wyl-opis summary { cursor: pointer; font-weight: 700; color: var(--tusz); }
.wyl-opis p { margin: 6px 0 0; overflow-wrap: anywhere; }
.wyl .zrodlo { margin-bottom: 0; }

/* strona miejscowości */
.miejsce h1 { margin-top: 12px; }
.miejsce-narzedzia { display: grid; gap: 16px; grid-template-columns: 1fr; margin: 16px 0 8px; }
@media (min-width: 760px) { .miejsce-narzedzia { grid-template-columns: 1fr 1fr; align-items: end; } }
.filtr-w { display: flex; gap: 8px; }
.filtr-w .pole { min-width: 0; }
.kanaly .przycisk { margin: 0 6px 6px 0; }
.kanaly .drobne { margin: 4px 0 0; }

/* tabele dnia */
.tab-dnia td.adr, td.adr { min-width: 220px; max-width: 520px; overflow-wrap: anywhere; font-size: 14px; }
.tab-dnia tr.trwa td:first-child { box-shadow: inset 3px 0 0 var(--akcent-2); }
.spis { display: flex; flex-wrap: wrap; gap: 6px 14px; margin: 8px 0 8px; font-size: 15px; }
.lista-miejsc { columns: 2 220px; padding-left: 1.1em; }
.lista-miejsc li { break-inside: avoid; margin-bottom: 4px; }
.lista-wynikow { padding-left: 1.1em; }
.lista-wynikow li { margin-bottom: 8px; }
.lista-kontrolna li { margin-bottom: 4px; }
.stan-danych { margin-top: 40px; }
.stan-danych p:last-child { margin-bottom: 0; }
.stan-l { font-size: 14px; }
a.tel { font-weight: 700; font-size: 20px; }
.wyl-godz { white-space: nowrap; }

/* telefon: tabela dnia jako karty (bez przewijania w poziomie) */
@media (max-width: 759px) {
  .tabela-w:has(> .tab-dnia) { border: 0; overflow: visible; }
  .tab-dnia thead { display: none; }
  .tab-dnia, .tab-dnia tbody, .tab-dnia tr, .tab-dnia td { display: block; width: 100%; }
  .tab-dnia tr { border: 1px solid var(--linia); border-radius: var(--promien); margin-bottom: 10px; padding: 10px 12px; background: var(--grunt); }
  .tab-dnia td { border: 0; padding: 2px 0; max-width: none; min-width: 0; }
  .tab-dnia td.liczba { font-weight: 700; color: var(--serwis, var(--akcent)); }
  .tab-dnia tr.trwa td:first-child { box-shadow: none; }
  .tab-dnia tr.trwa { border-left: 4px solid var(--akcent-2); }
}