/* F-Tech WAPRO Stock Sync - dostepnosc w magazynach na karcie produktu
 *
 * Karta dziedziczy tokeny motywu sklepu (--hp-*), wiec dopasowuje sie do
 * stylu strony produktu. Fallbacki utrzymuja poprawny wyglad takze wtedy,
 * gdy snippet z tokenami jest wylaczony.
 */

.ftech-fws {
	--fws-accent: var(--hp-accent, #707246);
	--fws-accent-dark: var(--hp-accent-dark, #5a5c38);
	--fws-accent-soft: var(--hp-accent-soft, #eef0e0);
	--fws-ink: var(--hp-ink, #2e2e2e);
	--fws-muted: var(--hp-muted, #5c5c5c);
	--fws-border: var(--hp-border, #d6d6c2);
	--fws-bg-soft: var(--hp-bg-soft, #f7f7f3);
	--fws-ok: var(--hp-ok, #1e7a3b);
	--fws-low: #a8630f;
	--fws-none: #9a9a90;
	--fws-ease: var(--hp-ease, cubic-bezier(0.4, 0, 0.2, 1));
	--fws-display: 'Oswald', 'Segoe UI', sans-serif;

	margin: 1.25rem 0 0;
	padding: 0;
	background: #ffffff;
	border: 1px solid var(--fws-border);
	border-radius: 0;
	color: var(--fws-ink);
	font-size: 0.9375rem;
	line-height: 1.6;
}

.ftech-fws *,
.ftech-fws *::before,
.ftech-fws *::after {
	box-sizing: border-box;
}

/* Naglowek: pasek w kolorze akcentu, spojny z karta Specyfikacja */
.ftech-fws__title {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin: 0;
	padding: 0.8125rem 1.125rem;
	background: var(--fws-accent);
	color: #ffffff;
	font-family: var(--fws-display);
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	line-height: 1.4;
}

.ftech-fws__title::before {
	content: '';
	flex: 0 0 auto;
	width: 15px;
	height: 15px;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='square'%3E%3Cpath d='M3 9l1.5-5h15L21 9'/%3E%3Cpath d='M4 9v11h16V9'/%3E%3Cpath d='M9 20v-6h6v6'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='square'%3E%3Cpath d='M3 9l1.5-5h15L21 9'/%3E%3Cpath d='M4 9v11h16V9'/%3E%3Cpath d='M9 20v-6h6v6'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* Tabela */
.ftech-fws__table {
	width: 100%;
	margin: 0;
	border: none;
	border-collapse: collapse;
	background: transparent;
}

.ftech-fws__table tbody,
.ftech-fws__table tr {
	border: none;
	background: transparent;
}

.ftech-fws__name,
.ftech-fws__value {
	border: none;
	border-bottom: 1px solid var(--fws-border);
	padding: 0.6875rem 1.125rem;
	background: transparent;
	vertical-align: middle;
	font-size: 0.875rem;
	line-height: 1.45;
}

.ftech-fws__row:nth-child(even) .ftech-fws__name,
.ftech-fws__row:nth-child(even) .ftech-fws__value {
	background: var(--fws-bg-soft);
}

.ftech-fws__row:last-child .ftech-fws__name,
.ftech-fws__row:last-child .ftech-fws__value {
	border-bottom: none;
}

.ftech-fws__name {
	text-align: left;
	font-weight: 400;
}

.ftech-fws__label {
	display: block;
	font-family: var(--fws-display);
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--fws-ink);
	line-height: 1.35;
}

.ftech-fws__location {
	display: block;
	margin-top: 0.125rem;
	font-size: 0.75rem;
	font-weight: 400;
	line-height: 1.45;
	color: var(--fws-muted);
	letter-spacing: 0;
	text-transform: none;
}

.ftech-fws__value {
	text-align: right;
	white-space: nowrap;
}

/* Wskaznik: kwadrat zamiast kropki, zgodnie z ostra geometria strony */
.ftech-fws__dot {
	display: inline-block;
	width: 7px;
	height: 7px;
	margin-right: 0.4375rem;
	vertical-align: middle;
	background: var(--fws-none);
}

.ftech-fws__row--ok .ftech-fws__dot { background: var(--fws-ok); }
.ftech-fws__row--low .ftech-fws__dot { background: var(--fws-low); }

.ftech-fws__qty {
	font-family: var(--fws-display);
	font-size: 0.875rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	color: var(--fws-ink);
	font-variant-numeric: tabular-nums;
}

.ftech-fws__row--ok .ftech-fws__qty { color: var(--fws-ok); }
.ftech-fws__row--low .ftech-fws__qty { color: var(--fws-low); }

.ftech-fws__qty--none {
	color: var(--fws-none);
	font-weight: 400;
	text-transform: lowercase;
}

/* Komunikat, gdy nigdzie nie ma towaru */
.ftech-fws__note {
	margin: 0;
	padding: 0.75rem 1.125rem;
	border-top: 1px solid var(--fws-border);
	background: var(--fws-bg-soft);
	font-size: 0.8125rem;
	line-height: 1.55;
	color: var(--fws-muted);
}

.ftech-fws__updated {
	margin: 0;
	padding: 0.625rem 1.125rem;
	border-top: 1px solid var(--fws-border);
	font-size: 0.75rem;
	line-height: 1.45;
	color: var(--fws-muted);
}

@media (max-width: 480px) {
	.ftech-fws__title { padding: 0.75rem 1rem; }

	.ftech-fws__name,
	.ftech-fws__value {
		padding: 0.625rem 1rem;
		font-size: 0.8125rem;
	}
}