/**
 * Tenders page (stitch _11) — archive + single PHP templates.
 */

@media (min-width: 768px) {
	.md\:w-2\/3 {
		width: 66.666667%;
	}

	.md\:w-1\/3 {
		width: 33.333333%;
	}

	.md\:w-48 {
		width: 12rem;
	}
}

@media (min-width: 1024px) {
	.lg\:flex-row-reverse {
		flex-direction: row-reverse;
	}

	/* Tenders archive 30/70 split: the filter sidebar holds checkboxes,
	   labels, a select, and a full-width submit button — at 25% (the old
	   lg:w-1/4) it felt cramped. 30% gives it breathing room closer to the
	   blog sidebar (33%), while the results column keeps 70% — enough for
	   the horizontal tender cards (image + 4-col metadata grid). */
	.lg\:w-tenders-sidebar {
		width: 30%;
	}

	.lg\:w-tenders-results {
		width: 70%;
	}

	.lg\:grid-cols-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.obc-tenders-sidebar {
		position: sticky;
		top: 5.5rem;
		align-self: start;
	}
}

.text-surface-container-lowest {
	color: var(--color-surface-container-lowest);
}

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

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

.text-on-tertiary-fixed-variant {
	color: var(--color-on-tertiary-fixed-variant);
}

.bg-secondary-fixed {
	background-color: var(--color-secondary-fixed);
}

.bg-tertiary-fixed {
	background-color: var(--color-tertiary-fixed);
}

.border-primary-fixed {
	border-color: var(--color-primary-fixed);
}

.border-b-2 {
	border-bottom-width: 2px;
	border-bottom-style: solid;
}

.bg-\[\#0c0305\] {
	background-color: #0c0305;
}

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

.border-secondary-container\/50 {
	border-color: color-mix(in srgb, var(--color-secondary-container) 50%, transparent);
}

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

.border-tertiary-fixed\/50 {
	border-color: color-mix(in srgb, var(--color-tertiary-fixed) 50%, transparent);
}

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

.border-primary-fixed\/50 {
	border-color: color-mix(in srgb, var(--color-primary-fixed) 50%, transparent);
}

.border-outline-variant\/10 {
	border-color: color-mix(in srgb, var(--color-outline-variant) 10%, transparent);
}

.border-outline-variant\/20 {
	border-color: color-mix(in srgb, var(--color-outline-variant) 20%, transparent);
}

.border-outline-variant\/30 {
	border-color: color-mix(in srgb, var(--color-outline-variant) 30%, transparent);
}

.border-primary\/20 {
	border-color: color-mix(in srgb, var(--color-primary) 20%, transparent);
}

.ring-primary\/20 {
	box-shadow: 0 0 0 4px color-mix(in srgb, var(--color-primary) 20%, transparent);
}

.hover\:bg-surface-variant\/30:hover {
	background-color: color-mix(in srgb, var(--color-surface-variant) 30%, transparent);
}

.hover\:text-primary-fixed:hover {
	color: var(--color-primary-fixed);
}

.hover\:translate-x-\[-4px\]:hover {
	transform: translateX(-4px);
}

.hover\:bg-black:hover {
	background-color: #000000;
}

.-translate-y-1\/2 {
	transform: translateY(-50%);
}

.-right-\[25px\] {
	right: -25px;
}

.top-1\/2 {
	top: 50%;
}

.text-\[18px\] {
	font-size: 18px;
}

.w-4 {
	width: var(--space-md);
}

.h-4 {
	height: var(--space-md);
}

.w-5 {
	width: 1.25rem;
}

.h-5 {
	height: 1.25rem;
}

.w-10 {
	width: 2.5rem;
}

.h-10 {
	height: 2.5rem;
}

.h-32 {
	height: 8rem;
}

.h-56 {
	height: 14rem;
}

.h-20 {
	height: 5rem;
}

.h-72 {
	height: 18rem;
}

.shrink-0 {
	flex-shrink: 0;
}

.flex-grow {
	flex-grow: 1;
}

.grayscale {
	filter: grayscale(1);
}

.group:hover .group-hover\:grayscale-0 {
	filter: grayscale(0);
}

.duration-300 {
	transition-duration: 300ms;
}

.duration-500 {
	transition-duration: 500ms;
}

.transition-all {
	transition: all var(--transition-normal);
}

.transition-colors {
	transition: color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast);
}

.transition-transform {
	transition: transform var(--transition-fast);
}

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

.active\:scale-90:active {
	transform: scale(0.9);
}

.opacity-70 {
	opacity: 0.7;
}

.opacity-80 {
	opacity: 0.8;
}

.opacity-50 {
	opacity: 0.5;
}

.leading-relaxed {
	line-height: 1.625;
}

.antialiased {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Hero heading + intro paragraph.
   The .text-display-lg utility (3rem) is meant for marketing heroes; on
   archive pages it overshouts the content below. Scope a smaller,
   proportional size here so the heading reads like a page title. */
.obc-tenders-hero {
	padding-top: var(--space-xl);
	margin-bottom: var(--space-lg);
}

.obc-tenders-hero h1 {
	font-size: 2rem;
	line-height: 1.2;
}

.obc-tenders-hero p {
	font-size: 1rem;
	line-height: 1.6;
}

@media ( max-width: 767px ) {
	.obc-tenders-hero h1 {
		font-size: 1.625rem;
		line-height: 1.3;
	}
}

@media ( min-width: 768px ) and ( max-width: 1023px ) {
	.obc-tenders-hero h1 {
		font-size: 1.875rem;
		line-height: 1.25;
	}
}

.obc-tenders-hero__search {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	width: 100%;
	border: 1px solid var(--color-outline-variant);
	border-radius: var(--radius-xl);
	overflow: hidden;
	background-color: var(--color-surface-container-lowest);
	transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}

.obc-tenders-hero__search:focus-within {
	border-color: var(--color-primary);
	box-shadow: 0 0 0 1px var(--color-primary);
}

.obc-tenders-hero__search-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 3.5rem;
	padding: 0;
	border: none;
	background-color: var(--color-primary);
	color: var(--color-on-primary);
	cursor: pointer;
	transition: background-color var(--transition-fast);
}

.obc-tenders-hero__search-btn:hover,
.obc-tenders-hero__search-btn:focus-visible {
	background-color: var(--color-secondary);
}

.obc-tenders-hero__search-btn .material-symbols-outlined {
	font-size: 1.5rem;
	line-height: 1;
}

.obc-tenders-hero__search-input {
	flex: 1;
	min-width: 0;
	border: none;
	border-radius: 0;
	outline: none;
	padding-inline: var(--space-md);
	box-sizing: border-box;
	color: var(--color-on-surface);
	background-color: transparent;
}

.obc-tenders-hero__search-input::placeholder {
	color: var(--color-on-surface-variant);
}

.obc-tender-card__header {
	margin-bottom: var(--space-md);
}

.obc-tenders-layout {
	margin-top: var(--space-lg);
}

.obc-tenders-stat {
	background-color: var(--color-surface-container-lowest);
	box-shadow: var(--elevation-card);
	border-inline-start-width: 3px;
	border-inline-start-style: solid;
	display: flex;
	flex-direction: column;
	gap: var(--space-md);
}

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

.obc-tenders-stat--secondary .obc-tenders-stat__icon,
.obc-tenders-stat--secondary .obc-tenders-stat__value {
	color: var(--color-secondary);
}

.obc-tenders-stat--secondary .obc-tenders-stat__icon {
	background-color: var(--color-secondary-container);
}

.obc-tenders-stat--tertiary {
	border-inline-start-color: var(--color-tertiary);
}

.obc-tenders-stat--tertiary .obc-tenders-stat__icon,
.obc-tenders-stat--tertiary .obc-tenders-stat__value {
	color: var(--color-tertiary);
}

.obc-tenders-stat--tertiary .obc-tenders-stat__icon {
	background-color: var(--color-tertiary-container);
}

.obc-tenders-stat--opening {
	border-inline-start-color: var(--color-outline);
}

.obc-tenders-stat--opening .obc-tenders-stat__icon,
.obc-tenders-stat--opening .obc-tenders-stat__value {
	color: var(--color-on-surface);
}

.obc-tenders-stat--opening .obc-tenders-stat__icon {
	background-color: var(--color-surface-container-high);
}

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

.obc-tenders-stat--completed .obc-tenders-stat__icon,
.obc-tenders-stat--completed .obc-tenders-stat__value {
	color: var(--color-primary);
}

.obc-tenders-stat--completed .obc-tenders-stat__icon {
	background-color: var(--color-primary-container);
}

.obc-tenders-stat__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	font-size: 1.5rem;
	line-height: 1;
	border-radius: var(--radius-md);
}

.obc-tenders-stat__body {
	display: flex;
	align-items: baseline;
	gap: var(--space-sm);
	flex-wrap: wrap;
}

.obc-tenders-stat__value {
	font-family: var(--font-display);
	font-size: 1.75rem;
	line-height: 1.1;
	font-weight: 700;
}

.obc-tenders-stat__label {
	font-family: var(--font-label);
	font-size: 0.8125rem;
	line-height: 1.4;
	color: var(--color-on-surface-variant);
}

.obc-tender-card__image {
	filter: saturate(0.85);
	transition: filter var(--transition-normal);
}

.tender-card-hover:hover .obc-tender-card__image {
	filter: saturate(1);
}

.obc-tenders-results__toolbar {
	background-color: var(--color-surface-container-low);
}

.tender-card-hover {
	transition: border-color var(--transition-normal), background-color var(--transition-normal), box-shadow var(--transition-normal);
}

.tender-card-hover:hover {
	border-color: var(--color-primary);
	background-color: #ffffff;
	box-shadow: 0 10px 30px -10px rgba(60, 93, 23, 0.08);
}

.obc-tenders-nav .text-surface-container-lowest,
.obc-tenders-nav a.text-surface-container-lowest {
	color: var(--color-surface-container-lowest);
}

.obc-tenders-nav a.text-primary-fixed {
	color: var(--color-primary-fixed);
}

.obc-tenders-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.5rem;
	height: 2.5rem;
	padding-inline: var(--space-sm);
	border-radius: var(--radius-lg);
	border: 1px solid var(--color-outline-variant);
	color: var(--color-on-surface);
	text-decoration: none;
	font-family: var(--font-label);
	font-size: 0.875rem;
	transition: background-color var(--transition-fast);
}

.obc-tenders-pagination .page-numbers.current {
	background-color: var(--color-primary);
	border-color: var(--color-primary);
	color: var(--color-on-primary);
}

.obc-tenders-pagination .page-numbers:hover:not(.current) {
	background-color: var(--color-surface-variant);
}

.obc-tenders-page input[type='checkbox'],
.obc-tenders-page input[type='radio'] {
	accent-color: var(--color-primary);
}

.obc-tenders-page select,
.obc-tenders-page input[type='search'] {
	color: var(--color-on-surface);
}

.obc-tenders-page ::-webkit-scrollbar {
	width: 6px;
}

.obc-tenders-page ::-webkit-scrollbar-track {
	background: var(--color-surface-container-low);
}

.obc-tenders-page ::-webkit-scrollbar-thumb {
	background: var(--color-outline);
	border-radius: 10px;
}

.backdrop-blur-md {
	backdrop-filter: blur(12px);
}

.bg-\[\#0c0305\]\/95 {
	background-color: rgb(12 3 5 / 0.95);
}