/* 1.28.2 — detach custom blog archive from theme archive columns. */
body.jspanel-independent-blog-archive #jspanel-blog-primary{
	position:relative!important;
	display:block!important;
	float:none!important;
	clear:both!important;
	flex:0 0 100%!important;
	width:100%!important;
	max-width:none!important;
	min-width:0!important;
	margin-right:0!important;
	margin-left:0!important;
	inset:auto!important;
}

/* If WoodMart gives the content host a Bootstrap/sidebar column width,
   allow our custom archive to use the entire content row. */
body.jspanel-independent-blog-archive .content-layout-wrapper>.site-content,
body.jspanel-independent-blog-archive .content-layout-wrapper>.content-area,
body.jspanel-independent-blog-archive .main-page-wrapper .site-content{
	float:none!important;
	flex:0 0 100%!important;
	width:100%!important;
	max-width:100%!important;
	min-width:0!important;
	margin-right:0!important;
	margin-left:0!important;
}

/* Native archive sidebar must not reserve a column beside the independent blog. */
body.jspanel-independent-blog-archive .content-layout-wrapper>.sidebar-container,
body.jspanel-independent-blog-archive .main-page-wrapper>.sidebar-container{
	display:none!important;
}

body.jspanel-independent-blog-archive .content-layout-wrapper{
	display:block!important;
	width:100%!important;
	max-width:100%!important;
	margin-right:0!important;
	margin-left:0!important;
}

/* Jahan Shoofazh independent blog archive — safe isolated build 1.28.1 */
.jspanel-blog-page{
	--jsblog-line:var(--jspanel-line,#e5e7eb);
	position:relative!important;
	display:block!important;
	float:none!important;
	clear:both!important;
	flex:0 0 100%!important;
	width:100%!important;
	max-width:none!important;
	min-width:0!important;
	margin:0!important;
	padding:28px 0 58px!important;
	background:var(--jspanel-surface,#fff);
	color:var(--jspanel-ink,#17181b);
}
.jspanel-blog-page *,
.jspanel-blog-page *::before,
.jspanel-blog-page *::after{box-sizing:border-box}
.jspanel-blog-page__inner{
	width:min(1240px,calc(100% - 36px));
	margin:0 auto;
}
.jspanel-blog-page__head{
	display:grid;
	grid-template-columns:minmax(0,1fr) minmax(300px,410px);
	align-items:end;
	gap:28px;
	margin-bottom:18px;
	padding:24px 26px;
	border:1px solid var(--jsblog-line);
	border-radius:18px;
	background:var(--jspanel-soft,#f7f8fa);
}
.jspanel-blog-page__heading>span{
	display:block;
	margin-bottom:5px;
	color:var(--jspanel-primary,#e63946);
	font-size:9px;
	font-weight:850;
}
.jspanel-blog-page__heading h1{
	margin:0!important;
	color:var(--jspanel-ink,#17181b)!important;
	font-size:27px!important;
	font-weight:950!important;
	line-height:1.5!important;
}
.jspanel-blog-page__subtitle{
	max-width:720px;
	margin-top:7px;
	color:var(--jspanel-muted,#72757b);
	font-size:11px;
	line-height:1.9;
}
.jspanel-blog-page__subtitle p{margin:0!important}
.jspanel-blog-page__search{
	position:relative;
	display:flex;
	align-items:center;
	gap:6px;
	margin:0!important;
	padding:5px;
	border:1px solid var(--jsblog-line);
	border-radius:11px;
	background:var(--jspanel-surface,#fff);
}
.jspanel-blog-page__search>svg{
	position:absolute;
	right:13px;
	width:16px;
	height:16px;
	fill:none;
	stroke:#979ba1;
	stroke-width:1.6;
	pointer-events:none;
}
.jspanel-blog-page__search input[type=search]{
	flex:1;
	min-width:0;
	height:36px!important;
	margin:0!important;
	padding:0 34px 0 7px!important;
	border:0!important;
	outline:0!important;
	background:transparent!important;
	color:var(--jspanel-ink,#17181b)!important;
	font:inherit!important;
	font-size:10px!important;
	box-shadow:none!important;
}
.jspanel-blog-page__search button{
	height:36px;
	flex:none;
	margin:0!important;
	padding:0 14px!important;
	border:0!important;
	border-radius:8px!important;
	background:var(--jspanel-primary,#e63946)!important;
	color:#fff!important;
	font:inherit!important;
	font-size:9.5px!important;
	font-weight:850!important;
	cursor:pointer;
	box-shadow:none!important;
}
.jspanel-blog-page__cats{
	display:flex;
	align-items:center;
	gap:7px;
	margin:0 0 22px;
	padding:0 1px 5px;
	overflow-x:auto;
	scrollbar-width:thin;
}
.jspanel-blog-page__cats a{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:34px;
	flex:none;
	padding:0 12px;
	border:1px solid var(--jsblog-line);
	border-radius:999px;
	background:var(--jspanel-surface,#fff);
	color:#5f646a!important;
	font-size:9.5px;
	font-weight:750;
	text-decoration:none!important;
}
.jspanel-blog-page__cats a:hover{
	border-color:rgba(var(--jspanel-primary-rgb,230,57,70),.45);
	color:var(--jspanel-primary,#e63946)!important;
}
.jspanel-blog-page__cats a.is-active{
	border-color:var(--jspanel-primary,#e63946);
	background:var(--jspanel-primary,#e63946);
	color:#fff!important;
}
.jspanel-blog-page__grid{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	align-items:start;
	gap:18px;
}
.jspanel-blog-page__grid>.jspanel-post-card{
	width:100%!important;
	max-width:none!important;
}
.jspanel-blog-page__pagination{
	margin-top:32px;
}
.jspanel-blog-page__pagination .nav-links{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;
	gap:6px;
}
.jspanel-blog-page__pagination .page-numbers{
	display:flex;
	align-items:center;
	justify-content:center;
	min-width:36px;
	height:36px;
	padding:0 10px;
	border:1px solid var(--jsblog-line);
	border-radius:9px;
	background:var(--jspanel-surface,#fff);
	color:#5f646a!important;
	font-size:9.5px;
	font-weight:750;
	text-decoration:none!important;
}
.jspanel-blog-page__pagination .current,
.jspanel-blog-page__pagination a.page-numbers:hover{
	border-color:var(--jspanel-primary,#e63946);
	background:var(--jspanel-primary,#e63946);
	color:#fff!important;
}
.jspanel-blog-page__empty{
	padding:48px 20px;
	border:1px solid var(--jsblog-line);
	border-radius:16px;
	background:var(--jspanel-soft,#f7f8fa);
	text-align:center;
}
.jspanel-blog-page__empty strong{
	display:block;
	color:var(--jspanel-ink,#17181b);
	font-size:14px;
	font-weight:900;
}
.jspanel-blog-page__empty p{
	margin:6px 0 13px!important;
	color:var(--jspanel-muted,#72757b);
	font-size:10px;
}
.jspanel-blog-page__empty a{
	color:var(--jspanel-primary,#e63946)!important;
	font-size:10px;
	font-weight:800;
	text-decoration:none!important;
}

html.jspanel-theme-dark .jspanel-blog-page,
body.jspanel-theme-dark .jspanel-blog-page{
	--jsblog-line:#2c3035;
	background:#111315;
}
html.jspanel-theme-dark .jspanel-blog-page__head,
body.jspanel-theme-dark .jspanel-blog-page__head,
html.jspanel-theme-dark .jspanel-blog-page__empty,
body.jspanel-theme-dark .jspanel-blog-page__empty{
	background:#171a1e;
}
html.jspanel-theme-dark .jspanel-blog-page__search,
body.jspanel-theme-dark .jspanel-blog-page__search,
html.jspanel-theme-dark .jspanel-blog-page__cats a,
body.jspanel-theme-dark .jspanel-blog-page__cats a,
html.jspanel-theme-dark .jspanel-blog-page__pagination .page-numbers,
body.jspanel-theme-dark .jspanel-blog-page__pagination .page-numbers{
	background:#171a1e;
}
html.jspanel-theme-dark .jspanel-blog-page__cats a,
body.jspanel-theme-dark .jspanel-blog-page__cats a{
	color:#c7ccd1!important;
}
html.jspanel-theme-dark .jspanel-blog-page__cats a.is-active,
body.jspanel-theme-dark .jspanel-blog-page__cats a.is-active{
	background:var(--jspanel-primary,#e63946);
	color:#fff!important;
}

@media (max-width:1024px){
	.jspanel-blog-page__head{
		grid-template-columns:1fr;
		gap:16px;
	}
	.jspanel-blog-page__search{max-width:620px}
	.jspanel-blog-page__grid{
		grid-template-columns:repeat(2,minmax(0,1fr));
		gap:15px;
	}
}
@media (max-width:767px){
	.jspanel-blog-page{padding:18px 0 42px}
	.jspanel-blog-page__inner{width:min(100% - 24px,620px)}
	.jspanel-blog-page__head{
		padding:18px 15px;
		border-radius:14px;
	}
	.jspanel-blog-page__heading h1{font-size:22px!important}
	.jspanel-blog-page__search{
		display:grid;
		grid-template-columns:1fr auto;
	}
	.jspanel-blog-page__cats{margin-bottom:17px}
	.jspanel-blog-page__grid{
		grid-template-columns:1fr;
		gap:13px;
	}
}