/* WhatCarTool — User Panel [wct_user_panel] (v0.48.0).
   Kafelki (.wct-tiles/.wct-tile) i okruszek (.wct-panel__crumb) pochodzą
   z wct-panel.css (ładowany w <head> na stronach z [wct_*]); tu tylko
   elementy własne panelu użytkownika + zapas stylu kafelków na wypadek,
   gdyby wct-panel.css nie był na stronie (np. Elementor bez shortcode'u w treści). */

.wct-upanel { margin: 8px 0 24px; }
.wct-upanel [hidden] { display: none !important; }
.wct-upanel__hello { margin: 0 0 6px; font-size: 16px; }

.wct-upanel .wct-tiles {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
	gap: 14px;
	margin-top: 12px;
}
.wct-upanel .wct-tile,
.wct-upanel .wct-tile:not(:hover):not(:active) {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 18px 16px;
	border: 1px solid var(--wct-border, #d6dae0);
	border-radius: var(--wct-radius-card, 10px);
	background: var(--wct-surface, #fff);
	color: var(--wct-ink, #1c2530);
	text-decoration: none;
}
.wct-upanel .wct-tile:hover { border-color: var(--wct-accent, #1769ff); }
.wct-upanel .wct-tile > strong { font-size: 16px; }
.wct-upanel .wct-tile:hover > strong { color: var(--wct-accent, #1769ff); }
.wct-upanel .wct-hint { margin: 0; color: var(--wct-muted, #5a6675); font-size: var(--wct-font-size-sm, 13px); }
.wct-upanel .wct-tile__count { color: var(--wct-muted, #5a6675); font-weight: 400; font-size: var(--wct-font-size-sm, 13px); }
.wct-upanel .wct-panel__crumb { margin: 0 0 10px; font-size: var(--wct-font-size-sm, 13px); }
.wct-upanel .wct-panel__crumb a { text-decoration: none; font-weight: 600; }
.wct-upanel .wct-panel__viewtitle { margin: 0 0 12px; font-size: 20px; }
.wct-upanel .wct-dim { color: var(--wct-muted, #5a6675); font-size: 0.9em; }

/* Przyciski. */
.wct-upanel .wct-btn,
.wct-upanel .wct-btn:not(:hover):not(:active) {
	display: inline-block;
	padding: 8px 16px;
	border: 0;
	border-radius: var(--wct-radius, 7px);
	background: var(--wct-accent, #1769ff);
	color: var(--wct-accent-ink, #fff);
	font-size: var(--wct-font-size-sm, 13px);
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
	white-space: nowrap;
}
.wct-upanel .wct-btn:hover { filter: brightness(1.07); }
.wct-upanel .wct-btn:disabled { opacity: 0.5; cursor: not-allowed; }

/* Prefiks .wct-upanel: specyficzność (0,4,0) > reguła TT21 dla <button> (0,3,1). */
.wct-upanel .wct-upanel__remove,
.wct-upanel .wct-upanel__remove:not(:hover):not(:active),
.wct-upanel .wct-upanel__danger,
.wct-upanel .wct-upanel__danger:not(:hover):not(:active) {
	padding: 7px 12px;
	border: 1px solid var(--wct-border, #d6dae0);
	border-radius: var(--wct-radius, 7px);
	background: var(--wct-surface, #fff);
	color: var(--wct-danger, #b32d2e);
	font-size: var(--wct-font-size-sm, 13px);
	font-weight: 600;
	line-height: 1.2;
	cursor: pointer;
	white-space: nowrap;
}
.wct-upanel__remove:hover,
.wct-upanel__danger:hover { border-color: var(--wct-danger, #b32d2e); background: #fff5f5; }
.wct-upanel .wct-upanel__danger--solid,
.wct-upanel .wct-upanel__danger--solid:not(:hover):not(:active) {
	border-color: var(--wct-danger, #b32d2e);
	background: var(--wct-danger, #b32d2e);
	color: #fff;
}
.wct-upanel__danger--solid:hover { background: #962323; color: #fff; }
.wct-upanel button:disabled { opacity: 0.55; cursor: progress; }

/* Pasek akcji nad listą. */
.wct-upanel__bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin: 0 0 12px;
	padding: 8px 12px;
	border: 1px solid var(--wct-border, #d6dae0);
	border-radius: var(--wct-radius-card, 10px);
	background: var(--wct-surface-alt, #f6f7f9);
}
.wct-upanel__bar .wct-upanel__danger { margin-left: auto; }

.wct-upanel__msg { min-height: 1em; margin: 8px 0; font-size: var(--wct-font-size-sm, 13px); }
.wct-upanel__msg.is-ok { color: #1a7f37; }
.wct-upanel__msg.is-error { color: var(--wct-danger, #b32d2d); }
.wct-upanel__empty { padding: 16px; border: 1px dashed var(--wct-border, #d6dae0); border-radius: var(--wct-radius-card, 10px); color: var(--wct-muted, #5a6675); }

/* Listy (ulubione, porównania, garaż) — wspólna „karta" wiersza. */
.wct-upanel__cards,
.wct-upanel__cmps,
.wct-upanel__cars,
.wct-upanel__hits,
.wct-upanel__forum { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }

.wct-upanel__card,
.wct-upanel__cmp,
.wct-upanel__carhead {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 12px;
	border: 1px solid var(--wct-border, #d6dae0);
	border-radius: var(--wct-radius-card, 10px);
	background: var(--wct-surface, #fff);
}
.wct-upanel__card:nth-child(even),
.wct-upanel__cmp:nth-child(even) { background: var(--wct-surface-alt, #f7f8fa); }
.wct-upanel__info { display: flex; flex-direction: column; gap: 2px; flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; }
.wct-upanel__name { font-weight: 600; text-decoration: none; }
.wct-upanel__pick input { width: 18px; height: 18px; margin: 0; cursor: pointer; }
.wct-upanel__thumb {
	flex: 0 0 64px;
	width: 64px;
	height: 64px;
	border-radius: 8px;
	background: var(--wct-surface-alt, #f0f2f5);
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}
.wct-upanel__thumb img { width: 100%; height: 100%; object-fit: contain; }

/* Garaż. */
.wct-upanel__carform {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
	gap: 10px;
	align-items: end;
	margin: 0 0 6px;
	padding: 12px;
	border: 1px solid var(--wct-border, #d6dae0);
	border-radius: var(--wct-radius-card, 10px);
	background: var(--wct-surface-alt, #f6f7f9);
}
.wct-upanel__carform label,
.wct-upanel__delete label { display: flex; flex-direction: column; gap: 4px; font-size: var(--wct-font-size-sm, 13px); font-weight: 600; }
.wct-upanel__carform select,
.wct-upanel__carform input,
.wct-upanel__delete input {
	width: 100%;
	padding: 8px 10px;
	border: 1px solid var(--wct-border, #d6dbe3);
	border-radius: var(--wct-radius, 7px);
	background: var(--wct-surface, #fff);
	font-size: var(--wct-font-size, 14px);
	font-weight: 400;
}
.wct-upanel__car { display: grid; gap: 6px; }
.wct-upanel__carres { padding: 4px 4px 8px 16px; border-left: 3px solid var(--wct-accent, #1769ff); }
.wct-upanel__hits li { display: flex; align-items: center; gap: 8px; padding: 4px 0; border-bottom: 1px solid var(--wct-border, #eceff3); }

/* Forum (v0.48.1): każdy wpis = duży biały przycisk z zaokrąglonymi rogami. */
.wct-upanel__forum { gap: 10px; }
.wct-upanel .wct-upanel__forumbtn,
.wct-upanel .wct-upanel__forumbtn:visited {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 14px 18px;
	border: 1px solid var(--wct-border, #d6dae0);
	border-radius: 14px;
	background: #fff;
	color: var(--wct-ink, #1c2530);
	text-decoration: none;
	box-shadow: 0 1px 2px rgba(16, 24, 40, 0.06);
	transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}
.wct-upanel .wct-upanel__forumbtn strong { font-size: 16px; color: var(--wct-accent, #1769ff); }
.wct-upanel .wct-upanel__forumbtn:hover {
	border-color: var(--wct-accent, #1769ff);
	box-shadow: 0 4px 12px rgba(23, 105, 255, 0.12);
	transform: translateY(-1px);
}
.wct-upanel .wct-upanel__forumbtn--small {
	display: inline-flex;
	flex-direction: row;
	padding: 10px 18px;
	font-weight: 600;
	color: var(--wct-accent, #1769ff);
}
.wct-upanel__links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }

/* Konto. */
.wct-upanel__pwnote { margin: 10px 0 18px; }
.wct-upanel__delete {
	margin-top: 22px;
	padding: 12px 14px;
	border: 1px solid #f0c4c4;
	border-radius: var(--wct-radius-card, 10px);
	background: #fffafa;
}
.wct-upanel__delete summary { cursor: pointer; font-weight: 600; color: var(--wct-danger, #b32d2e); }
.wct-upanel__delete[open] { display: grid; gap: 10px; max-width: 480px; }

.wct-upanel--guest { padding: 18px; border: 1px solid var(--wct-border, #d6dae0); border-radius: var(--wct-radius-card, 10px); }

@media (max-width: 640px) {
	.wct-upanel__card,
	.wct-upanel__cmp,
	.wct-upanel__carhead { flex-wrap: wrap; }
	.wct-upanel__cmp .wct-upanel__info,
	.wct-upanel__carhead .wct-upanel__info { flex-basis: 100%; }
	.wct-upanel__bar .wct-upanel__danger { margin-left: 0; }
}