/* =========================================================
   PNW – CENNIKI NA KARTACH PRODUKTÓW
   ========================================================= */


/* =========================================================
   WSPÓLNE
   ========================================================= */

.pnw-tier {
	width: 100%;
	margin-top: 14px;

	font-size: 13px;

	box-sizing: border-box;
}


.pnw-tier-title,
.pnw-tier-compact-label {
	margin-bottom: 7px;

	color: #69726c;

	font-size: 11px;
	font-weight: 700;

	letter-spacing: .04em;
	text-transform: uppercase;
}


/* =========================================================
   PEŁNY CENNIK – DESKTOP
   ========================================================= */

.pnw-tier-table {
	width: 100%;

	border-top: 1px solid #e7ebe8;
}


.pnw-tier-row {
	display: flex;

	align-items: center;
	justify-content: space-between;

	gap: 16px;

	min-height: 34px;

	padding: 7px 2px;

	border-bottom: 1px solid #edf0ee;

	box-sizing: border-box;
}


.pnw-tier-row:last-child {
	border-bottom: 0;
}


.pnw-tier-row span {
	color: #666f69;

	font-size: 12px;
	font-weight: 500;
}


.pnw-tier-row strong {
	color: #202622;

	font-size: 12px;
	font-weight: 700;

	white-space: nowrap;
}


.pnw-tier-row .woocommerce-Price-amount,
.pnw-tier-row .woocommerce-Price-currencySymbol,
.pnw-tier-row bdi {
	color: inherit !important;

	font-size: inherit !important;
	font-weight: inherit !important;
}


/* najlepsza cena */

.pnw-tier-row:last-child strong {
	color: #188638;
}


/* =========================================================
   MOBILE
   ========================================================= */

.pnw-tier-mobile {
	display: none;
}


.pnw-tier-mobile-best {
	margin: 8px 0 10px;

	color: #68716b;

	font-size: 12px;
	line-height: 1.4;
}


.pnw-tier-mobile-best > span {
	display: block;

	margin-bottom: 3px;
}


.pnw-tier-mobile-best > strong {
	color: #168335;

	font-size: 16px;
	font-weight: 700;
}


.pnw-tier-per-piece {
	font-size: 11px;
	font-weight: 500;
}


.pnw-tier-details {
	width: 100%;

	border-top: 1px solid #e5eae7;
	border-bottom: 1px solid #e5eae7;
}


.pnw-tier-details summary {
	position: relative;

	padding: 11px 24px 11px 0;

	color: #252b27;

	font-size: 13px;
	font-weight: 600;

	cursor: pointer;

	list-style: none;
}


.pnw-tier-details summary::-webkit-details-marker {
	display: none;
}


.pnw-tier-details summary::after {
	content: '+';

	position: absolute;

	top: 50%;
	right: 2px;

	transform: translateY(-50%);

	color: #188638;

	font-size: 19px;
	font-weight: 400;
}


.pnw-tier-details[open] summary::after {
	content: '−';
}


.pnw-tier-details .pnw-tier-table {
	margin-bottom: 7px;
}


/* =========================================================
   KOMPAKTOWY CENNIK
   HOMEPAGE / POLECANE / KARUZELA
   ========================================================= */

.pnw-tier--compact {
	margin-top: 10px;
}


.pnw-tier-compact-row {
	display: flex;

	align-items: center;
	justify-content: space-between;

	gap: 12px;

	padding: 4px 0;
}


.pnw-tier-compact-row span {
	color: #717973;

	font-size: 11px;
}


.pnw-tier-compact-row strong {
	color: #282e2a;

	font-size: 12px;
	font-weight: 700;

	white-space: nowrap;
}


.pnw-tier-compact-row.pnw-tier-best strong {
	color: #188638;
}


.pnw-tier-compact-note {
	margin-top: 5px;

	color: #909791;

	font-size: 10px;
}


/* =========================================================
   BUTTONY
   ========================================================= */

.pnw-loop-actions {
	display: flex;

	align-items: stretch;

	gap: 8px;

	width: 100%;

	margin-top: 15px;
}


.pnw-loop-button {
	display: flex !important;

	align-items: center;
	justify-content: center;

	flex: 1 1 0;

	min-height: 42px;

	margin: 0 !important;
	padding: 9px 12px !important;

	border-radius: 6px !important;

	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;

	text-align: center;

	text-decoration: none !important;

	box-shadow: none !important;

	transition:
		background-color .2s ease,
		color .2s ease,
		border-color .2s ease;
}


.pnw-loop-button-primary {
	border: 1px solid #24a444 !important;

	background: #24a444 !important;

	color: #fff !important;
}


.pnw-loop-button-primary:hover {
	border-color: #188638 !important;

	background: #188638 !important;

	color: #fff !important;
}


.pnw-loop-button-secondary {
	border: 1px solid #dce3de !important;

	background: #fff !important;

	color: #313833 !important;
}


.pnw-loop-button-secondary:hover {
	border-color: #24a444 !important;

	background: #f5faf6 !important;

	color: #188638 !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

	/* pełnej tabeli nie pokazujemy automatycznie */

	.pnw-tier--archive .pnw-tier-desktop {
		display: none;
	}


	.pnw-tier--archive .pnw-tier-mobile {
		display: block;
	}


	.pnw-loop-actions {
		flex-direction: column;
	}


	.pnw-loop-button {
		width: 100%;
	}


	.pnw-tier {
		margin-top: 10px;
	}

}

/* =========================================================
   PNW – CENA "OD"
   POLECANE / KARUZELE / COMPACT
   BRUTTO + NETTO
   ========================================================= */

.pnw-tier--from {
	width: 100%;
	min-width: 0;

	margin-top: 7px;
}


/* =========================================================
   WSPÓLNY UKŁAD BRUTTO + NETTO
   ========================================================= */

.pnw-tier-from-main,
.pnw-tier-from-net {
	display: flex;
	align-items: baseline;

	width: 100%;
	min-width: 0;

	gap: 4px;

	line-height: 1.2;
}


/* "od" ma zawsze tę samą szerokość,
   dzięki czemu obie ceny zaczynają się równo */
.pnw-tier-from-prefix,
.pnw-tier-from-net-prefix {
	display: inline-block;

	flex: 0 0 15px;
	width: 15px;

	color: #667069;

	font-weight: 400;
}


/* =========================================================
   BRUTTO
   ========================================================= */

.pnw-tier-from-prefix {
	font-size: 11px;
}

.pnw-tier-from-price {
	flex: 0 0 auto;

	color: #171A18;

	font-size: 14px;
	font-weight: 700;

	white-space: nowrap;
}

.pnw-tier-from-price .woocommerce-Price-amount {
	color: inherit !important;

	font-size: inherit !important;
	font-weight: inherit !important;
}

.pnw-tier-from-suffix {
	flex: 0 0 auto;

	color: #667069;

	font-size: 9.5px;
	font-weight: 400;

	white-space: nowrap;
}


/* =========================================================
   NETTO
   ========================================================= */

.pnw-tier-from-net {
	margin-top: 3px;

	color: #5f6762;

	font-size: 10.5px;
	font-weight: 400;
}

.pnw-tier-from-net-price {
	flex: 0 0 auto;

	color: #4f5752;

	font-size: 10.5px;
	font-weight: 400;

	white-space: nowrap;
}

.pnw-tier-from-net-price .woocommerce-Price-amount {
	color: inherit !important;

	font-size: inherit !important;
	font-weight: inherit !important;
}

.pnw-tier-from-net > span:last-child {
	flex: 0 0 auto;

	color: #667069;

	font-size: 9.5px;
	font-weight: 400;

	white-space: nowrap;
}