/**
 * Legacy Blog visual parity (scoped).
 * Colors confirmed from pertask style.min.css :root.
 */

:root {
	--ssa-blog-primary: #262261;
	--ssa-blog-secondary: #EE4036;
	--ssa-blog-accent: #f68d59;
	--ssa-blog-toc-bg: #eee;
	--ssa-blog-text: #262261;
}

/* Banner */
.ssa-post-banner,
.ssa-blog-hero-legacy {
	background: var(--ssa-blog-primary);
	color: #fff;
}

.ssa-post-banner .elementor-heading-title,
.ssa-blog-hero-legacy .elementor-heading-title,
.ssa-post-banner h1 {
	color: #fff !important;
}

.ssa-post-meta,
.ssa-post-meta .elementor-icon-list-text,
.ssa-post-banner .ssa-author-name,
.ssa-post-banner .ssa-views-count {
	color: #e8eeee !important;
	font-size: 0.95rem;
}

/* Two-column shell */
.ssa-blog-main-row {
	align-items: flex-start;
}

.ssa-blog-sidebar-col {
	position: sticky;
	top: 96px;
	align-self: flex-start;
}

@media (max-width: 1024px) {
	.ssa-blog-sidebar-col {
		position: static;
		top: auto;
	}
}

/* TOC — mimic lwptoc box */
.ssa-toc-wrap .elementor-toc,
.elementor-widget-table-of-contents.ssa-toc .elementor-toc {
	border: 1px solid #ccc;
	border-radius: 10px;
	overflow: hidden;
	margin: 1.25rem 0;
}

.ssa-toc-wrap .elementor-toc__header,
.elementor-widget-table-of-contents.ssa-toc .elementor-toc__header {
	background: var(--ssa-blog-toc-bg);
	padding: 0 15px;
	line-height: 2.5rem;
}

.ssa-toc-wrap .elementor-toc__header-title,
.elementor-widget-table-of-contents.ssa-toc .elementor-toc__header-title {
	font-weight: 700;
	font-size: 1rem;
	color: var(--ssa-blog-text);
}

.ssa-toc-wrap .elementor-toc__body,
.elementor-widget-table-of-contents.ssa-toc .elementor-toc__body {
	padding: 10px 15px 15px;
	font-size: 90%;
}

/* Share — legacy circular dark icons */
.ssa-share {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin: 15px 0 8px;
}

.ssa-share__label {
	font-weight: 600;
	color: var(--ssa-blog-text);
	padding-inline-end: 6px;
}

.ssa-share__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.ssa-share__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #171717;
	color: #fff !important;
	text-decoration: none !important;
	transition: background 0.2s ease, transform 0.15s ease;
}

.ssa-share__btn:hover,
.ssa-share__btn:focus-visible {
	background: var(--ssa-blog-secondary);
	transform: translateY(-1px);
	outline: 2px solid var(--ssa-blog-secondary);
	outline-offset: 2px;
}

.ssa-share__icon::before {
	font-family: inherit;
	font-size: 14px;
	font-weight: 700;
	content: "↗";
}

.ssa-share__btn--facebook .ssa-share__icon::before { content: "f"; }
.ssa-share__btn--twitter .ssa-share__icon::before { content: "X"; }
.ssa-share__btn--whatsapp .ssa-share__icon::before { content: "W"; }
.ssa-share__btn--pinterest .ssa-share__icon::before { content: "P"; }
.ssa-share__btn--linkedin .ssa-share__icon::before { content: "in"; }

/* Sidebar boxes */
.ssa-side-box {
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
	padding: 15px;
	border-radius: 15px;
	margin-bottom: 18px;
}

.ssa-side-box__title {
	font-weight: 700;
	font-size: 1.05rem;
	color: var(--ssa-blog-primary);
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #d6d8e0;
}

.ssa-small-card {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 12px 0;
	border-bottom: 1px solid #ccc;
	position: relative;
	text-decoration: none;
	color: inherit;
	cursor: pointer;
}

.ssa-small-card:last-child {
	border-bottom: 0;
}

.ssa-small-card:focus-visible {
	outline: 2px solid var(--ssa-blog-secondary, #ee4036);
	outline-offset: 2px;
	border-radius: 4px;
}

.ssa-small-card__img {
	width: 25%;
	flex-shrink: 0;
	display: block;
}

.ssa-small-card__img img {
	display: block;
	width: 100%;
	height: 60px;
	object-fit: cover;
	border-radius: 6px;
	transition: transform 0.25s ease;
}

.ssa-small-card:hover .ssa-small-card__img img {
	transform: scale(1.03);
}

.ssa-small-card__img--empty {
	height: 60px;
	background: #e8eeee;
	border-radius: 6px;
}

.ssa-small-card__title {
	font-weight: 700;
	font-size: 0.9rem;
	line-height: 1.45;
	color: var(--ssa-blog-text);
}

.ssa-small-card:hover .ssa-small-card__title,
.ssa-small-card__title:hover {
	color: var(--ssa-blog-secondary);
}

.ssa-cat-list {
	list-style: none;
	margin: 0;
	padding: 0 8px 0 0;
}

.ssa-cat-list li {
	padding: 6px 0;
}

.ssa-cat-list a {
	color: var(--ssa-blog-text);
	text-decoration: none;
}

.ssa-cat-list a:hover {
	color: var(--ssa-blog-secondary);
}

/* Cards — legacy article-box */
.ssa-blog-card {
	box-shadow: 0 5px 8px rgba(0, 0, 0, 0.1) !important;
	border: none !important;
	overflow: hidden;
	transition: 0.2s;
}

.ssa-blog-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 14px rgba(0, 0, 0, 0.12) !important;
}

.ssa-blog-card__more .elementor-button {
	background: var(--ssa-blog-primary) !important;
	color: #fff !important;
	border: none !important;
	border-radius: 10px !important;
	padding: 2px 25px !important;
	font-weight: 700 !important;
	cursor: pointer;
}

.ssa-blog-card__more .elementor-button:hover {
	background: var(--ssa-blog-secondary) !important;
}

/* Elementor loop cards: image / title / more are real post permalinks */
.e-loop-item .elementor-widget-theme-post-featured-image a,
.e-loop-item .ssa-blog-card__media a {
	display: block;
	cursor: pointer;
	overflow: hidden;
}

.e-loop-item .elementor-widget-theme-post-featured-image img,
.e-loop-item .ssa-blog-card__media img {
	transition: transform 0.25s ease;
}

.e-loop-item .elementor-widget-theme-post-featured-image a:hover img,
.e-loop-item .ssa-blog-card__media a:hover img {
	transform: scale(1.03);
}

.e-loop-item .elementor-widget-theme-post-title a,
.e-loop-item .ssa-blog-card__title a {
	cursor: pointer;
	text-decoration: none;
	transition: color 0.15s ease;
}

.e-loop-item .elementor-widget-theme-post-title a:hover,
.e-loop-item .elementor-widget-theme-post-title a:focus-visible,
.e-loop-item .ssa-blog-card__title a:hover,
.e-loop-item .ssa-blog-card__title a:focus-visible {
	color: var(--ssa-blog-secondary, #ee4036);
}

.e-loop-item .elementor-widget-theme-post-featured-image a:focus-visible,
.e-loop-item .elementor-widget-theme-post-title a:focus-visible,
.e-loop-item .ssa-blog-card__more .elementor-button:focus-visible {
	outline: 2px solid var(--ssa-blog-secondary, #ee4036);
	outline-offset: 2px;
}

/* Search */
.ssa-blog-search {
	display: flex;
	gap: 8px;
	margin: 12px 0 20px;
}

.ssa-blog-search input[type="search"] {
	flex: 1;
	border: 1px solid #ccc;
	border-radius: 8px;
	padding: 10px 12px;
	font-family: inherit;
}

.ssa-blog-search button {
	background: var(--ssa-blog-primary);
	color: #fff;
	border: 0;
	border-radius: 8px;
	padding: 10px 18px;
	font-weight: 700;
	cursor: pointer;
}

.ssa-blog-search button:hover {
	background: var(--ssa-blog-secondary);
}

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

/* Featured empty: no oversized hole */
.ssa-single-featured:empty,
.elementor-widget-theme-post-featured-image:not(:has(img)) {
	display: none;
}