/*
 * Visitör renk şemaları — html[data-andropedi-vtheme].
 * Mobil: tam palet; masaüstü: yalnızca klasik açık / klasik koyu (betik iki kimliği yazar).
 * Birçok kural görünüm genişliğine göre sıkı sıkıştırılır (.andropedi-vtheme mobil panel vb. style.css’te ≥782px).
 */

html[data-andropedi-vtheme] {
	color-scheme: light dark;
	--andropedi-vtone-mix-strong: 18%;
	--andropedi-vtone-mix-soft: 8%;
	/* Dolu düğmeler — varsayılan dolgu `accent-3` + açık yazı; açık palet (`l-*`) aşağıda yüzey + koyu yazıya çekilir. */
	--andropedi-btn-fill: var(--wp--preset--color--accent-3);
	--andropedi-btn-ink: #ffffff;
	/* Açık dolgu + açık yüzey ayrımı için çok hafif iç çizgi */
	--andropedi-btn-hairline: inset 0 0 0 1px color-mix(in srgb, var(--wp--preset--color--contrast) 11%, transparent);
}

/* Light — Klasik (saf beyaz + siyah tonları, iki ana renk) */
html[data-andropedi-vtheme="l-classic"] {
	color-scheme: light;
	--wp--preset--color--base: #ffffff;
	--wp--preset--color--base-2: #fafafa;
	--wp--preset--color--contrast: #0a0a0a;
	--wp--preset--color--contrast-2: #404040;
	--wp--preset--color--contrast-3: #737373;
	--wp--preset--color--accent: #f5f5f5;
	--wp--preset--color--accent-2: #e5e5e5;
	--wp--preset--color--accent-3: #0a0a0a;
	--wp--preset--color--accent-4: #262626;
	--wp--preset--color--accent-5: #d4d4d4;
	--andropedi-vtone-mix-strong: 10%;
}

/* Light — Porselen Minimal */
html[data-andropedi-vtheme="l-porcelain"] {
	color-scheme: light;
	--wp--preset--color--base: #f8fafc;
	--wp--preset--color--base-2: #ffffff;
	--wp--preset--color--contrast: #0f172a;
	--wp--preset--color--contrast-2: #475569;
	--wp--preset--color--contrast-3: #94a3b8;
	--wp--preset--color--accent: #e2e8f0;
	--wp--preset--color--accent-2: #cbd5e1;
	--wp--preset--color--accent-3: #2563eb;
	--wp--preset--color--accent-4: #3b82f6;
	--wp--preset--color--accent-5: #cbd5e1;
	--andropedi-vtone-mix-strong: 16%;
}

/* Light — Kağıt Sıcak */
html[data-andropedi-vtheme="l-paper"] {
	color-scheme: light;
	--wp--preset--color--base: #faf6ef;
	--wp--preset--color--base-2: #fffdf9;
	--wp--preset--color--contrast: #3d2917;
	--wp--preset--color--contrast-2: #674e35;
	--wp--preset--color--contrast-3: #b89b7f;
	--wp--preset--color--accent: #ead9c5;
	--wp--preset--color--accent-2: #dbc4a9;
	--wp--preset--color--accent-3: #b45309;
	--wp--preset--color--accent-4: #c8760f;
	--wp--preset--color--accent-5: #d6c4b0;
	--andropedi-vtone-mix-strong: 22%;
}

/* Light — Okyanus Sahili */
html[data-andropedi-vtheme="l-coastal"] {
	color-scheme: light;
	--wp--preset--color--base: #f0fdf9;
	--wp--preset--color--base-2: #ffffff;
	--wp--preset--color--contrast: #0f172a;
	--wp--preset--color--contrast-2: #166534;
	--wp--preset--color--contrast-3: #64748b;
	--wp--preset--color--accent: #ccfbf1;
	--wp--preset--color--accent-2: #99f6e4;
	--wp--preset--color--accent-3: #0f766e;
	--wp--preset--color--accent-4: #14b8a6;
	--wp--preset--color--accent-5: #5eead4;
}

/* Light — Nebula (Catppuccin Latte esintili, modern açık palet) */
html[data-andropedi-vtheme="l-nebula"] {
	color-scheme: light;
	--wp--preset--color--base: #eff1f5;
	--wp--preset--color--base-2: #e6e9ef;
	--wp--preset--color--contrast: #4c4f69;
	--wp--preset--color--contrast-2: #5c5f77;
	--wp--preset--color--contrast-3: #8c8fa1;
	--wp--preset--color--accent: #ccd0da;
	--wp--preset--color--accent-2: #bcc0cc;
	--wp--preset--color--accent-3: #8839ef;
	--wp--preset--color--accent-4: #1e66f5;
	--wp--preset--color--accent-5: #209fb5;
	--andropedi-vtone-mix-strong: 18%;
}

/*
 * Açık paletler (l-*): dolu CTA — açık yüzey hissi, yazı `contrast` (yorum gönder, arama, dosya, indir linki…).
 */
html[data-andropedi-vtheme^="l-"] {
	--andropedi-btn-fill: color-mix(in srgb, var(--wp--preset--color--base-2), var(--wp--preset--color--accent-3) 16%);
	--andropedi-btn-ink: var(--wp--preset--color--contrast);
	--andropedi-btn-hairline: inset 0 0 0 1px color-mix(in srgb, var(--wp--preset--color--accent-3), var(--wp--preset--color--contrast) 32%);
}

/* İlk standart açık palet (l-classik): dolu düğme zemini grimsi tint yerine beyaza yakın; `--andropedi-btn-ink` yukarıdaki ile aynı kalır (`contrast`). */
html[data-andropedi-vtheme="l-classic"] {
	--andropedi-btn-fill: #ffffff;
	--andropedi-btn-hairline: inset 0 0 0 1px color-mix(in srgb, var(--wp--preset--color--contrast), transparent 84%);
}

/* Dark — Klasik (saf siyah + açık gri tonları, iki ana renk) */
html[data-andropedi-vtheme="d-classic"] {
	color-scheme: dark;
	--wp--preset--color--base: #000000;
	--wp--preset--color--base-2: #0a0a0a;
	--wp--preset--color--contrast: #fafafa;
	--wp--preset--color--contrast-2: #e5e5e5;
	--wp--preset--color--contrast-3: #a3a3a3;
	--wp--preset--color--accent: #171717;
	--wp--preset--color--accent-2: #262626;
	--wp--preset--color--accent-3: #fafafa;
	--wp--preset--color--accent-4: #ffffff;
	--wp--preset--color--accent-5: #404040;
	/* Açık gri dolgu — beyaz yazı kaybolmasın diye gerçek zıt. */
	--andropedi-btn-ink: var(--wp--preset--color--base);
}

/* Dark — Grafit Gece */
html[data-andropedi-vtheme="d-graphite"] {
	color-scheme: dark;
	--wp--preset--color--base: #1c1c24;
	--wp--preset--color--base-2: #252532;
	--wp--preset--color--contrast: #f1f5f9;
	--wp--preset--color--contrast-2: #bae6fd;
	--wp--preset--color--contrast-3: #64748b;
	--wp--preset--color--accent: #334155;
	--wp--preset--color--accent-2: #475569;
	--wp--preset--color--accent-3: #38bdf8;
	--wp--preset--color--accent-4: #7dd3fc;
	--wp--preset--color--accent-5: #575d6e;
}

/* Dark — Kutup Nord */
html[data-andropedi-vtheme="d-nord"] {
	color-scheme: dark;
	--wp--preset--color--base: #2e3440;
	--wp--preset--color--base-2: #3b4252;
	--wp--preset--color--contrast: #eceff4;
	--wp--preset--color--contrast-2: #88c0d0;
	--wp--preset--color--contrast-3: #4c566a;
	--wp--preset--color--accent: #434c5e;
	--wp--preset--color--accent-2: #4c566a;
	--wp--preset--color--accent-3: #88c0d0;
	--wp--preset--color--accent-4: #8fbcbb;
	--wp--preset--color--accent-5: #5e81ac;
}

/* Dark — OLED Gece */
html[data-andropedi-vtheme="d-night"] {
	color-scheme: dark;
	--wp--preset--color--base: #09090b;
	--wp--preset--color--base-2: #18181b;
	--wp--preset--color--contrast: #fafafa;
	--wp--preset--color--contrast-2: #e4e4e7;
	--wp--preset--color--contrast-3: #71717a;
	--wp--preset--color--accent: #27272a;
	--wp--preset--color--accent-2: #3f3f46;
	--wp--preset--color--accent-3: #a78bfa;
	--wp--preset--color--accent-4: #c4b5fd;
	--wp--preset--color--accent-5: #52525b;
}

/* Dark — Tokyo Neon (Tokyo Night esintili, mavi–mor neon) */
html[data-andropedi-vtheme="d-tokyo"] {
	color-scheme: dark;
	--wp--preset--color--base: #1a1b26;
	--wp--preset--color--base-2: #24283b;
	--wp--preset--color--contrast: #c0caf5;
	--wp--preset--color--contrast-2: #a9b1d6;
	--wp--preset--color--contrast-3: #565f89;
	--wp--preset--color--accent: #414868;
	--wp--preset--color--accent-2: #3b4261;
	--wp--preset--color--accent-3: #7aa2f7;
	--wp--preset--color--accent-4: #bb9af7;
	--wp--preset--color--accent-5: #7dcfff;
}

html[data-andropedi-vtheme] body {
	background-color: var(--wp--preset--color--base);
	background-image:
		radial-gradient(
			120% 80% at 50% -20%,
			color-mix(in srgb, var(--wp--preset--color--accent), transparent 72%) 0%,
			transparent 55%
		),
		radial-gradient(
			90% 55% at 100% 100%,
			color-mix(in srgb, var(--wp--preset--color--accent-3), transparent 92%) 0%,
			transparent 50%
		),
		linear-gradient(
			168deg,
			color-mix(
				in srgb,
				var(--wp--preset--color--base-2),
				var(--wp--preset--color--accent) var(--andropedi-vtone-mix-strong)
			) 0%,
			var(--wp--preset--color--base) 42%,
			color-mix(
				in srgb,
				var(--wp--preset--color--base),
				var(--wp--preset--color--accent-3) var(--andropedi-vtone-mix-soft)
			) 100%
		);
	background-attachment: scroll;
	min-height: 100vh;
	color: var(--wp--preset--color--contrast);
	caret-color: var(--wp--preset--color--accent-3);
	accent-color: var(--wp--preset--color--accent-3);
}

@supports not (color: color-mix(in srgb, black, transparent)) {
	html[data-andropedi-vtheme] body {
		background-image: none;
	}
}

html[data-andropedi-vtheme] ::selection {
	background-color: color-mix(in srgb, var(--wp--preset--color--accent-3), transparent 58%);
	color: var(--wp--preset--color--contrast);
}

html[data-andropedi-vtheme] .wp-site-blocks,
html[data-andropedi-vtheme] .wp-block-group:not(.wp-block-navigation .wp-block-group) {
	color: inherit;
}

/* --------------------------------------------------------------------------
 * Mobil derin tema: palet hem geniş token hem bileşenlerde yayılır.
 * ----------------------------------------------------------------------- */

html[data-andropedi-vtheme] :focus-visible {
	outline-width: 2px;
	outline-style: solid;
	outline-offset: 2px;
	outline-color: color-mix(in srgb, var(--wp--preset--color--accent-3), var(--wp--preset--color--contrast) 15%);
}

html[data-andropedi-vtheme] :where(main, main .wp-block-group, .wp-site-blocks main)
	:where(.wp-block-heading, h1, h2, h3, h4, h5, h6),
html[data-andropedi-vtheme] .wp-site-blocks main :where(h1, h2, h3, h4, h5, h6) {
	color: var(--wp--preset--color--contrast);
}

html[data-andropedi-vtheme] :where(main, .wp-site-blocks)
	:where(.wp-element-caption, .wp-block-post-excerpt .wp-element-caption, figcaption) {
	color: var(--wp--preset--color--contrast-2);
}

html[data-andropedi-vtheme] :where(
		.wp-block-post-date,
		.wp-block-post-author,
		.wp-block-post-author-name,
		.wp-block-post-author__bio,
		.wp-block-comments-title,
		.wp-block-comment-date,
		.wp-block-comment-content,
		.wp-block-comments-pagination,
		.wp-block-term-description
	) {
	color: var(--wp--preset--color--contrast-2);
}

html[data-andropedi-vtheme] :where(main, .wp-site-blocks) blockquote.wp-block-quote,
html[data-andropedi-vtheme] :where(main, .wp-site-blocks) .wp-block-quote {
	border-left-width: 0.22em;
	border-left-style: solid;
	border-left-color: var(--wp--preset--color--accent-3);
	border-top: none;
	border-right: none;
	border-bottom: none;
	color: var(--wp--preset--color--contrast);
	box-shadow:
		inset 0 0 0 1px color-mix(in srgb, var(--wp--preset--color--accent-5), transparent 45%);
	background-color: color-mix(in srgb, var(--wp--preset--color--base-2), transparent 72%);
	padding: clamp(1rem, 3vw, 1.35rem);
	border-radius: 0.35rem;
}

html[data-andropedi-vtheme] .wp-block-quote :where(.wp-element-caption, cite) {
	color: var(--wp--preset--color--contrast-2);
	font-style: normal;
}

html[data-andropedi-vtheme] .wp-block-pullquote {
	border-color: var(--wp--preset--color--accent-5);
	box-shadow:
		inset 0 0 0 1px color-mix(in srgb, var(--wp--preset--color--accent-3), transparent 78%),
		0 12px 32px color-mix(in srgb, var(--wp--preset--color--contrast), transparent 94%);
}

html[data-andropedi-vtheme] .wp-block-pullquote :where(p, cite) {
	color: var(--wp--preset--color--contrast);
}

html[data-andropedi-vtheme] .wp-block-table :where(figcaption),
html[data-andropedi-vtheme] figure.wp-block-table figcaption {
	color: var(--wp--preset--color--contrast-2);
}

html[data-andropedi-vtheme] .wp-block-table :where(td, th) {
	border-color: color-mix(in srgb, var(--wp--preset--color--accent-5), var(--wp--preset--color--accent) 55%);
	border-width: 1px;
	border-style: solid;
}

html[data-andropedi-vtheme] .wp-block-table thead th {
	background-color: color-mix(in srgb, var(--wp--preset--color--accent), var(--wp--preset--color--base-2) 40%);
	color: var(--wp--preset--color--contrast);
}

html[data-andropedi-vtheme] :where(.wp-block-code, pre:not(.wp-block-navigation *)),
html[data-andropedi-vtheme] code:not(.wp-block-navigation *):not(button *) {
	border-radius: 0.35rem;
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--accent-5), transparent 18%);
	box-shadow:
		inset 0 1px 0 color-mix(in srgb, var(--wp--preset--color--base-2), transparent 52%),
		0 8px 20px color-mix(in srgb, var(--wp--preset--color--contrast), transparent 94%);
	background-color: color-mix(in srgb, var(--wp--preset--color--accent), transparent 74%) !important;
	color: var(--wp--preset--color--contrast) !important;
}

html[data-andropedi-vtheme] pre.wp-block-code {
	overflow-x: auto;
	padding: 0.9rem 1rem;
	line-height: 1.48;
	font-size: 0.8825rem;
}

html[data-andropedi-vtheme] .wp-block-read-more:not(.wp-block-navigation *),
html[data-andropedi-vtheme] .wp-block-file__button:not(.wp-block-navigation *) {
	color: var(--wp--preset--color--accent-3);
	font-weight: 600;
}

html[data-andropedi-vtheme] .wp-block-button.is-style-outline .wp-block-button__link.wp-element-button:not(.wp-block-navigation *) {
	background-color: transparent !important;
	color: var(--wp--preset--color--accent-3) !important;
	border-style: solid;
	border-width: 2px;
	border-color: var(--wp--preset--color--accent-3) !important;
	box-shadow:
		inset 0 0 0 1px color-mix(in srgb, var(--wp--preset--color--accent-3), transparent 55%),
		0 1px 0 color-mix(in srgb, var(--wp--preset--color--base-2), transparent 40%);
}

html[data-andropedi-vtheme] .wp-block-button.is-style-outline > .wp-block-button__link.wp-element-button:not(.wp-block-navigation *):hover,
html[data-andropedi-vtheme] .wp-block-button.is-style-outline > .wp-block-button__link.wp-element-button:not(.wp-block-navigation *):focus-visible {
	opacity: 0.94;
	filter: saturate(1.05);
	transition: opacity 0.16s ease, filter 0.16s ease, border-color 0.16s ease;
}

html[data-andropedi-vtheme] footer,
html[data-andropedi-vtheme] footer.wp-block-template-part {
	background: linear-gradient(
		178deg,
		color-mix(in srgb, var(--wp--preset--color--base), var(--wp--preset--color--accent) 38%) 0%,
		color-mix(in srgb, var(--wp--preset--color--base-2), var(--wp--preset--color--accent) 22%) 100%
	) !important;
	color: var(--wp--preset--color--contrast) !important;
	border-top: 1px solid var(--wp--preset--color--accent-5);
	box-shadow: inset 0 1px 0 color-mix(in srgb, var(--wp--preset--color--accent-5), transparent 60%);
	/* 0 bırakılınca masaüstünde tema daireleri üst çizgiye yapışıyor; içeride kalsın diye üst dolgu */
	padding-top: clamp(0.95rem, 2.1vw, 1.45rem) !important;
}

html[data-andropedi-vtheme] footer :where(a:not(.wp-element-button)):not(.wp-block-button__link),
html[data-andropedi-vtheme] footer.wp-block-template-part :where(a:not(.wp-element-button)):not(.wp-block-button__link) {
	color: var(--wp--preset--color--accent-3);
	text-underline-offset: 3px;
}

html[data-andropedi-vtheme] main .wp-block-group.has-background:not(.wp-block-navigation *):not(.wp-block-navigation .wp-block-group) {
	box-shadow:
		0 0 0 1px color-mix(in srgb, var(--wp--preset--color--accent-5), transparent 30%),
		0 18px 40px color-mix(in srgb, var(--wp--preset--color--contrast), transparent 94%);
	border-radius: 0.42rem !important;
}

html[data-andropedi-vtheme] main .wp-block-group.has-background {
	background-image: linear-gradient(
		168deg,
		color-mix(in srgb, var(--wp--preset--color--base-2), var(--wp--preset--color--accent) 42%) 0%,
		color-mix(in srgb, var(--wp--preset--color--base-2), var(--wp--preset--color--accent) 12%) 100%
	);
	color: inherit;
}

html[data-andropedi-vtheme] .wp-site-blocks footer .wp-block-group.has-background:not(.wp-block-navigation *) {
	background-image: linear-gradient(
		180deg,
		color-mix(in srgb, var(--wp--preset--color--base-2), var(--wp--preset--color--accent) 28%) 0%,
		color-mix(in srgb, var(--wp--preset--color--base-2), var(--wp--preset--color--accent) 48%) 100%
	);
}

/* Sayfalama: yalnızca birleşik liste dışındaki query’ler — .andropedi-unified-query prev/next ayrı blokta «Yazıya git» ile eşlenir */
html[data-andropedi-vtheme] .wp-block-query:not(.andropedi-unified-query) .wp-block-query-pagination :where(.page-numbers, a, button) {
	color: var(--wp--preset--color--contrast);
	background-color: color-mix(in srgb, var(--wp--preset--color--base-2), var(--wp--preset--color--accent) 14%);
	border: 1px solid var(--wp--preset--color--accent-5);
	border-radius: 0.35rem;
	text-decoration: none;
}

html[data-andropedi-vtheme]
	.wp-block-query:not(.andropedi-unified-query)
	.wp-block-query-pagination
	:where(.page-numbers.current, a:hover, button:hover) {
	border-color: var(--wp--preset--color--accent-3);
	color: var(--wp--preset--color--accent-3);
}

html[data-andropedi-vtheme] .wp-block-post-navigation-link :where(a),
html[data-andropedi-vtheme] nav.post-navigation :where(a) {
	color: var(--wp--preset--color--accent-3);
	font-weight: 600;
}

html[data-andropedi-vtheme] .wp-block-search__button:not(.wp-block-navigation *),
html[data-andropedi-vtheme] .wp-block-search__button-inside .wp-block-search__button {
	background-color: var(--andropedi-btn-fill) !important;
	color: var(--andropedi-btn-ink) !important;
	border-color: color-mix(in srgb, var(--andropedi-btn-fill), var(--wp--preset--color--contrast) 28%) !important;
	box-shadow: var(--andropedi-btn-hairline) !important;
}

html[data-andropedi-vtheme] .wp-block-search__button:not(.wp-block-navigation *):hover,
html[data-andropedi-vtheme] .wp-block-search__button:not(.wp-block-navigation *):focus-visible,
html[data-andropedi-vtheme] .wp-block-search__button-inside .wp-block-search__button:hover,
html[data-andropedi-vtheme] .wp-block-search__button-inside .wp-block-search__button:focus-visible {
	background-color: color-mix(in srgb, var(--andropedi-btn-fill), var(--wp--preset--color--accent-4) 42%) !important;
	border-color: color-mix(in srgb, var(--andropedi-btn-fill), var(--wp--preset--color--accent-4) 52%) !important;
	color: var(--andropedi-btn-ink) !important;
	box-shadow: var(--andropedi-btn-hairline) !important;
}

html[data-andropedi-vtheme] .wp-block-search__inside-wrapper {
	border-color: var(--wp--preset--color--accent-5);
	background-color: color-mix(in srgb, var(--wp--preset--color--base-2), transparent 8%);
	border-radius: 0.35rem;
}

html[data-andropedi-vtheme] .wp-social-link {
	background-color: color-mix(in srgb, var(--wp--preset--color--accent), transparent 35%) !important;
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--accent-5), transparent 22%);
}

html[data-andropedi-vtheme] .wp-social-link :where(svg) {
	fill: var(--wp--preset--color--contrast);
}

html[data-andropedi-vtheme] .wp-block-navigation__responsive-container-open:not(.wp-block-navigation *),
html[data-andropedi-vtheme] .wp-block-navigation__responsive-container-close:not(.wp-block-navigation *) {
	color: var(--wp--preset--color--contrast);
}

html[data-andropedi-vtheme] .wp-block-navigation__submenu-container {
	background-color: var(--wp--preset--color--base-2) !important;
	border: 1px solid var(--wp--preset--color--accent-5) !important;
	box-shadow: 0 12px 28px color-mix(in srgb, var(--wp--preset--color--contrast), transparent 88%);
}

html[data-andropedi-vtheme] .wp-block-comments :where(.comment-reply-title, label) {
	color: var(--wp--preset--color--contrast);
}

html[data-andropedi-vtheme] .wp-block-comment-author-name :where(a) {
	color: var(--wp--preset--color--accent-3);
}

html[data-andropedi-vtheme] .wp-block-comment-content {
	background-color: color-mix(in srgb, var(--wp--preset--color--base-2), transparent 16%);
	border: 1px solid var(--wp--preset--color--accent-5);
	border-radius: 0.35rem;
	padding: 0.65rem 0.85rem;
}

html[data-andropedi-vtheme] .comment-respond :where(input, textarea) {
	background-color: var(--wp--preset--color--base-2);
	color: var(--wp--preset--color--contrast);
	border-color: var(--wp--preset--color--accent-5);
}

html[data-andropedi-vtheme] .andropedi-popular-pages-bar,
html[data-andropedi-vtheme] .andropedi-recent-comments-bar {
	background: transparent !important;
	background-image: none !important;
	/* Üst şeritteki ayırıcı çizgi (blok kenarları) tema ile korunsun — genel blok çerçevesi sıfır. */
	border-left: none !important;
	border-right: none !important;
	border-bottom: none !important;
	box-shadow: none !important;
}

html[data-andropedi-vtheme] .andropedi-popular-pages__item {
	border: none !important;
	background: transparent;
	background-image: none;
	box-shadow: none;
	border-radius: 0;
	outline: none;
}

html[data-andropedi-vtheme] .andropedi-recent-comments__thumb-placeholder {
	background-color: color-mix(
		in srgb,
		var(--wp--preset--color--base-2),
		var(--wp--preset--color--accent-5) 16%
	);
}

html[data-andropedi-vtheme] .andropedi-popular-pages__thumb-placeholder {
	background-color: color-mix(
		in srgb,
		var(--wp--preset--color--base),
		var(--wp--preset--color--accent-5) 16%
	);
}

html[data-andropedi-vtheme] .andropedi-recent-comments__author {
	color: var(--wp--preset--color--contrast);
}

html[data-andropedi-vtheme] .yoast-breadcrumb,
html[data-andropedi-vtheme] .yoast-breadcrumbs,
html[data-andropedi-vtheme] nav.yoast-breadcrumbs {
	color: var(--wp--preset--color--contrast-2);
}

html[data-andropedi-vtheme] .yoast-breadcrumb a,
html[data-andropedi-vtheme] .yoast-breadcrumbs a,
html[data-andropedi-vtheme] nav.yoast-breadcrumbs a {
	color: var(--wp--preset--color--accent-3);
}

html[data-andropedi-vtheme] ::-webkit-scrollbar {
	width: 9px;
	height: 9px;
}

html[data-andropedi-vtheme] ::-webkit-scrollbar-track {
	background: color-mix(in srgb, var(--wp--preset--color--base), transparent 20%);
}

html[data-andropedi-vtheme] ::-webkit-scrollbar-thumb {
	background: linear-gradient(
		180deg,
		color-mix(in srgb, var(--wp--preset--color--accent-3), transparent 45%),
		color-mix(in srgb, var(--wp--preset--color--accent), transparent 15%)
	);
	border-radius: 9px;
	border: 2px solid color-mix(in srgb, var(--wp--preset--color--base), transparent 12%);
}

/* Üstbilgi şeridi — sabit HEX kaldırıldı; tüm bloklar tema ile uyumlu */
.andropedi-header-bar-tone {
	background-color: color-mix(
		in srgb,
		var(--wp--preset--color--base-2),
		var(--wp--preset--color--accent, #e5e7eb) 22%
	);
	color: var(--wp--preset--color--contrast);
	box-shadow: inset 0 -1px 0 var(--wp--preset--color--accent-5);
}

html[data-andropedi-vtheme] .andropedi-header-bar-tone {
	background-color: color-mix(
		in srgb,
		var(--wp--preset--color--base-2),
		var(--wp--preset--color--accent) 22%
	) !important;
	color: var(--wp--preset--color--contrast) !important;
}

	@supports not (background-color: color-mix(in srgb, black, transparent)) {
	.andropedi-header-bar-tone,
	html[data-andropedi-vtheme] .andropedi-header-bar-tone {
		background-color: var(--wp--preset--color--base-2) !important;
	}
}

@supports not (color: color-mix(in srgb, black, transparent)) {
	html[data-andropedi-vtheme] {
		--andropedi-btn-hairline: none;
	}
}

html[data-andropedi-vtheme] .andropedi-header-bar-tone.has-background[style*="background-color"] {
	background-color: color-mix(
		in srgb,
		var(--wp--preset--color--base-2),
		var(--wp--preset--color--accent) 22%
	) !important;
}

html[data-andropedi-vtheme] .wp-block-site-title :where(a, .wp-block-site-title__link),
html[data-andropedi-vtheme] .wp-block-navigation :where(.wp-block-navigation-item__label, .wp-block-navigation-item__content) {
	color: var(--wp--preset--color--contrast);
}

html[data-andropedi-vtheme] .wp-block-post-title,
html[data-andropedi-vtheme] .wp-block-post-title :where(a) {
	color: var(--wp--preset--color--contrast);
}

/* Liste / kart özet metni: yazı özeti bloklarıyla aynı ana metin rengi (contrast); secondary contrast-2 ayrımı bu paragraflarda yok */
html[data-andropedi-vtheme] .wp-block-post-excerpt,
html[data-andropedi-vtheme] .wp-block-post-excerpt .wp-block-post-excerpt__excerpt {
	color: var(--wp--preset--color--contrast);
}

/* Liste grid’i (andropedi-unified-query): özet gövdesini secondary tonda oku — 10 mobil palet token’ı ile */
html[data-andropedi-vtheme] main .wp-block-query.andropedi-unified-query .wp-block-post-excerpt .wp-block-post-excerpt__excerpt {
	color: var(--wp--preset--color--contrast-2);
}

html[data-andropedi-vtheme] .andropedi-popular-pages__excerpt,
html[data-andropedi-vtheme] .andropedi-popular-pages__excerpt-p,
html[data-andropedi-vtheme] .andropedi-recent-comments__excerpt,
html[data-andropedi-vtheme] .andropedi-recent-comments__excerpt-p {
	color: var(--wp--preset--color--contrast-2);
}

html[data-andropedi-vtheme] .andropedi-recent-comments__thumb-figure {
	box-shadow:
		0 0 0 1px color-mix(in srgb, var(--wp--preset--color--accent-5), transparent 35%),
		0 12px 28px color-mix(in srgb, var(--wp--preset--color--contrast), transparent 92%);
	border-radius: 4px;
	overflow: hidden;
}

html[data-andropedi-vtheme] .andropedi-popular-pages__thumb-figure {
	box-shadow:
		0 0 0 1px color-mix(in srgb, var(--wp--preset--color--accent-5), transparent 35%),
		0 12px 28px color-mix(in srgb, var(--wp--preset--color--contrast), transparent 92%);
	border-radius: 4px;
	overflow: hidden;
}

html[data-andropedi-vtheme] main .wp-block-post-excerpt :where(a:not(.wp-element-button):not(.wp-block-post-excerpt__more-link)) {
	color: var(--wp--preset--color--accent-3);
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

html[data-andropedi-vtheme] main .wp-block-post-terms :where(a:not(.wp-element-button)) {
	display: inline-block;
	margin: 0.12rem 0.22rem 0 0;
	padding: 0.18rem 0.45rem;
	border-radius: 999px;
	font-size: 0.78em;
	font-weight: 600;
	background-color: color-mix(in srgb, var(--wp--preset--color--accent), transparent 48%);
	color: var(--wp--preset--color--accent-3);
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--accent-5), transparent 28%);
	text-decoration: none;
}

html[data-andropedi-vtheme] .wp-block-post-featured-image :where(figure, .wp-block-post-featured-image__wrapper) {
	box-shadow:
		0 0 0 1px color-mix(in srgb, var(--wp--preset--color--accent-5), transparent 35%),
		0 18px 38px color-mix(in srgb, var(--wp--preset--color--contrast), transparent 92%);
	border-radius: 0.35rem;
	overflow: hidden;
}

html[data-andropedi-vtheme] .wp-block-button:not(.is-style-outline) > .wp-block-button__link.wp-element-button:not(.wp-block-navigation *),
html[data-andropedi-vtheme] .wp-block-file__button.wp-element-button:not(.wp-block-navigation *),
html[data-andropedi-vtheme] .wp-block-post-comments-form .form-submit :is(input, button).submit.wp-element-button:not(.wp-block-navigation *),
html[data-andropedi-vtheme] .comment-respond .form-submit :is(input, button).submit.wp-element-button:not(.wp-block-navigation *),
html[data-andropedi-vtheme] .wp-block-post-comments-form .form-submit input[type="submit"]:not(.wp-block-navigation *),
html[data-andropedi-vtheme] .comment-respond .form-submit input[type="submit"]:not(.wp-block-navigation *),
html[data-andropedi-vtheme] .wp-block-post-comments-form .form-submit button[type="submit"]:not(.wp-block-navigation *),
html[data-andropedi-vtheme] .comment-respond .form-submit button[type="submit"]:not(.wp-block-navigation *) {
	background-color: var(--andropedi-btn-fill) !important;
	color: var(--andropedi-btn-ink) !important;
	border-style: solid;
	border-width: 1px;
	border-color: color-mix(in srgb, var(--andropedi-btn-fill), var(--wp--preset--color--contrast) 28%) !important;
	box-shadow: var(--andropedi-btn-hairline) !important;
}

html[data-andropedi-vtheme] .wp-block-button:not(.is-style-outline) > .wp-block-button__link.wp-element-button:not(.wp-block-navigation *):hover,
html[data-andropedi-vtheme] .wp-block-button:not(.is-style-outline) > .wp-block-button__link.wp-element-button:not(.wp-block-navigation *):focus-visible,
html[data-andropedi-vtheme] .wp-block-file__button.wp-element-button:not(.wp-block-navigation *):hover,
html[data-andropedi-vtheme] .wp-block-file__button.wp-element-button:not(.wp-block-navigation *):focus-visible,
html[data-andropedi-vtheme] .wp-block-post-comments-form .form-submit :is(input, button).submit.wp-element-button:not(.wp-block-navigation *):hover,
html[data-andropedi-vtheme] .wp-block-post-comments-form .form-submit :is(input, button).submit.wp-element-button:not(.wp-block-navigation *):focus-visible,
html[data-andropedi-vtheme] .comment-respond .form-submit :is(input, button).submit.wp-element-button:not(.wp-block-navigation *):hover,
html[data-andropedi-vtheme] .comment-respond .form-submit :is(input, button).submit.wp-element-button:not(.wp-block-navigation *):focus-visible,
html[data-andropedi-vtheme] .wp-block-post-comments-form .form-submit input[type="submit"]:not(.wp-block-navigation *):hover,
html[data-andropedi-vtheme] .wp-block-post-comments-form .form-submit input[type="submit"]:not(.wp-block-navigation *):focus-visible,
html[data-andropedi-vtheme] .comment-respond .form-submit input[type="submit"]:not(.wp-block-navigation *):hover,
html[data-andropedi-vtheme] .comment-respond .form-submit input[type="submit"]:not(.wp-block-navigation *):focus-visible,
html[data-andropedi-vtheme] .wp-block-post-comments-form .form-submit button[type="submit"]:not(.wp-block-navigation *):hover,
html[data-andropedi-vtheme] .wp-block-post-comments-form .form-submit button[type="submit"]:not(.wp-block-navigation *):focus-visible,
html[data-andropedi-vtheme] .comment-respond .form-submit button[type="submit"]:not(.wp-block-navigation *):hover,
html[data-andropedi-vtheme] .comment-respond .form-submit button[type="submit"]:not(.wp-block-navigation *):focus-visible {
	background-color: color-mix(in srgb, var(--andropedi-btn-fill), var(--wp--preset--color--accent-4) 42%) !important;
	border-color: color-mix(in srgb, var(--andropedi-btn-fill), var(--wp--preset--color--accent-4) 52%) !important;
	color: var(--andropedi-btn-ink) !important;
	box-shadow: var(--andropedi-btn-hairline) !important;
}

/* Paylaş — indir satırı dışındaki `button.indirbutton`; aynı CTA değişkenleri */
html[data-andropedi-vtheme] .andropedi-share-wrap button.indirbutton.andropedi-share-one {
	appearance: none;
	-webkit-tap-highlight-color: transparent;
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-family: inherit;
	font-weight: 700;
	letter-spacing: 0.05em;
	font-size: clamp(1.04rem, 0.96rem + 0.56vw, 1.26rem);
	line-height: 1.28;
	min-height: 3.05rem;
	padding: 0.78em clamp(0.85rem, 3vw, 1.65rem);
	border-radius: clamp(11px, 2.2vw, 14px);
	cursor: pointer;
	background-color: var(--andropedi-btn-fill) !important;
	color: var(--andropedi-btn-ink) !important;
	border: 1px solid color-mix(in srgb, var(--andropedi-btn-fill), var(--wp--preset--color--contrast) 28%) !important;
	box-shadow: var(--andropedi-btn-hairline) !important;
}

html[data-andropedi-vtheme] .andropedi-share-wrap button.indirbutton.andropedi-share-one:hover,
html[data-andropedi-vtheme] .andropedi-share-wrap button.indirbutton.andropedi-share-one:focus-visible {
	background-color: color-mix(in srgb, var(--andropedi-btn-fill), var(--wp--preset--color--accent-4) 42%) !important;
	border-color: color-mix(in srgb, var(--andropedi-btn-fill), var(--wp--preset--color--accent-4) 52%) !important;
	color: var(--andropedi-btn-ink) !important;
	box-shadow: var(--andropedi-btn-hairline) !important;
}

/* Tekil yazı — yorum üstü paylaş ikonu + kopyala bağlantısı */
@media (max-width: 781px) {
	html[data-andropedi-vtheme] body.single-post .andropedi-share-comments-primary {
		background-color: var(--wp--preset--color--base-2) !important;
		color: var(--wp--preset--color--contrast) !important;
		border-color: color-mix(in srgb, var(--andropedi-btn-fill), var(--wp--preset--color--contrast) 32%) !important;
		box-shadow: var(--andropedi-btn-hairline) !important;
	}

	html[data-andropedi-vtheme] body.single-post .andropedi-share-comments-primary:hover,
	html[data-andropedi-vtheme] body.single-post .andropedi-share-comments-primary:focus-visible {
		background-color: color-mix(in srgb, var(--andropedi-btn-fill), var(--wp--preset--color--accent-4) 42%) !important;
		border-color: color-mix(in srgb, var(--andropedi-btn-fill), var(--wp--preset--color--accent-4) 52%) !important;
		color: var(--andropedi-btn-ink) !important;
	}

	html[data-andropedi-vtheme] body.single-post button.andropedi-share-comments-copy {
		color: var(--andropedi-btn-fill) !important;
	}

	html[data-andropedi-vtheme] body.single-post button.andropedi-share-comments-copy:hover,
	html[data-andropedi-vtheme] body.single-post button.andropedi-share-comments-copy:focus-visible {
		color: color-mix(in srgb, var(--andropedi-btn-fill), var(--wp--preset--color--accent-4) 38%) !important;
	}
}

html[data-andropedi-vtheme] input[type="search"],
html[data-andropedi-vtheme] input[type="text"],
html[data-andropedi-vtheme] input[type="email"],
html[data-andropedi-vtheme] textarea,
html[data-andropedi-vtheme] select {
	background-color: var(--wp--preset--color--base-2);
	color: var(--wp--preset--color--contrast);
	border-color: var(--wp--preset--color--contrast-3);
}

html[data-andropedi-vtheme] .wp-block-separator:not(.wp-block-navigation *) {
	border-color: var(--wp--preset--color--contrast-3);
	color: var(--wp--preset--color--contrast-3);
}

html[data-andropedi-vtheme] .andropedi-recent-comments__item:not(.wp-block-navigation *) {
	background: transparent;
	background-image: none;
	border: none !important;
	color: var(--wp--preset--color--contrast);
	box-shadow: none;
	border-radius: 0;
	outline: none;
}

html[data-andropedi-vtheme] .andropedi-recent-comments__meta:not(.wp-block-navigation *) {
	color: var(--wp--preset--color--contrast-2);
}

/* Mobil açılır menü: önceden sabit gri — şema token’ları */
html[data-andropedi-vtheme] .wp-block-navigation__responsive-container.is-menu-open :where(
	.wp-block-navigation-item__content,
	.wp-block-pages-list__item__link
) {
	background-color: var(--wp--preset--color--base-2);
	color: var(--wp--preset--color--contrast);
	border-color: var(--wp--preset--color--accent-5);
}

html[data-andropedi-vtheme]
	.wp-block-navigation__responsive-container.is-menu-open
	:where(.wp-block-navigation-item__label, .wp-block-navigation-item__description) {
	color: var(--wp--preset--color--contrast);
}

html[data-andropedi-vtheme] .wp-lightbox-overlay :where(img) {
	filter: none !important;
}

	/*
	 * Ortak yazı listesi (.andropedi-unified-query): satır ayırıcı/boşluk `style.css` (.andropedi-post-row).
	 */

	html[data-andropedi-vtheme] main .wp-block-query.andropedi-unified-query .wp-block-post-excerpt__more-link {
		display: inline-block !important;
		background-color: var(--andropedi-btn-fill) !important;
		color: var(--andropedi-btn-ink) !important;
		border: 1px solid color-mix(in srgb, var(--andropedi-btn-fill), var(--wp--preset--color--contrast) 32%) !important;
		text-decoration: none !important;
		box-shadow: var(--andropedi-btn-hairline) !important;
	}

	html[data-andropedi-vtheme] main .wp-block-query.andropedi-unified-query .wp-block-post-excerpt__more-link:hover,
	html[data-andropedi-vtheme] main .wp-block-query.andropedi-unified-query .wp-block-post-excerpt__more-link:focus-visible {
		opacity: 1 !important;
		background-color: color-mix(
				in srgb,
				var(--andropedi-btn-fill),
				var(--wp--preset--color--accent-4) 42%
			)
			!important;
		color: var(--andropedi-btn-ink) !important;
		border-color: color-mix(in srgb, var(--andropedi-btn-fill), var(--wp--preset--color--accent-4) 55%) !important;
		box-shadow: var(--andropedi-btn-hairline) !important;
	}

	/* Daha yeni / daha eski — aynı blokta «Yazıya git» ile bire bir (contrast karışımlı kenar, hover accent-4) */
	html[data-andropedi-vtheme] main .wp-block-query.andropedi-unified-query .wp-block-query-pagination-previous a,
	html[data-andropedi-vtheme] main .wp-block-query.andropedi-unified-query .wp-block-query-pagination-next a {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		padding: 0.5rem 1rem !important;
		border-radius: 0.33rem !important;
		font-weight: 600 !important;
		font-size: var(--wp--preset--font-size--small, 0.9rem) !important;
		line-height: 1.35 !important;
		gap: 0.35em !important;
		background-color: var(--andropedi-btn-fill) !important;
		color: var(--andropedi-btn-ink) !important;
		border: 1px solid color-mix(in srgb, var(--andropedi-btn-fill), var(--wp--preset--color--contrast) 32%) !important;
		text-decoration: none !important;
		box-shadow: var(--andropedi-btn-hairline) !important;
	}

	html[data-andropedi-vtheme] main .wp-block-query.andropedi-unified-query .wp-block-query-pagination-previous a:hover,
	html[data-andropedi-vtheme] main .wp-block-query.andropedi-unified-query .wp-block-query-pagination-previous a:focus-visible,
	html[data-andropedi-vtheme] main .wp-block-query.andropedi-unified-query .wp-block-query-pagination-next a:hover,
	html[data-andropedi-vtheme] main .wp-block-query.andropedi-unified-query .wp-block-query-pagination-next a:focus-visible {
		background-color: color-mix(
				in srgb,
				var(--andropedi-btn-fill),
				var(--wp--preset--color--accent-4) 42%
			)
			!important;
		color: var(--andropedi-btn-ink) !important;
		border-color: color-mix(in srgb, var(--andropedi-btn-fill), var(--wp--preset--color--accent-4) 55%) !important;
		box-shadow: var(--andropedi-btn-hairline) !important;
	}

	html[data-andropedi-vtheme] main a.andropedi-footer-list__cta {
		display: inline-block !important;
		background-color: var(--andropedi-btn-fill) !important;
		color: var(--andropedi-btn-ink) !important;
		border: 1px solid color-mix(in srgb, var(--andropedi-btn-fill), var(--wp--preset--color--contrast) 32%) !important;
		text-decoration: none !important;
		box-shadow: var(--andropedi-btn-hairline) !important;
	}

	html[data-andropedi-vtheme] main a.andropedi-footer-list__cta:hover,
	html[data-andropedi-vtheme] main a.andropedi-footer-list__cta:focus-visible {
		opacity: 1 !important;
		background-color: color-mix(
				in srgb,
				var(--andropedi-btn-fill),
				var(--wp--preset--color--accent-4) 42%
			)
			!important;
		color: var(--andropedi-btn-ink) !important;
		border-color: color-mix(in srgb, var(--andropedi-btn-fill), var(--wp--preset--color--accent-4) 55%) !important;
		box-shadow: var(--andropedi-btn-hairline) !important;
	}

	@supports not (color: color-mix(in srgb, black, transparent)) {
		html[data-andropedi-vtheme] main .wp-block-query.andropedi-unified-query .wp-block-post-excerpt__more-link:hover,
		html[data-andropedi-vtheme]
			main
			.wp-block-query.andropedi-unified-query
			.wp-block-query-pagination-previous
			a:hover,
		html[data-andropedi-vtheme] main .wp-block-query.andropedi-unified-query .wp-block-query-pagination-next a:hover,
		html[data-andropedi-vtheme] main a.andropedi-footer-list__cta:hover {
			opacity: 0.9;
			filter: brightness(1.05);
		}
	}

/*
 * PC: liste `main` dışında (footer şeridi) — «Yazıya git» / kart düğmesi yazı kutusu ile birebir; görselliği blok öne çıkanla aynı.
 * Mobil tasarıma dokunulmaz (!important yalnız ≥782px blokunda).
 */
@media (min-width: 782px) {
	html[data-andropedi-vtheme] .andropedi-popular-pages__thumb-figure,
	html[data-andropedi-vtheme] .andropedi-recent-comments__thumb-figure {
		box-shadow:
			0 0 0 1px color-mix(in srgb, var(--wp--preset--color--accent-5), transparent 35%),
			0 18px 38px color-mix(in srgb, var(--wp--preset--color--contrast), transparent 92%);
		border-radius: 0.35rem;
	}

	html[data-andropedi-vtheme] .andropedi-popular-pages a.andropedi-footer-list__cta,
	html[data-andropedi-vtheme] .andropedi-recent-comments a.andropedi-footer-list__cta {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		padding: 0.5rem 1rem !important;
		border-radius: 0.33rem !important;
		font-weight: 600 !important;
		font-size: var(--wp--preset--font-size--small, 0.9rem) !important;
		line-height: 1.35 !important;
		gap: 0.35em !important;
		background-color: var(--andropedi-btn-fill) !important;
		color: var(--andropedi-btn-ink) !important;
		border: 1px solid color-mix(in srgb, var(--andropedi-btn-fill), var(--wp--preset--color--contrast) 32%) !important;
		text-decoration: none !important;
		box-shadow: var(--andropedi-btn-hairline) !important;
		box-sizing: border-box !important;
	}

	html[data-andropedi-vtheme] .andropedi-popular-pages a.andropedi-footer-list__cta:hover,
	html[data-andropedi-vtheme] .andropedi-popular-pages a.andropedi-footer-list__cta:focus-visible,
	html[data-andropedi-vtheme] .andropedi-recent-comments a.andropedi-footer-list__cta:hover,
	html[data-andropedi-vtheme] .andropedi-recent-comments a.andropedi-footer-list__cta:focus-visible {
		opacity: 1 !important;
		background-color: color-mix(
				in srgb,
				var(--andropedi-btn-fill),
				var(--wp--preset--color--accent-4) 42%
			)
			!important;
		color: var(--andropedi-btn-ink) !important;
		border-color: color-mix(in srgb, var(--andropedi-btn-fill), var(--wp--preset--color--accent-4) 55%) !important;
		box-shadow: var(--andropedi-btn-hairline) !important;
	}
}

@supports not (color: color-mix(in srgb, black, transparent)) {
	@media (min-width: 782px) {
		html[data-andropedi-vtheme] .andropedi-popular-pages a.andropedi-footer-list__cta:hover,
		html[data-andropedi-vtheme] .andropedi-recent-comments a.andropedi-footer-list__cta:hover {
			opacity: 0.92;
			filter: brightness(1.05);
		}
	}
}

/*
 * Varsayılan üst şerit rengi: yalnızca tema kapalıyken (masaüstü nötr çubuğu).
 */
@media (min-width: 782px) {
	html:not([data-andropedi-vtheme]) .andropedi-header-bar-tone {
		background-color: #f1f1f1 !important;
		color: #333333 !important;
		box-shadow: none !important;
	}

	html:not([data-andropedi-vtheme]) .andropedi-header-bar-tone .wp-block-site-title :where(a, .wp-block-site-title__link) {
		color: #333333;
	}

	html:not([data-andropedi-vtheme])
		.andropedi-header-bar-tone
		.wp-block-navigation
		:where(.wp-block-navigation-item__label, .wp-block-navigation-item__content) {
		color: #333333;
	}
}