/**
 * Working Groups Archive - Minimal Custom Styles
 * Most styling is done with Tailwind CSS classes
 * @package govstack
 */

/* Input and filter background */
.working-groups-filters input[type="text"],
.working-groups-filters select {
	background-color: #F7F9FD;
}

/* Custom select dropdown arrow positioning */
.status-filter-wrapper select {
	background-image: none;
}

/* ── Carousel wrapper: clip overflow so peek slide doesn't escape container ─ */
.wg-carousel-wrapper {
	overflow: hidden;
	position: relative;
}

.wg-carousel-wrapper .swiper {
	overflow: visible;
}

/* ── Carousel navigation: undo global -110px displacement, style buttons ─── */
@media (min-width: 1200px) {
	.wg-carousel-wrapper .swiper-button-prev {
		margin-left: 0;
	}
	.wg-carousel-wrapper .swiper-button-next {
		margin-right: 0;
	}
}

.wg-carousel-wrapper .swiper-button-prev,
.wg-carousel-wrapper .swiper-button-next {
	display: flex !important;
	width: 44px;
	height: 44px;
	background: #ffffff;
	border-radius: 50%;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10);
}

.wg-carousel-wrapper .swiper-button-prev::after,
.wg-carousel-wrapper .swiper-button-next::after {
	color: #0439E3;
	font-size: 16px;
}

.wg-carousel-wrapper .swiper-button-prev:hover,
.wg-carousel-wrapper .swiper-button-next:hover {
	background: #EFF6FF;
}

.wg-carousel-wrapper .swiper-button-prev:focus-visible,
.wg-carousel-wrapper .swiper-button-next:focus-visible {
	outline: 2px solid #0539E3;
	outline-offset: 2px;
}

/* ── Right-side fade overlay ─────────────────────────────────────────────── */
.wg-carousel-fade-right {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 140px;
	background: linear-gradient(to right, transparent, #F0F3FF);
	z-index: 10;
	pointer-events: none;
}

/* Carousel card minimum height */
.swiper-slide .working-group-card {
	min-height: 415px;
	overflow: hidden;
}

/* Card hover elevation */
.working-group-card {
	transition: all 0.3s ease;
}

.working-group-card:hover {
	transform: translateY(-2px);
}

.working-group-card .description {
	 min-height: calc(1.5em * 2); /* 2 lines */
}

.working-group-card .specifications {
	 min-height: calc(1.5em * 2); /* 2 lines */
}



/* Single Working Group page */
.working-group-single {
	background-color: #F0F3FF;
}

/* Charter banner decorative document images */
.charter-doc-left {
	left: 5%;
	height: 100%;
}

.charter-doc-right {
	right: 5%;
	bottom: 0;
	height: 90%;
}