/* Archive, category, tag, author, date */
.archive-main{padding:28px 0 45px}.archive-header{margin-bottom:18px;padding:20px;border:1px solid var(--wbb-border);border-radius:14px;background:linear-gradient(110deg,#fffaf0,#fff)}.archive-header h1{margin:0;font-size:clamp(25px,3vw,34px);line-height:1.2}.archive-header p{margin:7px 0 0;color:var(--wbb-muted);font-size:14px}.archive-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px}.post-list{display:grid;gap:13px}.archive-card{display:grid;grid-template-columns:210px minmax(0,1fr);gap:16px;padding:12px;border:1px solid var(--wbb-border);border-radius:13px;background:#fff;box-shadow:var(--wbb-shadow);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.archive-card:hover{transform:translateY(-2px);box-shadow:var(--wbb-shadow-hover);border-color:rgba(215,154,61,.45)}.archive-card .thumb{width:210px;height:132px;overflow:hidden;border-radius:9px;background:var(--wbb-accent-soft)}.archive-card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.archive-card:hover .thumb img{transform:scale(1.035)}.archive-card h2{margin:6px 0 7px;font-size:20px;line-height:1.3}.archive-card h2 a:hover{color:var(--wbb-primary)}.archive-card p{margin:0;color:var(--wbb-muted);font-size:13px}.archive-empty{padding:35px;text-align:center;border:1px dashed var(--wbb-border);border-radius:13px;background:#fff;color:var(--wbb-muted)}.archive-sidebar{display:grid;align-content:start;gap:16px}.archive-sidebar .widget{padding:16px}.archive-sidebar h2{margin:0 0 12px;font-size:15px}.archive-sidebar ul{list-style:none;padding:0;margin:0}.archive-sidebar li+li{border-top:1px solid var(--wbb-border)}.archive-sidebar li a{display:flex;justify-content:space-between;padding:8px 2px;font-size:12px}.archive-sidebar li a:hover{color:var(--wbb-primary)}
@media(max-width:850px){.archive-grid{grid-template-columns:1fr}.archive-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.archive-sidebar{grid-template-columns:1fr}.archive-card{grid-template-columns:110px minmax(0,1fr);gap:11px;padding:8px}.archive-card .thumb{width:110px;height:82px}.archive-card h2{font-size:15px;margin:3px 0}.archive-card p{font-size:11px}.archive-main{padding-top:18px}}
/* =========================================================
   CATEGORY PAGE
   WP BHAKTI BLOGGER
========================================================= */

.category-page {
	padding-top: 24px;
	padding-bottom: 45px;
}


/* =========================================================
   BREADCRUMB
========================================================= */

.category-breadcrumb {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 7px;

	margin-bottom: 13px;

	font-size: 10px;
	line-height: 1.4;

	color: var(--muted);
}

.category-breadcrumb a {
	color: var(--p);
	text-decoration: none;
	font-weight: 650;
}

.category-breadcrumb a:hover {
	text-decoration: underline;
}

.category-breadcrumb span:nth-child(2) {
	opacity: .55;
}


/* =========================================================
   CATEGORY HEADER
========================================================= */

.category-header {
	position: relative;

	background: #fff;

	border: 1px solid var(--border);
	border-radius: 12px;

	padding: 22px 24px;

	margin-bottom: 16px;

	overflow: hidden;
}

.category-header::before {
	content: "";

	position: absolute;

	left: 0;
	top: 0;
	bottom: 0;

	width: 4px;

	background:
		linear-gradient(
			180deg,
			var(--p),
			#d89a38
		);
}

.category-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;

	gap: 20px;
}

.category-label {
	display: inline-flex;
	align-items: center;

	margin-bottom: 7px;

	padding: 4px 8px;

	border-radius: 5px;

	background: rgba(154, 90, 32, .08);

	color: var(--p);

	font-size: 9px;
	font-weight: 800;

	letter-spacing: .03em;
	text-transform: uppercase;
}

.category-header h1 {
	margin: 0;

	color: #151d35;

	font-size: 30px;
	line-height: 1.2;

	font-weight: 850;

	letter-spacing: -.025em;
}

.category-description {
	max-width: 760px;

	margin: 7px 0 0;

	color: var(--muted);

	font-size: 12px;
	line-height: 1.7;
}

.category-description p {
	margin: 0;
}

.category-count {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	min-width: 70px;
	height: 70px;

	border-radius: 50%;

	background:
		linear-gradient(
			145deg,
			#fff8ec,
			#f3dfc0
		);

	border: 1px solid rgba(154, 90, 32, .16);

	box-shadow:
		0 6px 18px rgba(80, 47, 19, .07);
}

.category-count strong {
	color: var(--p);

	font-size: 20px;
	line-height: 1;
}

.category-count span {
	margin-top: 4px;

	color: var(--muted);

	font-size: 9px;
	font-weight: 700;

	text-transform: uppercase;
}


/* =========================================================
   POSTS GRID
========================================================= */

.category-content {
	min-width: 0;
}

.category-posts {
	display: grid;

	grid-template-columns:
		repeat(2, minmax(0, 1fr));

	gap: 14px;
}


/* =========================================================
   CATEGORY CARD
========================================================= */

.category-card {
	display: flex;
	flex-direction: column;

	min-width: 0;

	background: #fff;

	border: 1px solid var(--border);
	border-radius: 10px;

	overflow: hidden;

	box-shadow:
		0 2px 8px rgba(30, 25, 20, .025);

	transition:
		transform .22s ease,
		box-shadow .22s ease,
		border-color .22s ease;
}

.category-card:hover {
	transform: translateY(-3px);

	border-color:
		rgba(154, 90, 32, .20);

	box-shadow:
		0 10px 26px rgba(55, 35, 18, .08);
}


/* =========================================================
   IMAGE
========================================================= */

.category-card-image {
	display: block;

	width: 100%;

	aspect-ratio: 16 / 9;

	overflow: hidden;

	background:
		linear-gradient(
			135deg,
			#f3e2ca,
			#fffaf2
		);

	text-decoration: none;
}

.category-card-image img {
	display: block;

	width: 100% !important;
	height: 100% !important;

	max-width: none !important;

	object-fit: cover;

	transition:
		transform .35s ease;
}

.category-card:hover .category-card-image img {
	transform: scale(1.035);
}


/* =========================================================
   NO IMAGE
========================================================= */

.category-no-image {
	width: 100%;
	height: 100%;

	display: flex;
	align-items: center;
	justify-content: center;

	background:
		radial-gradient(
			circle at center,
			rgba(217, 154, 53, .13),
			transparent 55%
		),
		#f8eee0;
}

.category-no-image span {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 48px;
	height: 48px;

	border-radius: 50%;

	background: rgba(154, 90, 32, .08);

	color: var(--p);

	font-size: 22px;
}


/* =========================================================
   CARD BODY
========================================================= */

.category-card-body {
	display: flex;
	flex-direction: column;

	flex: 1;

	padding: 13px 14px 14px;
}

.category-card-meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;

	gap: 5px;

	color: var(--muted);

	font-size: 9.5px;

	line-height: 1.4;
}

.category-card-title {
	margin: 6px 0 6px;

	font-size: 17px;
	line-height: 1.35;

	font-weight: 800;

	letter-spacing: -.015em;
}

.category-card-title a {
	color: #20283a;

	text-decoration: none;
}

.category-card-title a:hover {
	color: var(--p);
}

.category-card-excerpt {
	color: var(--muted);

	font-size: 11px;
	line-height: 1.65;

	margin-bottom: 10px;
}

.category-card-excerpt p {
	margin: 0;
}

.category-read-more {
	display: inline-flex;
	align-items: center;
	gap: 6px;

	width: max-content;

	margin-top: auto;

	padding-top: 4px;

	color: var(--p);

	font-size: 10.5px;
	font-weight: 800;

	text-decoration: none;
}

.category-read-more span {
	font-size: 14px;

	transition:
		transform .2s ease;
}

.category-read-more:hover span {
	transform: translateX(3px);
}


/* =========================================================
   PAGINATION
========================================================= */

.category-pagination {
	margin-top: 22px;

	display: flex;
	justify-content: center;
}

.category-pagination .nav-links {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;

	gap: 6px;
}

.category-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	min-width: 34px;
	height: 34px;

	padding: 0 9px;

	border: 1px solid var(--border);
	border-radius: 7px;

	background: #fff;

	color: #5f5145;

	font-size: 10.5px;
	font-weight: 700;

	text-decoration: none;

	transition:
		background .2s ease,
		color .2s ease,
		border-color .2s ease,
		transform .2s ease;
}

.category-pagination .page-numbers:hover {
	background: #fff7eb;

	border-color:
		rgba(154, 90, 32, .22);

	color: var(--p);

	transform: translateY(-1px);
}

.category-pagination .page-numbers.current {
	background: var(--p);

	border-color: var(--p);

	color: #fff;
}

.category-pagination .page-numbers.dots {
	background: transparent;
	border-color: transparent;
}


/* =========================================================
   EMPTY CATEGORY
========================================================= */

.category-empty {
	background: #fff;

	border: 1px solid var(--border);
	border-radius: 11px;

	padding: 55px 20px;

	text-align: center;
}

.category-empty-icon {
	width: 62px;
	height: 62px;

	display: flex;
	align-items: center;
	justify-content: center;

	margin: 0 auto 14px;

	border-radius: 50%;

	background:
		linear-gradient(
			145deg,
			#fff6e7,
			#f0ddbd
		);

	border: 1px solid rgba(154, 90, 32, .14);

	color: var(--p);

	font-size: 25px;
}

.category-empty h2 {
	margin: 0;

	color: #20283a;

	font-size: 20px;
}

.category-empty p {
	margin: 7px auto 16px;

	max-width: 450px;

	color: var(--muted);

	font-size: 12px;
	line-height: 1.6;
}

.category-home-button {
	display: inline-flex;
	align-items: center;
	gap: 7px;

	padding: 9px 13px;

	border-radius: 7px;

	background: var(--p);

	color: #fff;

	font-size: 11px;
	font-weight: 750;

	text-decoration: none;

	box-shadow:
		0 5px 15px rgba(100, 55, 20, .12);

	transition:
		transform .2s ease,
		box-shadow .2s ease;
}

.category-home-button:hover {
	transform: translateY(-2px);

	box-shadow:
		0 8px 20px rgba(100, 55, 20, .18);

	color: #fff;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 800px) {

	.category-page {
		padding-top: 18px;
		padding-bottom: 35px;
	}

	.category-heading {
		align-items: flex-start;
	}

	.category-header {
		padding: 19px 20px;
	}

	.category-header h1 {
		font-size: 26px;
	}

	.category-posts {
		grid-template-columns: 1fr;
	}

	.category-card {
		display: grid;

		grid-template-columns: 180px minmax(0, 1fr);
	}

	.category-card-image {
		height: 100%;
		aspect-ratio: auto;
		min-height: 150px;
	}

	.category-card-body {
		padding: 13px;
	}

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

	.category-page {
		padding-top: 14px;
		padding-bottom: 30px;
	}

	.category-breadcrumb {
		margin-bottom: 10px;

		font-size: 9px;
	}

	.category-header {
		padding: 17px 16px;

		border-radius: 9px;
	}

	.category-heading {
		display: block;
	}

	.category-label {
		font-size: 8px;
	}

	.category-header h1 {
		font-size: 23px;
	}

	.category-description {
		font-size: 11px;
		line-height: 1.65;
	}

	.category-count {
		margin-top: 13px;

		width: 54px;
		height: 54px;

		min-width: 54px;
	}

	.category-count strong {
		font-size: 16px;
	}

	.category-count span {
		font-size: 8px;
	}

	.category-posts {
		gap: 11px;
	}

	.category-card {
		display: flex;
	}

	.category-card-image {
		width: 100%;
		height: auto;

		aspect-ratio: 16 / 9;

		min-height: 0;
	}

	.category-card-body {
		padding: 11px 12px 13px;
	}

	.category-card-meta {
		font-size: 8.5px;
	}

	.category-card-title {
		font-size: 15px;
		line-height: 1.35;
	}

	.category-card-excerpt {
		font-size: 10.5px;
		line-height: 1.6;
	}

	.category-read-more {
		font-size: 10px;
	}

	.category-pagination {
		margin-top: 17px;
	}

	.category-pagination .page-numbers {
		min-width: 31px;
		height: 31px;

		font-size: 9.5px;
	}

	.category-empty {
		padding: 40px 15px;
	}

	.category-empty h2 {
		font-size: 18px;
	}

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 380px) {

	.category-header h1 {
		font-size: 21px;
	}

	.category-card-title {
		font-size: 14px;
	}

	.category-card-body {
		padding: 10px;
	}

}