/**
 * Tenders page widgets (stitch _3).
 */

/* Sidebar tenders list (home default layout) */
.obc-tenders-widget {
	padding: var(--space-lg);
}

.obc-tenders-widget__list > * + * {
	margin-top: var(--space-md);
}

.obc-tenders-widget__item {
	display: block;
	padding: var(--space-md);
	border-radius: var(--radius-lg);
	border: 1px solid transparent;
	border-inline-start-width: 4px;
	border-inline-start-style: solid;
	background-color: var(--color-surface-container);
	color: inherit;
	text-decoration: none;
	box-sizing: border-box;
	transition:
		border-color var(--transition-fast),
		box-shadow var(--transition-normal),
		background-color var(--transition-fast);
}

.obc-tenders-widget__item:hover,
.obc-tenders-widget__item:focus-visible {
	border-color: var(--color-outline-variant);
	box-shadow: var(--elevation-hover);
	outline: none;
}

.obc-tenders-widget__item--active {
	border-inline-start-color: var(--color-primary);
}

.obc-tenders-widget__item--active:hover,
.obc-tenders-widget__item--active:focus-visible {
	border-color: var(--color-primary);
	border-inline-start-color: var(--color-primary);
}

.obc-tenders-widget__item--upcoming {
	border-inline-start-color: var(--color-secondary);
}

.obc-tenders-widget__item--upcoming:hover,
.obc-tenders-widget__item--upcoming:focus-visible {
	border-color: var(--color-secondary);
	border-inline-start-color: var(--color-secondary);
}

.obc-tenders-widget__item--closed {
	background-color: var(--color-surface-container-low);
	border-inline-start-color: var(--color-outline-variant);
}

.obc-tenders-widget__item--closed:hover,
.obc-tenders-widget__item--closed:focus-visible {
	border-color: var(--color-outline-variant);
	border-inline-start-color: var(--color-outline);
}

.obc-tenders-widget__badge--active {
	background-color: color-mix(in srgb, var(--color-primary) 10%, transparent);
	color: var(--color-primary);
}

.obc-tenders-widget__badge--closed {
	background-color: color-mix(in srgb, var(--color-on-surface-variant) 10%, transparent);
	color: var(--color-on-surface-variant);
}

.obc-tenders-widget__badge--upcoming {
	background-color: color-mix(in srgb, var(--color-secondary) 10%, transparent);
	color: var(--color-secondary);
}

.obc-tenders-widget__item-link {
	color: inherit;
	text-decoration: none;
	transition: color var(--transition-fast);
}

.obc-tenders-widget__item:hover .obc-tenders-widget__item-title,
.obc-tenders-widget__item:focus-visible .obc-tenders-widget__item-title {
	color: var(--color-primary);
}

.obc-tenders-widget__item--closed:hover .obc-tenders-widget__item-title,
.obc-tenders-widget__item--closed:focus-visible .obc-tenders-widget__item-title {
	color: var(--color-on-surface);
}

.obc-tenders-wrap {
	max-width: var(--container-max);
	margin-inline: auto;
	padding-inline: var(--margin-mobile);
}

@media (min-width: 768px) {
	.obc-tenders-wrap {
		padding-inline: var(--margin-desktop);
	}
}

.obc-tenders-hero {
	padding-top: var(--space-xl);
}

/* Tenders Hero h1 to match news size */
.obc-tenders-hero h1 {
	font-size: 2.75rem !important;
	line-height: 1.2;
}

.tenders-toolbar {
	background-color: var(--color-surface-container-lowest);
}

.tenders-toolbar select {
	background-color: var(--color-surface);
	color: var(--color-on-surface);
	border-color: var(--color-outline);
	appearance: auto;
}

.rtl-flip {
	transform: scaleX(-1);
}

.max-w-4xl {
	max-width: 56rem;
}

.bg-error\/10 {
	background-color: color-mix(in srgb, var(--color-error) 10%, transparent);
}

.text-error {
	color: var(--color-error);
}

.text-white {
	color: var(--color-on-primary);
}

.bg-white {
	background-color: var(--color-surface-container-lowest);
}

.bg-black\/50 {
	background-color: color-mix(in srgb, #000 50%, transparent);
}

.grayscale-\[0\.2\] {
	filter: grayscale(0.2);
}

.from-on-background\/90 {
	background-image: linear-gradient(
		to top,
		color-mix(in srgb, var(--color-on-background) 90%, transparent),
		transparent
	);
}

.text-surface-variant\/90 {
	color: color-mix(in srgb, var(--color-surface-variant) 90%, transparent);
}

.h-64 {
	height: 256px;
}

.h-80 {
	height: 320px;
}

.top-28 {
	top: 7rem;
}

.lg\:col-span-3 {
	grid-column: span 1;
}

.lg\:col-span-9 {
	grid-column: span 1;
}

.lg\:grid-cols-12 {
	display: grid;
	grid-template-columns: 1fr;
}

@media (min-width: 1024px) {
	.lg\:grid-cols-12 {
		grid-template-columns: repeat(12, minmax(0, 1fr));
	}

	.lg\:col-span-3 {
		grid-column: span 3 / span 3;
	}

	.lg\:col-span-9 {
		grid-column: span 9 / span 9;
	}
}

.col-span-2 {
	grid-column: span 2 / span 2;
}

.text-xs {
	font-size: 0.75rem;
}

.text-8xl {
	font-size: 6rem;
}

.text-3xl {
	font-size: 1.875rem;
}

.text-xl {
	font-size: 1.25rem;
}

.-bottom-4 {
	bottom: calc(var(--space-md) * -1);
}

.-left-4 {
	left: calc(var(--space-md) * -1);
}

.mr-auto {
	margin-right: auto;
}

.rounded-2xl {
	border-radius: var(--radius-2xl);
}

.border-r-4 {
	border-inline-start-width: 4px;
	border-inline-start-style: solid;
}

.border-l {
	border-left-width: 1px;
	border-left-style: solid;
}

.z-\[55\] {
	z-index: 55;
}

.z-\[60\] {
	z-index: 60;
}

.opacity-10 {
	opacity: 0.1;
}

.opacity-80 {
	opacity: 0.8;
}

.opacity-100 {
	opacity: 1;
}

.cursor-not-allowed {
	cursor: not-allowed;
}

.cursor-pointer {
	cursor: pointer;
}

.scale-95 {
	transform: scale(0.95);
}

.active\:scale-\[0\.98\]:active {
	transform: scale(0.98);
}

.hover\:opacity-90:hover {
	opacity: 0.9;
}

.hover\:bg-primary:hover {
	background-color: var(--color-primary);
}

.hover\:bg-surface-container-high:hover {
	background-color: var(--color-surface-container-high);
}

.focus\:border-transparent:focus {
	border-color: transparent;
}

.focus\:ring-0:focus {
	box-shadow: none;
}

.w-5 {
	width: 20px;
}

.h-5 {
	height: 20px;
}

.h-1 {
	height: var(--space-xs);
}

.w-24 {
	width: 96px;
}

.h-16 {
	height: var(--space-3xl);
}

.w-16 {
	width: var(--space-3xl);
}

.block {
	display: block;
}

.list-none {
	list-style: none;
	padding: 0;
	margin: 0;
}