/*
 * Wersja B „Ciepła”: Moje konto (logowanie, pulpit, zamówienia, przedłużenie), strony treści (Kontakt, Regulamin,
 * Polityka prywatności), 404, wyniki wyszukiwania i baner cookies. Zaokrąglone kremowe karty, nagłówki stron z gwiazdką,
 * etykiety wersalikami.
 */

/* Nagłówek strony: gwiazdka nad dużym tytułem */
.wyglad-ciepla .page-header { gap: 14px; padding: 36px 0 28px; }
.wyglad-ciepla .page-header::before { content: "✱"; content: "✱" / ""; font-size: 18px; line-height: 1; color: var(--c-accent); }
.wyglad-ciepla .page-title { font-size: 44px; font-weight: 400; letter-spacing: -.03em; line-height: 1.02; }
.wyglad-ciepla .page-title .accent { color: var(--c-accent); }
@media (min-width: 640px) {
	.wyglad-ciepla .page-title { font-size: 60px; }
}

/* Treść stron: czytelna kolumna, nagłówki Outfit, tabele i ramki w kremie */
.wyglad-ciepla .entry-content { font-size: 16px; line-height: 1.75; }
.wyglad-ciepla .entry-content :is(h2, h3) { margin-top: 2em; font-weight: 400; }
.wyglad-ciepla .entry-content h2 { font-size: 30px; }
.wyglad-ciepla .entry-content h3 { font-size: 22px; }
.wyglad-ciepla .entry-content a:not([class]) { color: var(--c-accent-dark); text-underline-offset: 3px; }
.wyglad-ciepla .entry-content :is(blockquote, .wp-block-group.has-background) { border: 0; border-radius: var(--radius-xl); background: var(--c-cream); }
.wyglad-ciepla .entry-content blockquote { padding: 20px 24px; }
.wyglad-ciepla .entry-content table { overflow: hidden; border-radius: var(--radius-lg); background: var(--c-card); }
.wyglad-ciepla .wyp-projekt { padding: 16px 20px; border: 1px dashed var(--c-ink-25); border-radius: var(--radius-lg); background: var(--c-cream); color: var(--c-ink); }
.wyglad-ciepla .wyp-kontakt { padding: 24px; border-radius: var(--radius-xl); background: var(--c-cream); }
.wyglad-ciepla .wyp-kontakt a { color: var(--c-ink); }

/* Formularze klasyczne (logowanie, rejestracja, dane konta, kontakt) */
.wyglad-ciepla :is(.woocommerce form .form-row .input-text, .woocommerce form .form-row select, .entry-content input[type="text"], .entry-content input[type="email"], .entry-content input[type="tel"], .entry-content textarea) {
	min-height: 48px;
	border: 1px solid var(--c-ink-20);
	border-radius: var(--radius);
	background: var(--c-card);
}
.wyglad-ciepla .woocommerce form .form-row label { font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--c-ink); }
.wyglad-ciepla .woocommerce form .form-row label.woocommerce-form__label-for-checkbox { font-size: 14px; font-weight: 500; letter-spacing: 0; text-transform: none; }
.wyglad-ciepla .woocommerce form .form-row :is(.input-text, select):focus { border-color: var(--c-ink); outline: 2px solid var(--c-accent); outline-offset: 2px; }

/* Moje konto: logowanie i rejestracja w dwóch kremowych kartach */
.wyglad-ciepla .woocommerce .u-columns.col2-set { display: grid; gap: 16px; }
.wyglad-ciepla .woocommerce .u-columns.col2-set::before,
.wyglad-ciepla .woocommerce .u-columns.col2-set::after { display: none; }
.wyglad-ciepla .woocommerce .u-columns.col2-set .u-column1,
.wyglad-ciepla .woocommerce .u-columns.col2-set .u-column2 { float: none; width: auto; padding: 24px; border-radius: var(--radius-xl); background: var(--c-cream); }
.wyglad-ciepla .woocommerce .u-columns.col2-set h2 { margin-top: 0; font-size: 32px; font-weight: 400; }
.wyglad-ciepla .woocommerce form.login,
.wyglad-ciepla .woocommerce form.register { margin: 16px 0 0; padding: 0; border: 0; border-radius: 0; }
.wyglad-ciepla .woocommerce-LostPassword a,
.wyglad-ciepla .woocommerce-privacy-policy-text a { color: var(--c-accent-dark); }
.wyglad-ciepla .woocommerce-privacy-policy-text { color: var(--c-ink); font-size: 14px; }
@media (min-width: 768px) {
	.wyglad-ciepla .woocommerce .u-columns.col2-set { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
	.wyglad-ciepla .woocommerce .u-columns.col2-set .u-column1,
	.wyglad-ciepla .woocommerce .u-columns.col2-set .u-column2 { padding: 36px; }
}

/* Moje konto po zalogowaniu: menu jako ciemne pigułki, treść w kremowej karcie */
.wyglad-ciepla .woocommerce-MyAccount-navigation ul { gap: 4px; padding: 10px; border-radius: var(--radius-xl); background: var(--c-cream); }
body.wyglad-ciepla .entry-content .woocommerce-MyAccount-navigation a { min-height: 44px; display: flex; align-items: center; border-radius: 9999px; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--c-ink); }
.wyglad-ciepla .woocommerce-MyAccount-navigation a:hover { background: var(--c-paper); }
body.wyglad-ciepla .entry-content .woocommerce-MyAccount-navigation .is-active a { background: var(--c-dark); color: #FFF9F1; }
.wyglad-ciepla .woocommerce-MyAccount-content { padding: 24px; border-radius: var(--radius-xl); background: var(--c-cream); }
.wyglad-ciepla .woocommerce-MyAccount-content > p:first-child { font-family: var(--font-display); font-size: 22px; line-height: 1.35; }
.wyglad-ciepla .woocommerce-MyAccount-content a:not(.button):not(.btn) { color: var(--c-accent-dark); }
.wyglad-ciepla .woocommerce-MyAccount-content :is(.woocommerce-order-details, .woocommerce-customer-details) { padding: 0; background: transparent; }
.wyglad-ciepla .woocommerce-MyAccount-content .woocommerce-customer-details address { background: var(--c-paper); }
.wyglad-ciepla .woocommerce-MyAccount-content mark { background: transparent; color: var(--c-title); font-weight: 700; }
.wyglad-ciepla .woocommerce-account table.shop_table { overflow: hidden; border: 0; border-radius: var(--radius-lg); background: var(--c-paper); }
.wyglad-ciepla .woocommerce-account table.shop_table :is(th, td) { border-color: var(--c-cream-dark); }
.wyglad-ciepla .woocommerce-account table.shop_table thead th { font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--c-muted); }
.wyglad-ciepla .woocommerce-account table.shop_table .button { min-height: 44px; margin: 2px 4px 2px 0; padding: 8px 16px; }
@media (min-width: 768px) {
	.wyglad-ciepla .woocommerce-MyAccount-content { padding: 36px; }
}

/* Przedłużenie najmu (strona z kalendarzem z wtyczki najmu) */
.wyglad-ciepla .wn-przedluz { border: 0; border-radius: var(--radius-xl); background: var(--c-paper); box-shadow: inset 0 0 0 1px var(--c-ink-20); }
.wyglad-ciepla .wn-przedluz h2,
.wyglad-ciepla .wn-przedluz h3 { font-weight: 400; }
.wyglad-ciepla .wn-przedluz__link { color: var(--c-accent-dark); }

/* 404: duża liczba w terakocie, pieczątka zamiast kropek */
.wyglad-ciepla .not-found__code { color: var(--c-cream-dark); font-weight: 400; letter-spacing: -.04em; }
.wyglad-ciepla .not-found__art .dots { display: none; }
.wyglad-ciepla .not-found__art { padding: 0; }
.wyglad-ciepla .not-found__art::after {
	content: "";
	position: absolute;
	right: -24px;
	bottom: 8px;
	width: 120px;
	height: 120px;
	background: var(--c-pieczatka) center / contain no-repeat;
}
@media (prefers-reduced-motion: no-preference) {
	.wyglad-ciepla .not-found__art::after { animation: wyglad-ciepla-obrot 24s linear infinite; }
}
.wyglad-ciepla .not-found .eyebrow { color: var(--c-muted); }

/* Wyszukiwanie: wyniki jako kremowe karty */
.wyglad-ciepla .search-pill--page { min-height: 52px; border-color: var(--c-ink-25); background: var(--c-card); }
.wyglad-ciepla .post-grid { gap: 16px; }
.wyglad-ciepla .post-card { gap: 0; padding: 12px; border-radius: var(--radius-xl); background: var(--c-cream); }
.wyglad-ciepla .post-card .photo { border-radius: var(--radius-lg); background: #FFFFFF; }
.wyglad-ciepla .post-card__body { padding: 16px 8px 8px; }
.wyglad-ciepla .post-card__title { font-size: 28px; font-weight: 400; }
.wyglad-ciepla .post-card__title a:hover { color: var(--c-accent-dark); }
.wyglad-ciepla .post-card__excerpt { color: var(--c-muted); }

/* Baner cookies: kremowa karta z dużym zaokrągleniem, ciemne pigułki wersalikami */
.wyglad-ciepla .wz__okno { border: 0; border-radius: var(--radius-xl); background: var(--c-cream); box-shadow: 0 20px 50px rgba(42, 33, 28, .18); padding: 1.25rem 1.5rem; }
.wyglad-ciepla .wz__tytul { font-family: var(--font-display); font-weight: 400; font-size: 22px; color: var(--c-title); }
.wyglad-ciepla .wz__opis { color: var(--c-ink); }
.wyglad-ciepla .wz__opis a,
.wyglad-ciepla .wz a { color: var(--c-accent-dark); }
.wyglad-ciepla .wz__przycisk { border-color: var(--c-dark); background: var(--c-dark); color: #FFF9F1; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.wyglad-ciepla .wz__przycisk:hover { border-color: var(--c-accent-dark); background: var(--c-accent-dark); color: #FFFFFF; }
.wyglad-ciepla .wz__kategoria { border: 0; border-radius: var(--radius-lg); background: var(--c-paper); }
/* Telefon: zwarte odstępy jak w obecnym wyglądzie (ustawienia mieszczą się w 560 px wysokości) */
@media (max-width: 639.98px) {
	.wyglad-ciepla .wz__okno { padding: .75rem .875rem; border-radius: var(--radius-lg); }
	.wyglad-ciepla .wz__tytul { font-size: 17px; }
	.wyglad-ciepla .wz__przycisk { padding: .375rem .5rem; font-size: 11px; letter-spacing: .06em; }
}