/**
 * GoMarketage - Blog stilleri (yazı, arşiv, kategori, etiket, arama, 404).
 * Yalnızca blog görünümlerinde yüklenir. Renk, tipografi ve boşluklar tokens.css'ten gelir.
 */

/* ---------- Ortak ---------- */
.gma-breadcrumb { font-size: 12px; color: var(--gma-text-muted-2); margin-bottom: var(--gma-space-2); line-height: 1.5; }
.gma-breadcrumb a { color: var(--gma-text-muted); }
.gma-breadcrumb a:hover { color: var(--gma-navy); }
.gma-breadcrumb__sep { margin: 0 6px; }
.gma-breadcrumb .breadcrumb_last,
.gma-breadcrumb [aria-current="page"] { color: var(--gma-text); }

.gma-blog-hero { background: var(--gma-bg-2); padding: var(--gma-space-6) 0 var(--gma-space-4); }
.gma-blog-hero__title { margin-bottom: var(--gma-space-1); }
.gma-blog-hero__desc { color: var(--gma-text-muted); max-width: 640px; margin-bottom: var(--gma-space-3); }
.gma-blog-hero__desc > :last-child { margin-bottom: 0; }

.gma-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: var(--gma-space-2); }
.gma-chip {
	display: inline-block;
	padding: 6px 14px;
	border: 1px solid var(--gma-border-strong);
	border-radius: var(--gma-radius-pill);
	background: #FFFFFF;
	color: var(--gma-text);
	font-size: 12.5px;
	font-weight: 500;
	transition: background var(--gma-transition-fast), color var(--gma-transition-fast), border-color var(--gma-transition-fast);
}
.gma-chip:hover { border-color: var(--gma-navy); color: var(--gma-navy); }
.gma-chip.is-active { background: var(--gma-navy); border-color: var(--gma-navy); color: #FFFFFF; }

.gma-search-form { display: flex; gap: 8px; max-width: 520px; }
.gma-search-form .gma-input { flex: 1; min-width: 0; }
.gma-blog-hero .gma-search-form { margin-top: var(--gma-space-2); }

/* ---------- Yazı kartları ---------- */
.gma-post-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--gma-space-3); }
.gma-post-card {
	display: flex;
	flex-direction: column;
	background: #FFFFFF;
	border: 0.5px solid var(--gma-border);
	border-radius: 14px;
	overflow: hidden;
	transition: transform var(--gma-transition), box-shadow var(--gma-transition);
}
.gma-post-card:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(10, 59, 107, 0.08); }
.gma-post-card__media { display: block; aspect-ratio: 3 / 2; background: var(--gma-bg-2); overflow: hidden; }
.gma-post-card__img { width: 100%; height: 100%; object-fit: cover; }
.gma-post-card__placeholder { display: block; width: 100%; height: 100%; background: linear-gradient(135deg, #DCE6F0, #F0F0F0); }
.gma-post-card__body { display: flex; flex-direction: column; gap: 8px; padding: var(--gma-space-2) var(--gma-space-3) var(--gma-space-3); flex: 1; }
.gma-post-card__cat { font-size: 11.5px; font-weight: 700; color: var(--gma-navy); text-transform: uppercase; letter-spacing: 0.4px; }
.gma-post-card__title { font-size: 17px; line-height: 1.35; margin: 0; }
.gma-post-card__title a { color: var(--gma-navy); }
.gma-post-card__title a:hover { text-decoration: underline; }
.gma-post-card__excerpt { color: var(--gma-text-muted); font-size: 13.5px; margin: 0; }
.gma-post-card__meta { margin-top: auto; padding-top: 4px; font-size: 12px; color: var(--gma-text-muted-2); display: flex; gap: 6px; flex-wrap: wrap; }

.gma-post-card--featured { grid-column: 1 / -1; flex-direction: row; }
.gma-post-card--featured .gma-post-card__media { flex: 1.2; aspect-ratio: auto; min-height: 320px; }
.gma-post-card--featured .gma-post-card__body { flex: 1; justify-content: center; padding: var(--gma-space-4); gap: 12px; }
.gma-post-card--featured .gma-post-card__title { font-size: var(--gma-h2); }
.gma-post-card--featured .gma-post-card__excerpt { font-size: var(--gma-body); }

/* ---------- Sayfalama ---------- */
.gma-blog-list .navigation.pagination { margin-top: var(--gma-space-6); }
.nav-links { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; align-items: center; }
.nav-links .page-numbers {
	min-width: 40px;
	padding: 8px 14px;
	text-align: center;
	border: 1px solid var(--gma-border-strong);
	border-radius: var(--gma-radius-sm);
	font-size: 13px;
	font-weight: 600;
	color: var(--gma-navy);
	background: #FFFFFF;
}
.nav-links a.page-numbers:hover { border-color: var(--gma-navy); }
.nav-links .page-numbers.current { background: var(--gma-navy); border-color: var(--gma-navy); color: #FFFFFF; }
.nav-links .page-numbers.dots { border: 0; background: transparent; }

/* ---------- Sonuç yok ---------- */
.gma-empty { max-width: 560px; margin: 0 auto; text-align: center; }
.gma-empty__title { font-size: var(--gma-h3); font-weight: 700; color: var(--gma-navy); }
.gma-empty .gma-search-form { margin: var(--gma-space-3) auto; }
.gma-empty .gma-chips { justify-content: center; }

/* ---------- Yazı sayfası ---------- */
.gma-article__header { background: var(--gma-bg-2); padding: var(--gma-space-6) 0 var(--gma-space-4); }
.gma-container--article { max-width: 920px; }
.gma-article__cat {
	display: inline-block;
	margin-bottom: var(--gma-space-1);
	padding: 4px 12px;
	border-radius: var(--gma-radius-pill);
	background: var(--gma-navy);
	color: #FFFFFF;
	font-size: 12px;
	font-weight: 700;
}
.gma-article__cat:hover { background: var(--gma-navy-hover); color: #FFFFFF; }
.gma-article__title { margin-bottom: var(--gma-space-2); }
.gma-article__meta { display: flex; flex-wrap: wrap; gap: 6px 10px; font-size: 13px; color: var(--gma-text-muted); }
.gma-article__meta a { color: var(--gma-navy); font-weight: 600; }

.gma-article__layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 320px;
	gap: var(--gma-space-6);
	padding-top: var(--gma-space-4);
	padding-bottom: var(--gma-space-8);
	align-items: start;
}
.gma-article__main { min-width: 0; }
.gma-article__cover { margin: 0 0 var(--gma-space-4); }
.gma-article__cover img { width: 100%; border-radius: var(--gma-radius); }
.gma-article__cover figcaption { margin-top: 8px; font-size: 12px; color: var(--gma-text-muted-2); }

/* Yazı içeriği: mevcut yazıların HTML'i değişmeden okunabilir kalır */
.gma-prose { font-size: 17px; line-height: 1.8; color: var(--gma-text); overflow-wrap: break-word; }
.gma-prose > :first-child { margin-top: 0; }
.gma-prose h2 { font-size: 28px; margin: 2em 0 0.6em; }
.gma-prose h3 { font-size: 22px; margin: 1.8em 0 0.5em; }
.gma-prose h4 { font-size: 18px; margin: 1.6em 0 0.5em; }
.gma-prose h5, .gma-prose h6 { color: var(--gma-navy); margin: 1.4em 0 0.5em; }
.gma-prose p { margin: 0 0 1.25em; }
.gma-prose a { text-decoration: underline; text-underline-offset: 2px; }
.gma-prose a:hover { color: var(--gma-navy-hover); }
.gma-prose ul, .gma-prose ol { margin: 0 0 1.25em; padding-left: 1.5em; }
.gma-prose li { margin-bottom: 0.4em; }
.gma-prose img, .gma-prose video, .gma-prose iframe { max-width: 100%; }
.gma-prose img { height: auto; border-radius: var(--gma-radius-sm); }
.gma-prose figure { margin: 1.5em 0; }
.gma-prose figcaption, .gma-prose .wp-caption-text { font-size: 13px; color: var(--gma-text-muted-2); margin-top: 6px; }
.gma-prose .wp-caption { max-width: 100%; }
.gma-prose .alignleft { float: left; margin: 0.3em 1.5em 1em 0; }
.gma-prose .alignright { float: right; margin: 0.3em 0 1em 1.5em; }
.gma-prose .aligncenter { display: block; margin-left: auto; margin-right: auto; }
.gma-prose blockquote {
	margin: 1.6em 0;
	padding: 4px 0 4px var(--gma-space-3);
	border-left: 4px solid var(--gma-navy);
	color: var(--gma-text-muted);
	font-style: italic;
}
.gma-prose table { width: 100%; border-collapse: collapse; margin: 1.5em 0; font-size: 15px; display: block; overflow-x: auto; }
.gma-prose th, .gma-prose td { border: 1px solid var(--gma-border-strong); padding: 10px 12px; text-align: left; }
.gma-prose th { background: var(--gma-bg-2); color: var(--gma-navy); }
.gma-prose pre { background: #0F1B2D; color: #E6EDF5; padding: var(--gma-space-2); border-radius: var(--gma-radius-sm); overflow-x: auto; font-size: 14px; line-height: 1.6; }
.gma-prose code { background: var(--gma-bg-2); padding: 2px 6px; border-radius: 4px; font-size: 0.9em; }
.gma-prose pre code { background: transparent; padding: 0; }
.gma-prose hr { border: 0; border-top: 1px solid var(--gma-border-strong); margin: 2em 0; }
.gma-prose::after { content: ""; display: block; clear: both; }
.gma-page-links { margin: var(--gma-space-2) 0; font-weight: 600; }
.gma-page-links > span { margin-right: 6px; }
.gma-page-links a, .gma-page-links > .post-page-numbers { margin-right: 6px; }

.gma-article__tags { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: var(--gma-space-4); font-size: 13px; }
.gma-article__tags-label { font-weight: 700; color: var(--gma-navy); }
.gma-tag-list { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 0; padding: 0; }
.gma-tag-list a { display: inline-block; padding: 4px 12px; border-radius: var(--gma-radius-pill); background: var(--gma-bg-2); color: var(--gma-text); font-size: 12.5px; }
.gma-tag-list a:hover { background: var(--gma-navy); color: #FFFFFF; }

/* Paylaşım */
.gma-share { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: var(--gma-space-4); padding: var(--gma-space-2) 0; border-top: 1px solid var(--gma-border); border-bottom: 1px solid var(--gma-border); }
.gma-share__label { font-weight: 700; color: var(--gma-navy); font-size: 13px; }
.gma-share__list { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0; padding: 0; }
.gma-share__btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 7px 12px;
	border: 1px solid var(--gma-border-strong);
	border-radius: var(--gma-radius-sm);
	background: #FFFFFF;
	color: var(--gma-navy);
	font: inherit;
	font-size: 12.5px;
	font-weight: 600;
	cursor: pointer;
	transition: background var(--gma-transition-fast), color var(--gma-transition-fast), border-color var(--gma-transition-fast);
}
.gma-share__btn:hover { background: var(--gma-navy); border-color: var(--gma-navy); color: #FFFFFF; }
.gma-share__btn[hidden] { display: none; }

/* Yazar kutusu */
.gma-author-box { display: flex; gap: var(--gma-space-2); margin-top: var(--gma-space-4); padding: var(--gma-space-3); background: var(--gma-bg-2); border-radius: var(--gma-radius); }
.gma-author-box__img { border-radius: 50%; width: 72px; height: 72px; }
.gma-author-box__name { font-weight: 800; margin-bottom: 4px; }
.gma-author-box p { margin: 0; font-size: 14px; color: var(--gma-text-muted); }

/* Önceki / sonraki */
.post-navigation { margin-top: var(--gma-space-4); }
.post-navigation .nav-links { display: grid; grid-template-columns: 1fr 1fr; gap: var(--gma-space-2); justify-content: stretch; align-items: stretch; }
.post-navigation .nav-previous a, .post-navigation .nav-next a {
	display: block;
	height: 100%;
	padding: var(--gma-space-2);
	border: 1px solid var(--gma-border-strong);
	border-radius: var(--gma-radius-sm);
	color: var(--gma-navy);
	transition: border-color var(--gma-transition-fast);
}
.post-navigation .nav-previous a:hover, .post-navigation .nav-next a:hover { border-color: var(--gma-navy); }
.post-navigation .nav-next { grid-column: 2; text-align: right; }
.gma-postnav__label { display: block; font-size: 11.5px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.4px; color: var(--gma-text-muted-2); }
.gma-postnav__title { display: block; font-weight: 700; line-height: 1.35; }

/* Yorumlar */
.gma-comments { margin-top: var(--gma-space-6); }
.gma-comments__title { font-size: 22px; }
.gma-comment-list, .gma-comment-list .children { list-style: none; margin: 0; padding: 0; }
.gma-comment-list .children { margin-left: var(--gma-space-4); }
.gma-comment-list .comment-body { padding: var(--gma-space-2) 0; border-bottom: 1px solid var(--gma-border); font-size: 15px; }
.gma-comment-list .comment-author { display: flex; align-items: center; gap: 10px; font-weight: 700; }
.gma-comment-list .comment-author img { border-radius: 50%; }
.gma-comment-list .comment-metadata { font-size: 12px; color: var(--gma-text-muted-2); margin: 4px 0 8px; }
.gma-comment-list .comment-metadata a { color: inherit; }
.gma-comment-list .reply a { font-size: 12.5px; font-weight: 600; }
.comment-form label { display: block; font-size: 12px; font-weight: 600; margin-bottom: 6px; }
.comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"], .comment-form textarea {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid var(--gma-border-strong);
	border-radius: var(--gma-radius-sm);
	font: inherit;
}
.comment-form input:focus, .comment-form textarea:focus { outline: 2px solid var(--gma-navy); outline-offset: 1px; }
.comment-form p { margin: 0 0 var(--gma-space-2); }
.comment-form .comment-form-cookies-consent { display: flex; gap: 8px; align-items: flex-start; }
.comment-form .comment-form-cookies-consent label { margin: 0; font-weight: 400; }
.comment-notes, .gma-comments__closed { font-size: 13px; color: var(--gma-text-muted-2); }

/* ---------- Kenar çubuğu ---------- */
.gma-sidebar { position: sticky; top: 96px; display: flex; flex-direction: column; gap: var(--gma-space-3); }
.gma-side-box { padding: var(--gma-space-3); border: 1px solid var(--gma-border); border-radius: var(--gma-radius); background: #FFFFFF; }
.gma-side-box__title { font-size: 15px; font-weight: 800; color: var(--gma-navy); margin-bottom: var(--gma-space-2); }
.gma-side-box .gma-search-form { flex-direction: column; }
.gma-side-list, .gma-side-links { list-style: none; margin: 0; padding: 0; }
.gma-side-list li + li { margin-top: 14px; }
.gma-side-list__item { display: flex; gap: 12px; color: var(--gma-text); }
.gma-side-list__item:hover .gma-side-list__title { color: var(--gma-navy); text-decoration: underline; }
.gma-side-list__thumb { flex: 0 0 64px; width: 64px; height: 64px; border-radius: var(--gma-radius-sm); overflow: hidden; background: var(--gma-bg-2); }
.gma-side-list__thumb img { width: 100%; height: 100%; object-fit: cover; }
.gma-side-list__text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.gma-side-list__title { font-size: 13.5px; font-weight: 600; line-height: 1.4; }
.gma-side-list__date { font-size: 11.5px; color: var(--gma-text-muted-2); }
.gma-side-links li + li { border-top: 1px solid var(--gma-border); }
.gma-side-links a { display: block; padding: 10px 0; font-size: 14px; font-weight: 600; }
.gma-side-links a:hover { text-decoration: underline; }
.gma-side-cta { padding: var(--gma-space-3); border-radius: var(--gma-radius); background: var(--gma-navy); color: #FFFFFF; }
.gma-side-cta__title { font-size: 18px; font-weight: 800; margin-bottom: var(--gma-space-1); }
.gma-side-cta p { font-size: 13.5px; color: #D5E1EE; }

/* Alt "ilgili yazılar" */
.gma-related__title { text-align: center; margin-bottom: var(--gma-space-4); }

/* ---------- 404 ---------- */
.gma-404__inner { max-width: 640px; text-align: center; }
.gma-404__code { font-size: 80px; font-weight: 800; color: var(--gma-navy); line-height: 1; margin-bottom: var(--gma-space-2); opacity: 0.12; }
.gma-404__desc { color: var(--gma-text-muted); }
.gma-404__inner .gma-search-form { margin: var(--gma-space-3) auto; }
.gma-404__actions { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; }
.gma-404__latest { margin-top: var(--gma-space-8); }
.gma-404__latest-title { text-align: center; margin-bottom: var(--gma-space-4); }

/* ---------- Responsive (1279 / 1023 / 767 / 479) ---------- */
@media (max-width: 1279px) {
	.gma-article__layout { grid-template-columns: minmax(0, 1fr) 280px; gap: var(--gma-space-4); }
}

@media (max-width: 1023px) {
	.gma-post-grid { grid-template-columns: repeat(2, 1fr); }
	.gma-post-card--featured { flex-direction: column; }
	.gma-post-card--featured .gma-post-card__media { min-height: 0; aspect-ratio: 16 / 9; flex: none; }
	.gma-post-card--featured .gma-post-card__body { padding: var(--gma-space-3); }
	/* Tek sütun: kenar çubuğu makalenin altına iner */
	.gma-article__layout { grid-template-columns: 1fr; }
	.gma-sidebar { position: static; }
}

@media (max-width: 767px) {
	.gma-blog-hero, .gma-article__header { padding: var(--gma-space-4) 0 var(--gma-space-3); }
	.gma-post-grid { grid-template-columns: 1fr; }
	.gma-prose { font-size: 16px; }
	.gma-prose h2 { font-size: 22px; }
	.gma-prose h3 { font-size: 19px; }
	.gma-prose .alignleft, .gma-prose .alignright { float: none; display: block; margin: 1em auto; }
	.post-navigation .nav-links { grid-template-columns: 1fr; }
	.post-navigation .nav-next { grid-column: 1; text-align: left; }
	.gma-author-box { flex-direction: column; }
	.gma-comment-list .children { margin-left: var(--gma-space-2); }
	.gma-404__code { font-size: 56px; }
}

@media (max-width: 479px) {
	.gma-search-form { flex-direction: column; }
	.gma-share__text { display: none; }
	.gma-share__btn[data-gma-copy] .gma-share__text,
	.gma-share__btn--copy .gma-share__text { display: inline; }
	.nav-links .page-numbers { padding: 8px 10px; min-width: 36px; }
}

@media (prefers-reduced-motion: reduce) {
	.gma-post-card, .gma-chip, .gma-share__btn { transition: none; }
	.gma-post-card:hover { transform: none; }
}