/* ============================================
   HOME — Tous les articles
   ============================================ */

.habari-home-main {
	padding-top: var(--habari-padding-m);
	padding-bottom: var(--habari-padding-l);
}

/* ── Titre ── */
.habari-home-header {
	padding: var(--habari-padding-m) 0 var(--habari-padding-s);
}

.habari-home-title {
	font-size: 2rem;
	color: var(--habari-secondary-navy);
	margin: 0;
}

/* ── Barre d'onglets catégories ── */
.habari-cat-tabs-wrapper {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	border-bottom: 2px solid var(--habari-dark-off);
	margin-bottom: var(--habari-margin-m);
}

.habari-cat-tabs-track {
	display: flex;
	align-items: stretch;
	overflow-x: auto;
	scrollbar-width: none;
	flex: 1 1 0;
	min-width: 0;
	scroll-behavior: smooth;
}

.habari-cat-tabs-track::-webkit-scrollbar {
	display: none;
}

.habari-cat-tab {
	background: none;
	border: none;
	border-bottom: 3px solid transparent;
	padding: 0.65rem 1rem;
	font-family: var(--habari-font-heading);
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--habari-dark-pale);
	cursor: pointer;
	white-space: nowrap;
	transition: color 0.15s ease, border-color 0.15s ease, background-color 0.15s ease;
	margin-bottom: -2px; /* chevauche la bordure du wrapper */
}

.habari-cat-tab:hover {
	color: var(--habari-primary-brand);
}

/* Onglet actif (tous) : color + underline bleu marine */
.habari-cat-tab.habari-cat-tab--active {
	color: var(--habari-primary-brand);
	border-bottom-color: var(--habari-primary-brand);
}

/* ── Flèche scroll ── */
.habari-cat-tabs-arrow {
	background: none;
	border: 1px solid var(--habari-dark-off);
	border-radius: 50%;
	width: 30px;
	height: 30px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: var(--habari-dark-pale);
	transition: color 0.15s ease, border-color 0.15s ease;
	padding: 0;
}

.habari-cat-tabs-arrow:hover {
	color: var(--habari-primary-brand);
	border-color: var(--habari-primary-brand);
}

/* ── État chargement AJAX ── */
#habariArticlesGrid.habari-loading {
	opacity: 0.45;
	pointer-events: none;
	transition: opacity 0.2s ease;
}