/* HB Újrarendelés – vevői fiók */

.hb-ur-box { margin: 0 0 28px; }
.hb-ur-box h2 { margin: 0 0 6px; font-size: 1.15em; }
.hb-ur-sub { margin: 0 0 14px; opacity: .75; font-size: .92em; }

.hb-ur-filters {
	display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-end;
	padding: 14px; margin: 0 0 16px;
	background: rgba(0,0,0,.03); border-radius: 8px;
}
.hb-ur-f { display: flex; flex-direction: column; gap: 4px; font-size: .86em; }
.hb-ur-f span { opacity: .7; }
.hb-ur-f input, .hb-ur-f select { min-width: 190px; }
.hb-ur-clear { align-self: center; font-size: .86em; }
.hb-ur-count { margin: 0 0 10px; font-size: .92em; opacity: .8; }

.hb-ur-table { width: 100%; border-collapse: collapse; }
.hb-ur-table th, .hb-ur-table td {
	padding: 10px 8px; border-bottom: 1px solid rgba(0,0,0,.08);
	vertical-align: middle; text-align: left;
}
.hb-ur-table thead th { font-size: .8em; text-transform: uppercase; letter-spacing: .04em; opacity: .6; }
.hb-ur-th-img { width: 64px; }
.hb-ur-th-act { width: 190px; }

.hb-ur-img { width: 64px; }
.hb-ur-img img { width: 56px; height: 56px; object-fit: contain; display: block; border-radius: 4px; }

.hb-ur-name a { font-weight: 600; text-decoration: none; }
.hb-ur-sku, .hb-ur-times, .hb-ur-lastqty { display: block; font-size: .8em; opacity: .6; margin-top: 2px; }
.hb-ur-price { white-space: nowrap; }
.hb-ur-last { white-space: nowrap; font-size: .92em; }

.hb-ur-form { display: flex; gap: 6px; align-items: center; margin: 0; }
.hb-ur-qty { width: 70px; padding: 6px; text-align: center; }
.hb-ur-add { white-space: nowrap; }
.hb-ur-na { font-size: .85em; opacity: .65; }

.hb-ur-empty {
	padding: 28px; text-align: center;
	background: rgba(0,0,0,.03); border-radius: 8px;
}
.hb-ur-empty p { margin: 0 0 10px; }

@media (max-width: 720px) {
	.hb-ur-table thead { display: none; }
	.hb-ur-table tr {
		display: grid; grid-template-columns: 64px 1fr;
		gap: 4px 12px; padding: 12px 0; border-bottom: 1px solid rgba(0,0,0,.08);
	}
	.hb-ur-table td { border: 0; padding: 2px 0; }
	.hb-ur-img { grid-row: span 4; }
	.hb-ur-th-act, .hb-ur-qty-cell { width: auto; }
	.hb-ur-filters { flex-direction: column; align-items: stretch; }
	.hb-ur-f input, .hb-ur-f select { min-width: 0; width: 100%; }
}