/* =========================================================================
   loyalty.css — kosmetyka programu lojalnościowego (WPLoyalty) na tokenach Humee.

   PODZIAŁ PRACY (ADR-0023):
   - KOLORY robi seed (`tools/seed-wployalty.php` → `wlr_settings`): panel renderuje
     własny inline <style> z `theme_color`/`border_color`/…, a komunikaty koszyka
     wstrzykują inline `border/color/background`. Tu ich NIE dublujemy.
   - TEN plik dokłada tylko to, czego ustawienia wtyczki nie dosięgają: typografię
     (font marki, kształt), rozmiar i kolor ikony komunikatu (bug wtyczki) oraz
     drobny polish odstępów/promienia. Wszystko scope'owane do wrapperów wtyczki.

   Ładowany warunkowo (Moje konto + koszyk + checkout) — patrz inc/assets/enqueue.php.
   Globalny `text-transform: lowercase` (theme.json) dziedziczy się tu sam — nie forsujemy.
   ========================================================================= */

/* --- Panel „Moje konto → punkty & nagrody" --------------------------------
   Kolory ustawia inline <style> szablonu (cream tło, akcent na paskach/tabach,
   hairline na ramkach). Dokładamy font marki + spójny promień kart. */
.wlr-myaccount-page {
	font-family: inherit;
	border-radius: var(--wp--custom--radius--modal);
}

.wlr-myaccount-page .wlr-heading {
	font-family: inherit;
	letter-spacing: var(--wp--custom--letter-spacing--wide);
}

/* Karty (statystyki punktów, „sposoby zdobycia", nagrody) — promień jak modale Humee. */
.wlr-myaccount-page #wlr-points > div,
.wlr-myaccount-page #wlr-levels,
.wlr-myaccount-page .wlr-card,
.wlr-myaccount-page .wlr-referral-box,
.wlr-myaccount-page .level-points {
	border-radius: var(--wp--custom--radius--modal);
}

/* Wartości punktów — mocniejsza waga, bez łamania koloru z ustawień. */
.wlr-myaccount-page #wlr-available-point-value,
.wlr-myaccount-page #wlr-redeemed-point-value,
.wlr-myaccount-page #wlr-used-reward-value-count {
	font-weight: var(--wp--custom--font-weight--medium);
}

/* --- Komunikaty w koszyku / checkoucie (bloki: earn + redeem) --------------
   Wtyczka renderuje kontener z INLINE-stylem (Message.php: radius 6px, tło białe,
   padding/border/font zaszyte). Przykrywamy hardkody TOKENAMI Humee, spójnie z
   rodziną notice (cream + akcent + radius modalu). `!important` konieczny, bo
   inline-style wygrywa specyficznością. Kolory (accent/dark) seed bierze już z
   palety — detokenizujemy je tu na wszelki wypadek na tokeny.
   NAPRAWIAMY też ikonę: wtyczka wstawia inline `style="color: $cart_border_color"`
   (dosłowny, nieparsowany literał = nieprawidłowy CSS → ignorowany) i font-size:30px. */
.wlr-message-info {
	font-family: inherit;
	gap: var(--wp--preset--spacing--xs);
	padding: var(--wp--preset--spacing--sm) var(--wp--preset--spacing--md) !important;
	border-color: var(--wp--preset--color--accent) !important;
	border-radius: var(--wp--custom--radius--modal) !important;
	background-color: var(--wp--preset--color--bg-alt) !important;
	color: var(--wp--preset--color--dark) !important;
	font-size: var(--wp--preset--font-size--body) !important;
}

.wlr-message-info i[class*="wlrf"],
.wlr-message-info i.wlr,
.wlr-message-info svg {
	color: var(--wp--preset--color--accent) !important;
	font-size: 22px !important;
	width: 22px;
	height: 22px;
}

.wlr-message-info p {
	font-family: inherit;
}

/* Link „wykorzystaj punkty" w komunikacie redeem — akcent + podkreślenie. */
.wlr-message-info a {
	color: var(--wp--preset--color--accent);
	font-weight: var(--wp--custom--font-weight--medium);
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* --- Chip „zdobądź punkty" na karcie/listingu produktu ---------------------
   Kolory (cream/akcent/dark) z kampanii (product_message_*). Tu kształt+typo. */
.wlr-product-message {
	display: inline-block;
	margin-top: 0.4rem;
	padding: 2px 10px 4px;
	border-radius: var(--wp--custom--radius--pill);
	font-size: 0.8em;
	font-weight: var(--wp--custom--font-weight--regular);
	line-height: 1.2;
}