/*
 * Branding Tutor LMS na tokenach Phoenix – ładowany tylko tam, gdzie Tutor załadował swoje style (Lms\Integration).
 * Bez zmian układu i struktury komponentów: kolor marki, fonty, przyciski, pola i zaokrąglenia.
 * Branding wyłącznie przez --wp--preset--* / --wp--custom--*.
 *
 * Tutor 4 ma dwa systemy CSS:
 * - stary (`tutor`, `tutor-frontend`) – lista i strona kursu: --tutor-color-primary(-hover, -rgb), wartości na sztywno;
 * - nowy (`tutor-core` + `tutor-dashboard`/`tutor-learning`) – panel kursanta, obszar nauki, rejestracja: zmienne
 *   --tutor-* z trybami użytkownika na <html> (data-tutor-theme=light|dark|system, data-tutor-contrast, data-tutor-vision).
 * Arkusz ładuje się po arkuszach Tutora i ich stylach inline (zależności), więc przy równej specyficzności wygrywa
 * kolejnością. Nadpisywane są tylko zmienne niezależne od trybu (paleta marki, fonty, promienie, grubość) – kolory
 * semantyczne (tekst, powierzchnie, obramowania) zostają przy Tutorze, żeby działały tryb ciemny i wysoki kontrast.
 * Jasne odcienie marki (100–500) i triplet --tutor-color-primary-rgb Tutor liczy sam z koloru `primary` tokenów
 * (Lms\Integration podaje mu go w opcji `brand_color`).
 */

/* ---------- Kolor marki, fonty, promienie ---------- */
:root {
  /* odcienie od bazowego w dół: dokładne tokeny zamiast generatora Tutora (stała jasność – dla jasnych marek
     700 wychodził jaśniejszy od 600, więc hover rozjaśniał przycisk) */
  --tutor-brand-600: var(--wp--preset--color--primary);
  --tutor-brand-700: var(--wp--preset--color--primary-hover);
  --tutor-brand-800: color-mix(in srgb, var(--wp--preset--color--primary-hover) 80%, var(--wp--preset--color--contrast));
  --tutor-brand-900: color-mix(in srgb, var(--wp--preset--color--primary-hover) 65%, var(--wp--preset--color--contrast));
  --tutor-brand-950: color-mix(in srgb, var(--wp--preset--color--primary-hover) 45%, var(--wp--preset--color--contrast));
  /* stary system */
  --tutor-color-primary: var(--wp--preset--color--primary);
  --tutor-color-primary-hover: var(--wp--preset--color--primary-hover);
  /* nowy system: Tutor czyta je jako var(--tutor-font-family-body, "Inter"), … */
  --tutor-font-family-body: var(--wp--preset--font-family--body);
  --tutor-font-family-heading: var(--wp--preset--font-family--heading);
  --tutor-button-radius: var(--wp--custom--derived--radius--button);
  --tutor-button-font-weight: var(--wp--custom--type--button--weight);
  --tutor-input-radius: var(--wp--custom--derived--radius--field);
}

/* ---------- Odstęp stron publicznych ---------- */
/* Strony publiczne Tutora (lista kursów, kurs, pakiet, profil, brak dostępu, wynik zamówienia, kurs chroniony hasłem,
   certyfikat) nie idą przez szablony FSE motywu: Tutor podmienia cały szablon swoim PHP i wstawia z motywu tylko części
   header/footer, a treść kładzie wprost w .wp-site-blocks – bez <main class="phx-main">, który daje odstęp w pionie.
   Ten sam odstęp co .phx-main; tylko dzieci .wp-site-blocks (shortcode'y Tutora w treści stron mają już ramę motywu),
   bez panelu i obszaru nauki (własna rama Tutora pod nagłówkiem). */
.wp-site-blocks > :is(.tutor-wrap-parent, .tutor-container, .tutor-single-certificate-wrapper, .tutor-certificate-verification) {
  padding-block: var(--wp--custom--derived--space--section);
}

/* ---------- Przyciski ---------- */
/* typografia i promień jak .phx-button; selektory jak w tutor-core (0,1,1), a :not() podnosi ponad bazowe .tutor-btn
   starego systemu – przycisk „ghost” starego systemu zostaje bez zaokrąglenia (tło przezroczyste, jak w Tutorze) */
button.tutor-btn,
a.tutor-btn,
.tutor-btn {
  /* stary system nie ustawia fontu – <button> miałby domyślny font przeglądarki */
  font-family: var(--wp--preset--font-family--body);
  font-weight: var(--wp--custom--type--button--weight);
  letter-spacing: var(--wp--custom--type--button--letter-spacing);
  text-transform: var(--wp--custom--type--button--transform);
}
.tutor-btn:not(.tutor-btn-ghost) { border-radius: var(--wp--custom--derived--radius--button); }

/* główny: tło z palety marki (600/700 = primary/primary-hover), tekst w kolorze pary tokenów (Tutor: biały na sztywno –
   przy jasnej marce byłby nieczytelny); selektory stanów jak w tutor-core (hover/focus 0,4,1) */
button.tutor-btn-primary,
a.tutor-btn-primary,
.tutor-btn-primary,
button.tutor-btn-primary:is(:hover, :focus):not(:disabled):not(.disabled),
a.tutor-btn-primary:is(:hover, :focus):not(:disabled):not(.disabled),
.tutor-btn-primary:is(:hover, :focus):not(:disabled):not(.disabled),
.tutor-btn-primary:is(:hover, :focus, :active),
.tutor-btn-outline-primary:is(:hover, :focus, :active) {
  color: var(--wp--preset--color--on-primary);
}
button.tutor-btn-primary svg:not([class]),
a.tutor-btn-primary svg:not([class]),
.tutor-btn-primary svg:not([class]) { color: currentColor; }

/* ---------- Pola formularzy ---------- */
/* nowy system: promień przez --tutor-input-radius (wyżej); stary system – wartości na sztywno */
.tutor-form-control,
.tutor-input-group-addon,
.tutor-form-select-dropdown,
.tutor-dropdown-select-selected,
.tutor-dropdown-select-options-container {
  border-radius: var(--wp--custom--derived--radius--field);
}
/* pola nie dziedziczą fontu strony bez jawnego inherit (domyślny font systemowy przeglądarki) */
.tutor-form-control { font-family: inherit; }