/* AquaJoy: pastelowe akcenty na /rezerwacja/ i /konto/ (kolor.css: klucz i tokeny). Każda reguła pod :where(html:not(.aj-kolor-off)).
   Zasady: kolor tylko w tłach, ramkach, kropkach i ikonach; tekst zostaje #111/#555 albo w ciemnym tuszu barwy.
   Wybór (dzień, godzina, zakładka) i przyciski główne zostają czarne. Przy każdym kolorze stoi słowo albo ikona. */

/* ==========================================================================
   Rezerwacja
   ========================================================================== */

/* 1. Pasek dni: dzień z wolnymi godzinami w bardzo lekkiej zieleni z licznikiem w zieleni stanu.
   Wybrany dzień (is-on) zostaje czarny, pusty („brak”) szary. Przy NT najwyżej 4 z 7 dni ma grafik. */
:where(html:not(.aj-kolor-off)) .ajr-day:not(.is-empty):not(.is-on) {
  border-color: var(--c-ok-line);
  background: var(--c-ok-tint);
}

:where(html:not(.aj-kolor-off)) .ajr-day:not(.is-empty):not(.is-on):hover {
  border-color: var(--c-line-hover);
}

:where(html:not(.aj-kolor-off)) .ajr-day:not(.is-empty):not(.is-on) .ajl-day-b__m {
  color: var(--c-ok);
  font-weight: 600;
}

/* 2. Siatka miesiąca: kropka „są wolne godziny” i legenda w zieleni stanu.
   Na wybranym (czarnym) dniu kropka zostaje biała (currentColor). */
:where(html:not(.aj-kolor-off)) .ajr-mg__c.has:not(.is-on) .ajr-mg__dot,
:where(html:not(.aj-kolor-off)) .ajr-mg__hint .ajr-mg__dot {
  background: var(--c-ok);
}

/* 3. Karty celu: kolor miejsca tylko na pinezce. Karta, cena i „Wybierz” zostają czarno-białe. */
:where(html:not(.aj-kolor-off)) .ajr-loc[data-lok="bukowina"] .ajr-goal__where .ajr-i,
:where(html:not(.aj-kolor-off)) .ajr-ctx[data-lok="bukowina"] .ajr-i,
:where(html:not(.aj-kolor-off)) .ajr-ctxline[data-lok="bukowina"] .ajr-i {
  color: var(--k-buk);
}

:where(html:not(.aj-kolor-off)) .ajr-loc[data-lok="nowy-targ"] .ajr-goal__where .ajr-i,
:where(html:not(.aj-kolor-off)) .ajr-ctx[data-lok="nowy-targ"] .ajr-i,
:where(html:not(.aj-kolor-off)) .ajr-ctxline[data-lok="nowy-targ"] .ajr-i {
  color: var(--k-nt);
}

/* 4. „Karnet … jest w wyborze”: potwierdzenie w zieleni stanu. */
:where(html:not(.aj-kolor-off)) .ajr-gsel {
  background: var(--c-ok-bg);
}

:where(html:not(.aj-kolor-off)) .ajr-gsel > .ajr-i {
  color: var(--c-ok);
}

/* 5. Podpowiedzi w treści: szaroniebieska informacja (tekst zostaje #111).
   Potwierdzenie „Regulamin … jest już zaakceptowany” (data-note="ok", ikona ptaszka) zostaje szare: to nie informacja. */
:where(html:not(.aj-kolor-off)) .ajr-note:not([data-note="ok"]) {
  border-color: var(--k-info-line);
  background: var(--k-info-bg);
}

:where(html:not(.aj-kolor-off)) .ajr-note:not([data-note="ok"]) > .ajr-i {
  color: var(--k-info);
}

/* ==========================================================================
   Konto rodzica
   ========================================================================== */

/* 7. Karnet „Czeka na przelew” / „Do zapłaty” (ton sun z aj_payment_state): bursztyn jak bilet na Starcie. */
:where(html:not(.aj-kolor-off)) .ajk-chip[data-pay="sun"]:not(.ajk-chip--ok) {
  background: var(--c-warn-bg);
  color: var(--c-warn);
}

/* 7. „Zakończony” i „Anulowane” (ton wait, w konto.css bursztynowe --warn): neutralny chip jak bazowy .ajk-chip,
   żeby bursztyn znaczył tylko „do zapłaty / czeka na wpłatę”. Przy klasie aj-kolor-off wraca stary wygląd. */
:where(html:not(.aj-kolor-off)) .ajk-chip--warn[data-pay="wait"] {
  background: var(--c-bg-2);
  color: var(--c-fg-2);
}

/* 7. „Odbyła się” w Historii i w arkuszu lekcji: zieleń jak chip na Starcie. Booksy zostaje szare. */
:where(html:not(.aj-kolor-off)) .ajl-pill--plain[data-st="done"] {
  background: var(--c-ok-bg);
  color: var(--c-ok);
}

/* 8. „Bezpłatne odwołanie do …”: delikatna zieleń, ikona zegara w zieleni stanu, tekst zostaje szary.
   Konto (PHP): notka z zegarem bez --warn; arkusz lekcji (JS): .ajl-note--free. */
:where(html:not(.aj-kolor-off)) .ajk-note:not(.ajk-note--warn):has(> .aj-i--clock),
:where(html:not(.aj-kolor-off)) .ajl-note--free {
  background: var(--c-ok-tint);
}

:where(html:not(.aj-kolor-off)) .ajk-note:not(.ajk-note--warn) > .aj-i--clock,
:where(html:not(.aj-kolor-off)) .ajl-note--free > .ajl-ic {
  color: var(--c-ok);
}

/* 8. Należności: sama kwota w bursztynie, bez tła wiersza (historia wpłat niżej zostaje szara). */
:where(html:not(.aj-kolor-off)) .ajk-due .ajk-due__amt {
  color: var(--c-warn);
}

/* 9. Miejsce lekcji: pinezka w wierszu listy w kolorze lokalizacji. */
:where(html:not(.aj-kolor-off)) .ajl-row[data-loc="bukowina"] .ajl-row__m:last-child .ajl-ic {
  color: var(--k-buk);
}

:where(html:not(.aj-kolor-off)) .ajl-row[data-loc="nowy-targ"] .ajl-row__m:last-child .ajl-ic {
  color: var(--k-nt);
}