/* Ensure brand icons render inside Elementor HTML widget img tags */
.el-visibility-icons .el-icon img {
	display: block;
	max-width: 100%;
	max-height: 100%;
}

/* Blog category filter pills */
.pxl-grid__filter .filter-item {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center;
	gap: 6px;
	line-height: 1.2 !important;
	vertical-align: middle;
}

.pxl-grid__filter .pxl-category__item-count {
	display: inline-flex;
	align-items: center;
	line-height: 1;
}

.pxl-grid__filter.style-2 .filter-item:not(.active),
.pxl-grid__filter.style-3 .filter-item:not(.active) {
	background-color: #fff !important;
}

.pxl-grid__filter.style-2 .filter-item.active {
	background-color: #1c4e80 !important;
	border-color: #1c4e80 !important;
	color: #fff !important;
}

.pxl-grid__filter.style-2 .filter-item:hover:not(.active) {
	background-color: #f4f3ff !important;
	border-color: #1c4e80 !important;
	color: #1c4e80 !important;
}

.pxl-grid__filter .pxl-category__item-icon {
	width: 28px !important;
	height: 28px !important;
	min-width: 28px;
	margin-right: 8px;
	flex-shrink: 0;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	background-color: #f4f3ff;
	padding: 4px;
	box-sizing: border-box;
}

.pxl-grid__filter .pxl-category__item-icon img {
	width: 100% !important;
	height: 100% !important;
	object-fit: contain;
	display: block;
}

.pxl-grid__filter .filter-item[data-filter*="social-media"] .pxl-category__item-icon,
.pxl-grid__filter .filter-item:has(.pxl-category__item-icon img[src*="Rocket"]) .pxl-category__item-icon {
	background-color: #fff4ed;
}

.pxl-grid__filter .filter-item[data-filter*="artificial-intelligence"] .pxl-category__item-icon,
.pxl-grid__filter .filter-item:has(.pxl-category__item-icon img[src*="images.png"]) .pxl-category__item-icon {
	background-color: #eef4ff;
}

.pxl-grid__filter .filter-item[data-filter*="seo"] .pxl-category__item-icon,
.pxl-grid__filter .filter-item:has(.pxl-category__item-icon img[src*="Magnifying"]) .pxl-category__item-icon {
	background-color: #f4f3ff;
}

/* Post meta category chips */
.pxl-pmeta__cat a {
	background-color: #ebe9fe;
	border-radius: 999px;
	padding: 4px 10px;
}

.pxl-pmeta__cat img {
	width: 18px !important;
	height: 18px !important;
	object-fit: contain;
}

/* FAQ tab pills — match theme / xyz layout-2 peel shape */
.pxl-tabs--layout-2 .pxl-tabs__list-item {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center;
	gap: 4px;
	border-radius: 50px !important;
	padding: 7px 16px !important;
	line-height: 1.3 !important;
	font-size: 14px !important;
	font-weight: 500;
	background-color: #fff !important;
	border: 1px solid #d5d7da !important;
	color: var(--primary-color, #1c4e80) !important;
}

.pxl-tabs--layout-2 .pxl-tabs__list-item--viewall {
	min-height: 32px;
}

.pxl-tabs--layout-2 .pxl-tabs__list-item.active,
.pxl-tabs--layout-2 .pxl-tabs__list-item:hover {
	background-color: var(--primary-color, #1c4e80) !important;
	border-color: var(--primary-color, #1c4e80) !important;
	color: #fff !important;
	box-shadow: none !important;
}

.pxl-tabs--layout-2 .pxl-tabs__item-icon {
	width: auto !important;
	height: auto !important;
	min-width: 0;
	margin-right: 0 !important;
	padding: 0 !important;
	background: none !important;
	border-radius: 0 !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.pxl-tabs--layout-2 .pxl-tabs__list-item img,
.pxl-tabs--layout-2 .pxl-tabs__item-icon img {
	width: 14px !important;
	height: 14px !important;
	max-width: 14px !important;
	max-height: 14px !important;
	object-fit: contain;
	display: block;
}

.pxl-tabs--layout-2 .pxl-tabs__list-item.active img,
.pxl-tabs--layout-2 .pxl-tabs__list-item:hover img {
	filter: brightness(0) invert(1);
}

/* FAQ bottom CTA banner */
.elementor-2573 .elementor-element-91e68d2:not(.elementor-motion-effects-element-type-background),
.elementor-2573 .elementor-element-91e68d2 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	background-image: url("https://seoanalyser.ai/wp-content/uploads/2026/02/Untitled-design-1.webp") !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}

/* Editor's Pick badge on featured post */
.pxl-posts__item-editor {
	display: inline-flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: center !important;
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	white-space: nowrap !important;
	writing-mode: horizontal-tb !important;
	padding: 7px 16px !important;
	border-radius: 8px !important;
	background-color: #1d3f6f !important;
	color: #fff !important;
	z-index: 2 !important;
	gap: 5px !important;
}

.pxl-posts__item-editor img {
	width: 14px !important;
	height: 14px !important;
	flex-shrink: 0 !important;
}

.pxl-posts__item-editor:hover {
	background-color: #1c4e80 !important;
	color: #fff !important;
}

/* Blog post thumbnails — only style real images, no placeholder fill */
.pxl-posts__item-img img,
.pxl-grid__item-featured img,
.pxl-posts__style-3 .pxl-posts__item-img img {
	object-fit: cover;
}

/* Transparent header: offset first Elementor section below fixed nav */
.bd-px-header--transparent:not(.elementor-editor-active) #pxl-main .elementor.elementor-page > .e-con.e-parent:first-child,
.bd-px-header--transparent:not(.elementor-editor-active) #pxl-main .elementor.elementor-page > .elementor-element.e-con.e-parent:first-child {
	padding-top: 120px !important;
}

.bd-px-header--transparent:not(.elementor-editor-active) #pxl-ptit__elementor + #pxl-main .elementor.elementor-page > .e-con.e-parent:first-child {
	padding-top: 0 !important;
}

@media (max-width: 991px) {
	.bd-px-header--transparent:not(.elementor-editor-active) #pxl-main .elementor.elementor-page > .e-con.e-parent:first-child,
	.bd-px-header--transparent:not(.elementor-editor-active) #pxl-main .elementor.elementor-page > .elementor-element.e-con.e-parent:first-child {
		padding-top: 96px !important;
	}

	.bd-px-header--transparent:not(.elementor-editor-active) #pxl-ptit__elementor + #pxl-main .elementor.elementor-page > .e-con.e-parent:first-child {
		padding-top: 0 !important;
	}
}