/**
 * Semantic SEO Blog Section - Static Links
 *
 * @package kadence
 */

/* Main Section */
.semantic-seo-blog-section {
	padding: 8px 0;
	background: linear-gradient(135deg, var(--global-palette3, #1f2937) 0%, var(--global-palette4, #2d3748) 100%);
	position: relative;
	overflow: hidden;
}

.semantic-seo-blog-inner {
	position: relative;
	z-index: 1;
}

/* Header */
.semantic-seo-blog-header {
	text-align: center;
	margin-bottom: 6px;
}

.semantic-seo-blog-title {
	font-size: 0.8rem;
	font-weight: 700;
	color: #ffffff;
	margin: 0 0 3px 0;
	line-height: 1.2;
}

.semantic-seo-blog-subtitle {
	font-size: 0.55rem;
	color: rgba(255, 255, 255, 0.7);
	margin: 0;
	max-width: 350px;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.3;
}

/* Blog Grid */
.semantic-seo-blog-grid {
	display: flex;
	flex-direction: column;
	gap: 3px;
	max-width: 380px;
	margin: 0 auto;
}

/* Blog Card */
.semantic-seo-blog-card {
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 3px;
	transition: all 0.3s ease;
}

.semantic-seo-blog-card:hover {
	background: rgba(255, 255, 255, 0.1);
	border-color: rgba(255, 255, 255, 0.2);
	transform: translateX(2px);
}

.semantic-seo-blog-link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 4px 8px;
	color: #ffffff;
	text-decoration: none;
	font-size: 0.6rem;
	font-weight: 500;
	line-height: 1.2;
}

.semantic-seo-blog-link-text {
	flex: 1;
	margin-right: 6px;
}

.semantic-seo-blog-link svg {
	flex-shrink: 0;
	width: 10px;
	height: 10px;
	transition: transform 0.3s ease;
}

.semantic-seo-blog-card:hover .semantic-seo-blog-link svg {
	transform: translateX(2px);
}

/* Footer */
.semantic-seo-blog-footer {
	text-align: center;
	margin-top: 6px;
}

.semantic-seo-blog-view-all {
	display: inline-flex;
	align-items: center;
	gap: 3px;
	padding: 3px 10px;
	background: transparent;
	color: var(--global-palette1, #63b3ed);
	font-weight: 600;
	font-size: 0.6rem;
	text-decoration: none;
	border: 1px solid var(--global-palette1, #63b3ed);
	border-radius: 15px;
	transition: all 0.3s ease;
}

.semantic-seo-blog-view-all:hover {
	background: var(--global-palette1, #63b3ed);
	color: #ffffff;
	transform: translateY(-1px);
}

.semantic-seo-blog-view-all svg {
	width: 10px;
	height: 10px;
	transition: transform 0.3s ease;
}

.semantic-seo-blog-view-all:hover svg {
	transform: translateX(2px);
}

/* Responsive */
@media (max-width: 768px) {
	.semantic-seo-blog-section {
		padding: 6px 0;
	}

	.semantic-seo-blog-title {
		font-size: 0.75rem;
	}

	.semantic-seo-blog-subtitle {
		font-size: 0.5rem;
	}

	.semantic-seo-blog-link {
		padding: 3px 6px;
		font-size: 0.55rem;
	}

	.semantic-seo-blog-link svg {
		width: 9px;
		height: 9px;
	}

	.semantic-seo-blog-view-all {
		padding: 3px 8px;
		font-size: 0.55rem;
	}
}

@media (max-width: 480px) {
	.semantic-seo-blog-title {
		font-size: 0.7rem;
	}

	.semantic-seo-blog-subtitle {
		font-size: 0.45rem;
	}

	.semantic-seo-blog-link {
		padding: 3px 5px;
		font-size: 0.5rem;
	}
}