/**
 * GazeteGurbet SEO module styles.
 * Scoped with .gg- prefix — does not override global theme styles.
 */

/* --- Related posts box --- */

.gg-related-posts {
	margin-top: 2rem;
	padding: 1.25rem 1.5rem;
	background-color: #f8f9fa;
	border: 1px solid #e2e6ea;
	border-radius: 6px;
}

.gg-related-posts__title {
	margin: 0 0 1rem;
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1.3;
}

.gg-related-posts__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.75rem;
}

.gg-related-posts__item {
	margin: 0;
	padding: 0;
}

.gg-related-posts__article {
	margin: 0;
}

.gg-related-posts__link {
	display: block;
	padding: 0.75rem 1rem;
	background-color: #fff;
	border: 1px solid #e8ecef;
	border-radius: 4px;
	text-decoration: none;
	color: inherit;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.gg-related-posts__link:hover,
.gg-related-posts__link:focus {
	border-color: #c5cdd5;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
	text-decoration: none;
}

.gg-related-posts__post-title {
	display: block;
	font-weight: 500;
	line-height: 1.4;
	margin-bottom: 0.25rem;
}

.gg-related-posts__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1rem;
	font-size: 0.8125rem;
	color: #6c757d;
	line-height: 1.3;
}

.gg-related-posts__category {
	font-weight: 500;
}

.gg-related-posts__date {
	font-style: normal;
}

@media (min-width: 640px) {
	.gg-related-posts__list {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* --- Breadcrumbs --- */

.gg-breadcrumbs {
	margin-bottom: 1rem;
	font-size: 0.875rem;
}

.gg-breadcrumbs__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 0.25rem;
}

.gg-breadcrumbs__item,
.gg-breadcrumbs__separator {
	margin: 0;
	padding: 0;
}

.gg-breadcrumbs__link {
	color: inherit;
	text-decoration: none;
}

.gg-breadcrumbs__link:hover,
.gg-breadcrumbs__link:focus {
	text-decoration: underline;
}

.gg-breadcrumbs__current {
	color: #6c757d;
}

.gg-breadcrumbs__separator {
	color: #adb5bd;
}

/* --- Category intro --- */

.gg-category-intro {
	margin-bottom: 1.5rem;
	padding: 1rem 1.25rem;
	background-color: #f8f9fa;
	border-left: 3px solid #dee2e6;
	font-size: 0.9375rem;
	line-height: 1.6;
	color: #495057;
}

.gg-category-intro p:last-child {
	margin-bottom: 0;
}

.gg-category-intro-wrap {
	margin-bottom: 1.5rem;
}