/* =============================================================================
   Fakturownia Store Availability – frontend styles
   ============================================================================= */

/* Wrapper ------------------------------------------------------------------- */
.fsa-wrapper {
	padding: 24px;
}

/* Intro text ---------------------------------------------------------------- */
.fsa-intro {
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	margin: 0 0 18px !important;
	color: #333;
}

/* Size selector ------------------------------------------------------------ */
.fsa-select-label {
	font-size: 10px;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: #888;
	margin: 0 0 12px;
}

.fsa-sizes {
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	gap: 10px;
	margin-bottom: 70px;
}

.fsa-size-btn {
	min-width: 52px;
	padding: 10px 14px;
	border: 1px solid #d0d0d0;
	background: #fff;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: .06em;
	text-transform: uppercase;
	cursor: pointer;
	transition: border-color .15s, background .15s, color .15s;
	color: #333;
	line-height: 1;
}

.fsa-size-btn:hover,
.fsa-size-btn:focus-visible {
	border-color: #333;
	outline: none;
}

.fsa-size-btn.is-active,
.fsa-size-btn[aria-pressed="true"] {
	background: #333;
	border-color: #333;
	color: #fff;
}

/* Check button (simple products) ------------------------------------------- */
.fsa-check-btn {
	display: inline-block;
	padding: 10px 20px;
	border: 1px solid #333;
	background: #fff;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: .08em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background .15s, color .15s;
	color: #333;
	margin-bottom: 24px;
}

.fsa-check-btn:hover {
	background: #333;
	color: #fff;
}

/* Results area ------------------------------------------------------------- */
.fsa-results {
	min-height: 32px;
}

/* Loading ------------------------------------------------------------------ */
.fsa-loading {
	font-size: 10px;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #aaa;
	margin: 0;
}

/* Store list --------------------------------------------------------------- */
.fsa-store-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding-left: 0 !important;
}

.fsa-store {
	font-size: 11px;
	letter-spacing: .07em;
	text-transform: uppercase;
	line-height: 1.6;
	color: #333;
}

/* Status badges ------------------------------------------------------------ */
.fsa-store__status {
	font-size: 10px;
	letter-spacing: .1em;
	color: #888;
	margin-bottom: 2px;
}

.fsa-store__status--available {
	color: #2e7d32;
	font-weight: 600;
}

.fsa-store__status--unavailable {
	color: #b71c1c;
	font-weight: 600;
}

/* Address ------------------------------------------------------------------ */
.fsa-store__address {
	font-weight: 500;
}

/* Quantity ----------------------------------------------------------------- */
.fsa-store__qty {
	font-size: 10px;
	color: #555;
	margin-top: 2px;
}

/* Error -------------------------------------------------------------------- */
.fsa-error {
	font-size: 10px;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #b71c1c;
	margin: 0;
}

/* No data ------------------------------------------------------------------ */
.fsa-none {
	font-size: 10px;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #999;
	margin: 0;
}


/* Responsive --------------------------------------------------------------- */
@media (max-width: 767px) {
	.fsa-wrapper {
		padding: 12px;
	}

	.fsa-size-btn {
		min-width: 43px;
		padding: 8px 10px;
		font-size: 10px;
	}
}