/**
 * Archive / author pagination buttons.
 *
 * @package Chimisanat
 */

.chimisanat-archive-page-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.25rem;
	height: 2.25rem;
	padding: 0 0.55rem;
	border-radius: 8px;
	border: 1px solid rgba(204, 162, 92, 0.18);
	background: #fff;
	color: #64748b;
	font-size: 0.72rem;
	font-weight: 800;
	transition: all 0.2s ease;
}

.dark .chimisanat-archive-page-btn {
	background: #0f172a;
	border-color: rgba(204, 162, 92, 0.14);
	color: #94a3b8;
}

.chimisanat-archive-page-btn:hover:not(.is-disabled):not(.is-active) {
	border-color: #d97706;
	color: #b45309;
	background: #fffbeb;
}

.chimisanat-archive-page-btn.is-active {
	background: linear-gradient(135deg, #b45309 0%, #d97706 100%);
	border-color: transparent;
	color: #fff;
	box-shadow: 0 6px 18px rgba(217, 119, 6, 0.25);
}

.chimisanat-archive-page-btn.is-disabled,
.chimisanat-archive-page-btn:disabled {
	opacity: 0.45;
	cursor: not-allowed;
}

/* Category / tag description */
.archive-term-description__body {
	text-align: justify;
	text-justify: inter-word;
	color: #94a3b8;
	font-size: 12px !important;
	font-weight: 300;
	line-height: 1.85;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}

.dark .archive-term-description__body {
	color: #64748b;
}

.archive-term-description__body.is-expanded {
	display: block;
	-webkit-line-clamp: unset;
	overflow: visible;
}

.archive-term-description__body p,
.archive-term-description__body li,
.archive-term-description__body span,
.archive-term-description__body a {
	font-size: 12px !important;
}

.archive-term-description__body p {
	margin: 0 0 0.75em;
}

.archive-term-description__body p:last-child {
	margin-bottom: 0;
}

.archive-term-description__toggle {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	margin-top: 0.75rem;
	padding: 0;
	border: 0;
	background: transparent;
	color: #b45309;
	font-size: 0.75rem;
	font-weight: 800;
	cursor: pointer;
}

.archive-term-description__toggle:hover {
	color: #92400e;
}

.dark .archive-term-description__toggle {
	color: #d97706;
}

.dark .archive-term-description__toggle:hover {
	color: #fbbf24;
}