/* ==========================================================================
   Vincent UI Components — globalny jezyk wizualny przyciskow i pol
   formularzy z motywu Vincent, naniesiony na komponenty Hanoi.

   Vincent: przyciski i inputy sa w pelni "pill" (border-radius: 4rem,
   promien wiekszy niz polowa wysokosci), hover = przygaszenie (opacity
   .75), aktywne/wcisniete = lekkie zmniejszenie (scale .95). Hanoi
   domyslnie ma promien 4px (--border-radius-small) i hover przez
   --interaction.attention (opacity .9).

   Celowo NIE ruszamy: kolorow (--btn-background/--btn-text/--btn-border
   dalej pochodza z akcentu marki Longevity, nie z fioletu Vincenta),
   wysokosci/paddingu przyciskow (te juz sa zblizone), ani logiki
   wariantow --secondary/--borderless/--icon (dziedzicza nowy promien
   automatycznie, bo to pojedyncza zmiana promienia na bazowej klasie).

   Ladowany globalnie w partials/components/head.hbs, po core CSS
   Hanoi i po {{ghost_head}}, wiec wygrywa w kaskadzie. --- */

/* --- Przyciski: chrome (.c-button) + przyciski w tresci Koenig (.kg-btn) --- */
.c-button,
.kg-btn,
.kg-btn-accent {
  border-radius: 999px;
}

/* Borderless (ikony okragle) juz maja border-radius-circle — nie dotykamy. */
.c-button--borderless {
  border-radius: var(--border-radius-circle);
}

/* Hover Vincenta: wyraznie mocniejsze przygaszenie niz domyslne .9 Hanoi.
   Nie nadpisuje wariantu --secondary/--borderless — te maja wlasny,
   bardziej specyficzny stan hover (zmiana koloru zamiast opacity). */
.c-button:hover,
.kg-btn:hover,
.kg-btn-accent:hover {
  opacity: 0.75;
}

/* Wcisniecie Vincenta: lekkie zmniejszenie zamiast (albo obok) zmiany koloru. */
.c-button:active,
.kg-btn:active,
.kg-btn-accent:active {
  transform: scale(0.95);
}

/* --- Pole formularza newslettera: ten sam promien "pill" co przyciski,
   zeby input i przycisk czytaly sie jako jeden, spojny ksztalt (jak
   w Vincencie: assets/css/general/form.css). --- */
.c-site-newsletter-section__input {
  border-radius: 999px;
  padding-inline: var(--space-24);
}