/* =========================================================
   05 — Tabs / navigation globale / focus
========================================================= */

.tabs {
	display: flex;
	gap: 10px;
	margin: 20px 0 16px;
	flex-wrap: wrap
}

.tab {
	padding: 11px 15px;
	border-radius: 999px;
	border: 1px solid var(--line);
	background: #fffaf1;
	cursor: pointer;
	font-weight: 700;
	color: var(--muted);
}

.tab.active {
	background: var(--ink);
	color: #fffaf1;
	border-color: var(--ink)
}


/* ===== TABS STYLE CHAND’HÔME ===== */

.tabs {
  display: flex;
  gap: 8px;
  margin: 14px 0 18px;
}

/* état normal */
.tab {
  border: 1px solid rgba(127, 90, 56, 0.25);
  background: #f4efe6;
  color: var(--muted);
  border-radius: 999px;
  padding: 5px 12px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s ease;
}

/* hover doux */
.tab:hover {
  background: #ebe2d3;
  color: var(--ink);
}

/* état actif (plus subtil que noir plein) */
.tab.active {
  background: #2f2922;        /* garde ta teinte encre */
  color: #fffaf1;
  border-color: #2f2922;
}