.spartacus-availabilities {
	--availabilities-navy: #041E38;
	--availabilities-fox: #e85518 ;
	--availabilities-black: #111111;
	--availabilities-white: #ffffff;
	--availabilities-danger: #DC3545;
	--availabilities-soldout: #DC3545;
	--availabilities-limited: #FFC107;
	--availabilities-available: #198754;
	color: var(--availabilities-text);
	width: 100%;
	overflow: scroll;
	hyphens: auto;
}

.spartacus-availabilities .availabilities-table {
	position: relative;
	width: auto;
	border-spacing: 0 2px;
	border-collapse: separate;
	background: var(--availabilities-bg);
	margin: 0 auto;
}

.spartacus-availabilities .availabilities-header th {
	padding: 0 1rem 0.75rem;
	font-size: 0.6rem;
	font-weight: 700;
	line-height: 1.1;
	text-align: center;
	vertical-align: bottom;
}

.spartacus-availabilities .availabilities-header .availability-code-heading,
.spartacus-availabilities .availabilities-header .availability-name-heading,
.spartacus-availabilities .availabilities-header .availability-status-heading {
	text-align: left;
	font-size: 0.7rem; line-height: 1;
}


.spartacus-availabilities .availabilities-header .availability-single-heading {
}

.spartacus-availabilities .availability-row {
	border: 2px var(--category-color) solid; border-radius: 0.375rem;
}

.spartacus-availabilities .availability-row:last-child {
	
}

.spartacus-availabilities .availability-row th {
	border-left: 2px var(--category-color) solid;
	border-radius: 0.375rem 0 0 0.375rem;
}

.spartacus-availabilities .availability-row th,
.spartacus-availabilities .availability-row td {
	border-top: 2px var(--category-color) solid;
	border-bottom: 2px var(--category-color) solid;
	padding: 0.25rem 0.5rem;
	vertical-align: middle;
	line-height: 1;
}

.spartacus-availabilities .availability-code {
	width: 3rem;
	background: var(--category-color);
	color: var(--availabilities-black);
	font-size: 1rem;
	font-weight: 700;
	line-height: 1;
	text-align: center;
}

.spartacus-availabilities .availability-name {
	font-size: 1rem;
	line-height: 1;
}

.spartacus-availabilities .availability-special-label {
	display: inline-block;
	margin: 0 0 0.2rem;
	font-weight: 700;
	font-style: italic;
	text-transform: uppercase;
}

.spartacus-availabilities .availability-price,
.spartacus-availabilities .availability-discount-price,
.spartacus-availabilities .availability-single {
	font-size: 1rem;
	line-height: 1;
	text-align: center;
}

.spartacus-availabilities .availability-single.is-special {
	color: var(--availabilities-danger);
}

.spartacus-availabilities .availability-status {
	border-right: 2px var(--category-color) solid;
	border-radius: 0 0.375rem 0.375rem 0;
	text-align: right;
}

.spartacus-availabilities .availability-badge {
	display: inline-block;
	padding: 0.25rem 0.5rem;
	margin-top: 0;
	color: var(--white);
	border-radius: 0.5rem;
	background-color: #960000;
	font-size: 0.75rem;
	font-weight: 700;
	line-height: 1;
	text-align: center;
}

.spartacus-availabilities .availability-badge.is-soldout {
	background: var(--availabilities-soldout);
	color: var(--availabilities-white);
}

.spartacus-availabilities .availability-badge.is-limited {
	background: var(--availabilities-limited);
	color: var(--availabilities-black);
}

.spartacus-availabilities .availability-badge.is-available {
	background: var(--availabilities-available);
	color: var(--availabilities-white);
}

.spartacus-availabilities .availabilities-actions {
	margin-top: 1rem;
	text-align: center;

	--bs-secondary: var(--availabilities-fox);
	--bs-secondary-rgb: 232, 85, 24;
	--bs-secondary-bg-subtle: color-mix(in srgb, var(--availabilities-fox) 22%, var(--availabilities-white) 78%);
}

.availabilities-button {
    --bs-btn-color: var(--availabilities-white) !important;
	--bs-btn-bg: var(--bs-secondary) !important;
	--bs-btn-border-color: var(--bs-secondary) !important;
	--bs-btn-hover-color: var(--availabilities-white);
	--bs-btn-hover-bg: color-mix(in srgb, var(--bs-secondary) 88%, #000 12%);
	--bs-btn-hover-border-color: color-mix(in srgb, var(--bs-secondary) 82%, #000 18%);
	--bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb);
	--bs-btn-active-color: var(--availabilities-white);
	--bs-btn-active-bg: color-mix(in srgb, var(--bs-secondary) 82%, #000 18%);
	--bs-btn-active-border-color: color-mix(in srgb, var(--bs-secondary) 76%, #000 24%);
	--bs-btn-disabled-color: var(--availabilities-white);
	--bs-btn-disabled-bg: var(--bs-secondary);
	--bs-btn-disabled-border-color: var(--bs-secondary);
}

@media (max-width: 680px) {
}