/* ── Barre de filtrage sticky (page /projet/) ─────────────────────────────── */

#ag-sticky-filters {
	position: fixed;
	left: 0;
	right: 0;
	/* top est injecté dynamiquement par JS */
	z-index: 998;
	opacity: 0;
	transition: top 0.4s cubic-bezier( 0.25, 0.46, 0.45, 0.94 ),
	            opacity 0.25s ease;
	pointer-events: none;
}

#ag-sticky-filters.is-visible {
	opacity: 1;
	pointer-events: auto;
}

/* ── Barre principale ─────────────────────────────────────────────────────── */

.ag-sf__bar {
	background: #1a476b;
	display: flex;
	align-items: center;
	padding: 0 2rem 0 2.5rem;
	height: 72px;
}

.ag-sf__tabs {
	display: flex;
	align-items: center;
	gap: 1.5rem;
	flex: 1;
}

.ag-sf__sep {
	font-family: var( --wp--preset--font-family--capitana, 'capitana', sans-serif );
	font-weight: 900;
	font-size: clamp( 1.5rem, 3vw, 3rem );
	color: rgba( 255, 255, 255, 0.2 );
	line-height: 1;
	user-select: none;
}

/* Texte en stroke (outline) — opacité réduite quand inactif */
.ag-sf__tab {
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
	font-family: var( --wp--preset--font-family--capitana, 'capitana', sans-serif );
	font-weight: 900;
	font-size: clamp( 1.5rem, 3vw, 3rem );
	line-height: 1;
	color: transparent;
	-webkit-text-stroke: 1.5px rgba( 255, 255, 255, 0.3 );
	transition: -webkit-text-stroke-color 0.25s;
}

/* Aucun onglet actif → tout à pleine visibilité */
#ag-sticky-filters:not( .has-active-tab ) .ag-sf__tab,
.ag-sf__tab.is-active {
	-webkit-text-stroke-color: rgba( 255, 255, 255, 0.92 );
}

/* ── Bouton flèche orange ─────────────────────────────────────────────────── */

.ag-sf__toggle {
	width: 44px;
	height: 44px;
	border: 1.5px solid #e06b1a;
	background: none;
	color: #e06b1a;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	transition: background 0.2s;
}

.ag-sf__toggle:hover {
	background: rgba( 224, 107, 26, 0.12 );
}

.ag-sf__arrow {
	display: block;
	transition: transform 0.35s ease;
}

#ag-sticky-filters.is-open .ag-sf__arrow {
	transform: rotate( 180deg );
}

/* ── Panel secteurs ───────────────────────────────────────────────────────── */

.ag-sf__panel {
	background: #dce1e9;
	padding: 1.25rem 2.5rem;
}

.ag-sf__sectors {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.ag-sf__sector {
	border: 1px solid #1a476b;
	background: none;
	color: #1a476b;
	font-family: var( --wp--preset--font-family--capitana, 'capitana', sans-serif );
	font-weight: 400;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	padding: 7px 12px;
	cursor: pointer;
	transition: background 0.2s, color 0.2s;
}

.ag-sf__sector:hover,
.ag-sf__sector.is-active {
	background: #1a476b;
	color: #fff;
}

/* ── Responsive ───────────────────────────────────────────────────────────── */

@media ( max-width: 768px ) {
	.ag-sf__bar {
		height: 58px;
		padding: 0 1rem 0 1.25rem;
	}

	.ag-sf__tab,
	.ag-sf__sep {
		font-size: clamp( 1.25rem, 5vw, 2rem );
	}

	.ag-sf__panel {
		padding: 1rem 1.25rem;
	}
}