/**
 * Csomagnet — pénztári megjelenés.
 *
 * A témák és a blokk-pénztár saját kép-szabályai (pl. img { width:100% }) felülírnák
 * a méreteket, ezért a logónál !important-ot használunk — szűken, csak erre az egy
 * osztályra. A fix szélességű logó-doboz miatt a feliratok szép oszlopba rendeződnek.
 */

.csomagnet-logo {
	display: inline-block !important;
	width: 58px !important;
	height: 24px !important;
	min-width: 58px !important;
	max-width: 58px !important;
	margin: 0 12px 0 0 !important;
	padding: 0 !important;
	object-fit: contain;
	object-position: left center;
	vertical-align: middle;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	background: none !important;
	flex: 0 0 auto;
}

/* A felirat és a logó egy sorban, függőlegesen középre igazítva. */
.wc-block-components-radio-control__label:has(.csomagnet-logo),
.csomagnet-rate-label {
	display: flex;
	align-items: center;
	gap: 0;
}

/* --- csomagpont-választó --- */

.csomagnet-picker {
	margin: 10px 0 6px;
	padding: 12px 14px;
	background: #f8f8f9;
	border: 1px solid #e3e3e6;
	border-radius: 8px;
	font-size: 14px;
	line-height: 1.5;
}

.csomagnet-picker label {
	display: block;
	font-weight: 600;
	margin: 0 0 6px;
	font-size: 14px;
}

.csomagnet-picker__input {
	width: 100%;
	box-sizing: border-box;
	padding: 9px 12px;
	border: 1px solid #c7c7cc;
	border-radius: 6px;
	font-size: 14px;
	background: #fff;
}

.csomagnet-picker__input:focus {
	outline: 2px solid #de3840;
	outline-offset: 1px;
	border-color: #de3840;
}

.csomagnet-picker__results {
	list-style: none;
	margin: 8px 0 0;
	padding: 0;
	max-height: 260px;
	overflow-y: auto;
	background: #fff;
	border: 1px solid #e3e3e6;
	border-radius: 6px;
}

.csomagnet-picker__results:empty {
	display: none;
}

.csomagnet-picker__results li + li {
	border-top: 1px solid #f0f0f2;
}

.csomagnet-picker__results a {
	display: block;
	padding: 10px 12px;
	text-decoration: none;
	color: inherit;
}

.csomagnet-picker__results a:hover,
.csomagnet-picker__results a:focus {
	background: #fdf2f3;
}

.csomagnet-picker__results strong {
	display: block;
	font-weight: 600;
	margin-bottom: 2px;
}

.csomagnet-picker__results span {
	color: #6b6b70;
	font-size: 13px;
}

.csomagnet-picker__info {
	padding: 10px 12px;
	color: #6b6b70;
}

.csomagnet-picker__chosen {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 6px;
	padding: 2px 0;
}

.csomagnet-picker__chosen-name {
	font-weight: 600;
}

.csomagnet-picker__change {
	font-size: 13px;
	text-decoration: underline;
}

/* A pont címe külön sorba, a név alá — üresen nem foglal helyet. */
.csomagnet-picker__chosen-address {
	flex-basis: 100%;
	font-size: 13px;
	color: #6b6b70;
}

.csomagnet-picker__chosen-address:empty {
	display: none;
}

/* Átvevőpont a visszaigazoló oldal és a levelek összesítőjében. */
.woocommerce-table--order-details tfoot .csomagnet-point-row td,
.wc-block-order-confirmation-totals__total small {
	font-weight: 400;
}

@media (max-width: 600px) {
	.csomagnet-logo {
		width: 46px !important;
		min-width: 46px !important;
		max-width: 46px !important;
		height: 20px !important;
		margin-right: 8px !important;
	}
}

/* --- lista / térkép váltó --- */

.csomagnet-picker__tabs {
	display: inline-flex;
	margin: 0 0 8px;
	border: 1px solid #d5d5d9;
	border-radius: 6px;
	overflow: hidden;
	background: #fff;
}

.csomagnet-tab {
	appearance: none;
	border: 0;
	background: #fff;
	color: #4f4f4f;
	font-size: 13px;
	font-weight: 600;
	padding: 7px 16px;
	cursor: pointer;
	line-height: 1.2;
}

.csomagnet-tab + .csomagnet-tab {
	border-left: 1px solid #d5d5d9;
}

.csomagnet-tab.is-active {
	background: #de3840;
	color: #fff;
}

.csomagnet-picker__map {
	height: 320px;
	margin-top: 8px;
	border: 1px solid #e3e3e6;
	border-radius: 6px;
	overflow: hidden;
	background: #f2f2f4;
}

.csomagnet-picker__map .leaflet-popup-content {
	margin: 10px 12px;
	font-size: 13px;
	line-height: 1.45;
}

.csomagnet-map-select {
	margin-top: 8px;
	appearance: none;
	border: 0;
	border-radius: 5px;
	background: #de3840;
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	padding: 7px 14px;
	cursor: pointer;
}

.csomagnet-map-select:hover {
	background: #c22730;
}