/**
 * AfroMag - Article, breadcrumbs, partage social, commentaires,
 * en-têtes d'archive, recherche, 404.
 */

/* ---------- Breadcrumbs ---------- */
.afromag-breadcrumbs {
	margin-bottom: 12px;
}

.afromag-breadcrumbs ol {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0.82rem;
	color: var(--afromag-color-gray-medium);
}

.afromag-breadcrumbs li:not(:last-child)::after {
	content: "›";
	margin-left: 6px;
}

.afromag-breadcrumbs a {
	color: var(--afromag-color-gray-medium);
}

.afromag-breadcrumbs a:hover {
	color: var(--afromag-color-red);
}

/* ---------- Article ---------- */
.afromag-single__title {
	font-size: clamp(1.6rem, 3vw, 2.2rem);
	margin-top: 8px;
}

.afromag-single__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	font-size: 0.85rem;
	color: var(--afromag-color-gray-medium);
	margin-bottom: 16px;
}

.afromag-single__image {
	border-radius: var(--afromag-radius);
	overflow: hidden;
	margin-bottom: 20px;
}

.afromag-single__content {
	font-size: 1.05rem;
	line-height: 1.75;
	max-width: 100%;
}

.afromag-single__content p {
	margin-bottom: 1.4em;
}

.afromag-single__content img {
	border-radius: var(--afromag-radius);
}

.afromag-page-links {
	margin-top: 20px;
}

/* ---------- Partage social ---------- */
.afromag-share {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 20px;
}

.afromag-share__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background-color: var(--afromag-color-gray-light);
	color: var(--afromag-color-black);
}

.afromag-share__btn svg {
	width: 16px;
	height: 16px;
}

.afromag-share__btn:hover {
	background-color: var(--afromag-color-red);
	color: var(--afromag-color-white);
}

/* ---------- Commentaires ---------- */
.afromag-comments {
	margin-top: 36px;
	padding-top: 24px;
	border-top: 1px solid var(--afromag-color-gray-light);
}

.afromag-comment-list {
	list-style: none;
	margin: 0 0 24px;
	padding: 0;
}

.afromag-comment-list .comment-body {
	padding: 14px 0;
	border-bottom: 1px solid var(--afromag-color-gray-light);
}

/* ---------- En-têtes d'archive / auteur ---------- */
.afromag-archive-header {
	margin-bottom: 20px;
}

.afromag-author-header {
	display: flex;
	align-items: center;
	gap: 16px;
}

.afromag-author-header img {
	border-radius: 50%;
}

/* ---------- Formulaire de recherche ---------- */
.afromag-search-form {
	display: flex;
	gap: 8px;
	max-width: 480px;
	margin: 16px 0;
}

.afromag-search-form input[type="search"] {
	flex: 1;
	padding: 10px 14px;
	border: 1px solid var(--afromag-color-gray-light);
	border-radius: var(--afromag-radius);
}

.afromag-search-form button {
	padding: 10px 18px;
	background-color: var(--afromag-color-red);
	color: var(--afromag-color-white);
	border: none;
	border-radius: var(--afromag-radius);
	font-weight: 600;
}

/* ---------- 404 ---------- */
.afromag-404 {
	text-align: center;
	padding: 80px 20px;
}

/* ---------- Pagination native WordPress ---------- */
.pagination,
.navigation.pagination {
	display: flex;
	gap: 8px;
	justify-content: center;
	margin-top: 24px;
}

.pagination .page-numbers {
	padding: 8px 14px;
	border-radius: var(--afromag-radius);
	background-color: var(--afromag-color-gray-light);
	color: var(--afromag-color-black);
}

.pagination .page-numbers.current {
	background-color: var(--afromag-color-red);
	color: var(--afromag-color-white);
}