/**
 * PressGPT — Jetpack Comments (iframe'siz) ortak standardı.
 * Yalnız Jetpack yorum kutusu sayfadayken yüklenir (PressGPT\Core\Comments\JetpackComments).
 *
 * Temalar renkleri değişkenlerle verir (yorum kapsayıcısında veya :root'ta):
 *   --pressgpt-comments-bg               kutu zemini          (varsayılan: şeffaf)
 *   --pressgpt-comments-border           kutu çerçevesi       (varsayılan: metin rengi %22)
 *   --pressgpt-comments-radius           köşe yuvarlaklığı    (varsayılan: 12px)
 *   --pressgpt-comments-accent           odak + buton zemini  (varsayılan: #2563eb)
 *   --pressgpt-comments-accent-hover     buton hover zemini
 *   --pressgpt-comments-accent-contrast  buton yazı rengi     (varsayılan: #fff)
 *   --pressgpt-comments-muted            "Adınızı ekleyin"    (varsayılan: metin rengi %70)
 *
 * Seçiciler bilerek .jetpack-comments kökünden başlar; tema form kurallarını
 * (kompakt form: submit gizleme, flex-start) yalnız Jetpack kabuğu içinde ezer.
 */

/* Kutu formun tamamını kaplasın (flex-start formda içerik genişliğine büzülmesin). */
form .jetpack-comments,
.jetpack-comments.is-mounted {
	align-self: stretch;
	box-sizing: border-box;
	inline-size: 100%;
	max-inline-size: 100%;
	min-inline-size: 0;
}

.jetpack-comments.is-mounted {
	--jetpack-comments-pad: 0.85rem;
	--jetpack-comments-avatar-size: 36px;
	font-family: inherit;
}

.jetpack-comments.is-mounted .jetpack-comments__box {
	background: var(--pressgpt-comments-bg, transparent);
	border: 1px solid var(--pressgpt-comments-border, color-mix(in srgb, currentColor 22%, transparent));
	border-radius: var(--pressgpt-comments-radius, 12px);
	overflow: hidden;
	transition: border-color 0.12s ease;
}

.jetpack-comments.is-mounted .jetpack-comments__box:focus-within {
	border-color: var(--pressgpt-comments-accent, #2563eb);
}

/* Textarea fontu miras alsın; Jetpack editörü fontu buradan okur (aksi hâlde monospace). */
.jetpack-comments .jetpack-comments__box textarea.jetpack-comments__textarea {
	font-family: inherit;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: 0;
	box-shadow: none;
	min-block-size: 5lh;
}

.jetpack-comments.is-mounted .jetpack-comments__actions {
	gap: 0.6rem;
}

.jetpack-comments.is-mounted .jetpack-comments__identity {
	color: var(--pressgpt-comments-muted, color-mix(in srgb, currentColor 70%, transparent));
}

.jetpack-comments.is-mounted .jetpack-comments__avatar {
	border-radius: 50%;
	object-fit: cover;
}

/*
 * Gönder butonu. Temaların kompakt formu varsayılan input.submit'i gizler
 * (kendi ikonlu butonunu basar); Jetpack kabuğunda o buton yok, tek gönder
 * yolu Jetpack'inki — her koşulda görünür olmalı.
 */
.jetpack-comments .jetpack-comments__submit input[type="submit"] {
	display: inline-flex !important;
	align-items: center;
	inline-size: auto;
	border: 0;
	border-radius: 8px;
	background: var(--pressgpt-comments-accent, #2563eb);
	color: var(--pressgpt-comments-accent-contrast, #fff);
	font-family: inherit;
	font-weight: 700;
	letter-spacing: 0.02em;
	box-shadow: none;
	transition: background 0.15s ease;
}

.jetpack-comments .jetpack-comments__submit input[type="submit"]:hover,
.jetpack-comments .jetpack-comments__submit input[type="submit"]:focus-visible {
	background: var(--pressgpt-comments-accent-hover, color-mix(in srgb, var(--pressgpt-comments-accent, #2563eb) 85%, #000));
}

@media (max-width: 768px) {
	.jetpack-comments.is-mounted {
		--jetpack-comments-pad: 0.75rem;
		--jetpack-comments-avatar-size: 32px;
	}

	/* 16px altı iOS'ta odaklanınca sayfayı yakınlaştırır. */
	.jetpack-comments .jetpack-comments__box textarea.jetpack-comments__textarea {
		font-size: 16px;
	}
}