/*
Theme Name: Tanis Kaynas
Theme URI: https://www.taniskaynas.com/
Author: Tanis Kaynas
Description: Arkadaslik ve sohbet siteleri icin hazirlanmis hizli, SEO odakli ve tamamen duyarli WordPress temasi. Sicak krem zeminli, kart tabanli profil listeleri, sohbet balonu goruntusunde mesaj akisi ve mobil oncelikli gezinme icerir.
Version: 3.1.2
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: taniskaynas
Tags: two-columns, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, blog
*/

/* =========================================================
   1. Degiskenler / palet
   Palet: krem zemin, koyu gri metin, koyu mavi baglanti,
   yumusak mavi-gri vurgu.
   ========================================================= */
:root {
	--tk-bg: #FFF1C5;
	--tk-bg-soft: #FFF8E4;
	--tk-surface: #FFFFFF;
	--tk-surface-alt: #FBF4DD;
	--tk-text: #222222;
	--tk-muted: #777777;
	--tk-link: #004499;
	--tk-link-hover: #002F6C;
	--tk-accent: #6688CC;
	--tk-accent-soft: #E3EAF8;
	--tk-border: #E7DCB8;
	--tk-border-strong: #C9BC93;

	--tk-radius: 14px;
	--tk-radius-sm: 10px;
	--tk-radius-lg: 22px;
	--tk-shadow: 0 2px 6px rgba(34, 34, 34, .07);
	--tk-shadow-lg: 0 8px 24px rgba(34, 34, 34, .12);

	--tk-space: 16px;
	--tk-max: 1180px;
	--tk-header-h: 60px;

	/* Centikli ekranlarda (iPhone vb.) guvenli kenar boslugu. */
	--tk-safe-left: env(safe-area-inset-left, 0px);
	--tk-safe-right: env(safe-area-inset-right, 0px);
	--tk-safe-bottom: env(safe-area-inset-bottom, 0px);

	--tk-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* =========================================================
   2. Temel sifirlama
   ========================================================= */
*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	scroll-behavior: smooth;
	scroll-padding-top: calc(var(--tk-header-h) + 12px);
}

body {
	margin: 0;
	background: var(--tk-bg);
	color: var(--tk-text);
	font-family: var(--tk-font);
	font-size: 16px;
	line-height: 1.65;
	-webkit-font-smoothing: antialiased;
	/* Uzun kelime ve baglantilar mobilde satiri tasirmaz. */
	overflow-wrap: break-word;
}

/* Yatay kaydirma korumasi. "clip" kullanilir, cunku "hidden" yapissak
   ust bari (position: sticky) bozabilir. */
@supports (overflow: clip) {
	body {
		overflow-x: clip;
	}
}

img,
svg,
video,
iframe,
embed,
object {
	max-width: 100%;
}

img,
svg,
video {
	height: auto;
}

img {
	display: block;
}

/* Genis gomulu icerik ve kod bloklari mobilde tasmaz. */
pre,
code,
kbd,
samp {
	max-width: 100%;
	overflow-wrap: normal;
}

pre {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

a {
	color: var(--tk-link);
	text-decoration: none;
}

a:hover,
a:focus {
	color: var(--tk-link-hover);
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 .5em;
	line-height: 1.28;
	font-weight: 700;
	color: var(--tk-text);
	text-wrap: balance;
}

h1 { font-size: clamp(1.4rem, 1.1rem + 1.4vw, 1.9rem); }
h2 { font-size: clamp(1.2rem, 1rem + .9vw, 1.5rem); }
h3 { font-size: 1.1rem; }

p, ul, ol, dl, blockquote, figure, table {
	margin: 0 0 1em;
}

button,
input,
select,
textarea {
	font: inherit;
	color: inherit;
	max-width: 100%;
}

/* iOS'ta alan secilince sayfanin kendiliginden buyumesini onler:
   yazi boyutu 16 pikselin altina dusmemeli. */
input,
select,
textarea {
	font-size: max(16px, 1rem);
}

button {
	cursor: pointer;
}

:focus-visible {
	outline: 3px solid var(--tk-accent);
	outline-offset: 2px;
	border-radius: 4px;
}

/* Erisilebilirlik: yalnizca ekran okuyucu metni */
.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

.skip-link:focus {
	position: fixed !important;
	top: 8px;
	left: 8px;
	z-index: 200;
	width: auto;
	height: auto;
	clip: auto;
	clip-path: none;
	margin: 0;
	padding: 10px 16px;
	background: var(--tk-surface);
	color: var(--tk-link);
	border-radius: var(--tk-radius-sm);
	box-shadow: var(--tk-shadow-lg);
	font-weight: 700;
}

/* =========================================================
   3. Iskelet
   ========================================================= */
.tk-shell {
	min-height: 100vh;
	min-height: 100svh;
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 100%;
}

/* Yapissak ust bari bozmamak icin burada da "clip" kullanilir. */
@supports (overflow: clip) {
	.tk-shell {
		overflow-x: clip;
	}
}

.tk-main {
	flex: 1 0 auto;
	width: 100%;
	max-width: var(--tk-max);
	margin: 0 auto;
	padding: var(--tk-space) max(var(--tk-space), var(--tk-safe-left)) 40px max(var(--tk-space), var(--tk-safe-right));
}

/* =========================================================
   4. Ust bar
   ========================================================= */
.tk-topbar {
	position: sticky;
	top: 0;
	z-index: 60;
	display: flex;
	align-items: center;
	gap: 8px;
	min-height: var(--tk-header-h);
	padding: 8px max(12px, var(--tk-safe-right)) 8px max(12px, var(--tk-safe-left));
	background: var(--tk-surface);
	border-bottom: 1px solid var(--tk-border);
	box-shadow: var(--tk-shadow);
}

.tk-topbar__brand,
.custom-logo-link {
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
	margin: 0 auto;
	text-decoration: none;
}

.tk-topbar__brand:hover,
.tk-topbar__brand:focus {
	text-decoration: none;
}

.tk-topbar__logo,
.custom-logo {
	height: 40px;
	width: auto;
	border-radius: var(--tk-radius-sm);
	object-fit: contain;
}

.tk-topbar__title {
	font-size: 1.05rem;
	font-weight: 700;
	color: var(--tk-text);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.tk-iconbtn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 44px;
	height: 44px;
	padding: 0;
	background: var(--tk-accent-soft);
	border: 1px solid var(--tk-border);
	border-radius: 50%;
	color: var(--tk-link);
	-webkit-tap-highlight-color: transparent;
	touch-action: manipulation;
	transition: background-color .15s ease, color .15s ease;
}

.tk-iconbtn:hover,
.tk-iconbtn:focus {
	background: var(--tk-accent);
	color: #FFFFFF;
}

.tk-iconbtn svg {
	width: 22px;
	height: 22px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

/* Arama acilir kutusu */
.tk-searchdrop {
	position: sticky;
	top: var(--tk-header-h);
	z-index: 55;
	padding: 12px max(12px, var(--tk-safe-right)) 12px max(12px, var(--tk-safe-left));
	background: var(--tk-surface-alt);
	border-bottom: 1px solid var(--tk-border);
}

.tk-searchdrop[hidden] {
	display: none;
}

.tk-searchform {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	max-width: 640px;
	margin: 0 auto;
}

.tk-searchform input[type="search"] {
	flex: 1 1 160px;
	min-width: 0;
	padding: 11px 14px;
	background: var(--tk-surface);
	border: 1px solid var(--tk-border-strong);
	border-radius: 999px;
	-webkit-appearance: none;
	appearance: none;
}

.tk-searchform input[type="search"]::placeholder {
	color: var(--tk-muted);
}

.tk-searchform button {
	flex: 0 0 auto;
	padding: 11px 22px;
	background: var(--tk-link);
	color: #FFFFFF;
	border: 0;
	border-radius: 999px;
	font-weight: 700;
}

.tk-searchform button:hover,
.tk-searchform button:focus {
	background: var(--tk-link-hover);
}

/* =========================================================
   5. Yan menu ve perde
   ========================================================= */
.tk-sidebar {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 90;
	display: flex;
	flex-direction: column;
	width: min(300px, 86vw);
	height: 100%;
	height: 100dvh;
	padding-bottom: var(--tk-safe-bottom);
	background: var(--tk-surface);
	border-right: 1px solid var(--tk-border);
	transform: translateX(-102%);
	transition: transform .22s ease;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior: contain;
}

.tk-sidebar.is-open {
	transform: translateX(0);
	box-shadow: var(--tk-shadow-lg);
}

.tk-sidebar__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding: 12px 14px;
	background: var(--tk-bg-soft);
	border-bottom: 1px solid var(--tk-border);
}

.tk-sidebar__nav {
	padding: 10px 8px 28px;
}

.tk-sidebar__list,
.tk-sidebar__list ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.tk-sidebar__list li {
	border-bottom: 1px solid var(--tk-border);
}

.tk-sidebar__list li:last-child {
	border-bottom: 0;
}

.tk-sidebar__list a {
	display: block;
	padding: 12px 12px;
	border-radius: var(--tk-radius-sm);
	color: var(--tk-text);
	font-weight: 600;
}

.tk-sidebar__list a:hover,
.tk-sidebar__list a:focus {
	background: var(--tk-accent-soft);
	color: var(--tk-link);
	text-decoration: none;
}

.tk-sidebar__list ul a {
	padding-left: 26px;
	font-weight: 500;
	color: var(--tk-muted);
}

.tk-sidebar__list .current-menu-item > a,
.tk-sidebar__list .current-cat > a {
	background: var(--tk-accent-soft);
	color: var(--tk-link);
}

.tk-overlay {
	position: fixed;
	inset: 0;
	z-index: 80;
	background: rgba(34, 34, 34, .5);
	opacity: 0;
	visibility: hidden;
	transition: opacity .22s ease, visibility .22s ease;
}

.tk-overlay.is-open {
	opacity: 1;
	visibility: visible;
}

/* =========================================================
   6. Ekmek kirintisi
   ========================================================= */
.tk-breadcrumb {
	margin: 0 0 14px;
	font-size: .87rem;
	color: var(--tk-muted);
}

.tk-breadcrumb ol {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.tk-breadcrumb li + li::before {
	content: "›";
	margin-right: 8px;
	color: var(--tk-border-strong);
}

.tk-breadcrumb [aria-current="page"] {
	color: var(--tk-text);
	font-weight: 600;
}

/* =========================================================
   7. Sayfa basligi
   ========================================================= */
.tk-pagehead {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 14px;
	margin: 0 0 18px;
	padding: 16px 18px;
	background: linear-gradient(135deg, var(--tk-surface) 0%, var(--tk-accent-soft) 100%);
	border: 1px solid var(--tk-border);
	border-radius: var(--tk-radius-lg);
	box-shadow: var(--tk-shadow);
}

.tk-pagehead__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 52px;
	height: 52px;
	background: var(--tk-surface);
	border: 1px solid var(--tk-border);
	border-radius: 50%;
	font-size: 1.5rem;
	line-height: 1;
}

.tk-pagehead__text {
	flex: 1 1 200px;
	min-width: 0;
}

/* Ikonsuz baslik (profil sayfasi): metin tam genisligi kullanir */
.tk-pagehead--plain > .tk-pagehead__text {
	flex: 1 1 100%;
}

.tk-pagehead__title {
	margin: 0;
}

/* Baslik altindaki rumuz + yas satiri. */
.tk-pagehead__sub {
	margin: 4px 0 0;
	color: var(--tk-muted);
	font-size: .95rem;
	font-weight: 600;
}

.tk-pagehead__desc {
	margin: 4px 0 0;
	color: var(--tk-text);
	font-size: .95rem;
}

.tk-pagehead__count {
	margin: 6px 0 0;
	color: var(--tk-muted);
	font-size: .85rem;
	font-weight: 600;
}

/* =========================================================
   8. Profil kartlari (izgara)
   ========================================================= */
.tk-grid,
.tk-related {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 148px), 1fr));
	gap: 14px;
	margin: 0 0 22px;
	padding: 0;
	list-style: none;
}

.tk-card {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	background: var(--tk-surface);
	border: 1px solid var(--tk-border);
	border-radius: var(--tk-radius);
	box-shadow: var(--tk-shadow);
	transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.tk-card:hover,
.tk-card:focus-within {
	transform: translateY(-3px);
	border-color: var(--tk-accent);
	box-shadow: var(--tk-shadow-lg);
}

.tk-card__media {
	position: relative;
	display: block;
	aspect-ratio: 4 / 5;
	background: var(--tk-surface-alt);
}

.tk-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.tk-card__badge {
	position: absolute;
	bottom: 8px;
	left: 8px;
	max-width: calc(100% - 16px);
	padding: 4px 10px;
	background: rgba(0, 68, 153, .88);
	color: #FFFFFF;
	border-radius: 999px;
	font-size: .74rem;
	font-weight: 700;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.tk-card__body {
	display: flex;
	flex-direction: column;
	gap: 4px;
	flex: 1 1 auto;
	padding: 10px 12px 12px;
}

.tk-card__title {
	margin: 0;
	font-size: .98rem;
	line-height: 1.35;
	/* Baslik en fazla iki satir; tasan kisim "..." ile kesilir. */
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	line-clamp: 2;
	overflow: hidden;
	/* Kart yuksekliklerinin esit kalmasi icin iki satirlik alan ayrilir. */
	min-height: calc(2em * 1.35);
	overflow-wrap: anywhere;
}

.tk-card__title a {
	color: var(--tk-text);
}

.tk-card__title a:hover,
.tk-card__title a:focus {
	color: var(--tk-link);
	text-decoration: none;
}

.tk-card__meta {
	margin: 0;
	color: var(--tk-muted);
	font-size: .82rem;
	/* Alt satir tek satirda kalir, tasarsa "..." olur. */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.tk-card__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	margin: 4px 0 0;
}

.tk-chip {
	display: inline-block;
	padding: 3px 9px;
	background: var(--tk-accent-soft);
	color: var(--tk-link);
	border-radius: 999px;
	font-size: .72rem;
	font-weight: 600;
}

/* =========================================================
   9. Panel / kutu
   ========================================================= */
.tk-panel {
	margin: 0 0 18px;
	padding: 16px 18px;
	background: var(--tk-surface);
	border: 1px solid var(--tk-border);
	border-radius: var(--tk-radius);
	box-shadow: var(--tk-shadow);
	max-width: 100%;
	min-width: 0;
	overflow-wrap: break-word;
}

.tk-panel__title {
	margin: 0 0 12px;
	padding-bottom: 8px;
	border-bottom: 2px solid var(--tk-accent-soft);
	font-size: 1.12rem;
}

.tk-panel > .tk-grid:last-child,
.tk-panel > .tk-related:last-child,
.tk-panel > .tk-cloud:last-child,
.tk-panel > p:last-child {
	margin-bottom: 0;
}

/* Etiket / kategori bulutu */
.tk-cloud {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.tk-cloud a {
	display: inline-block;
	max-width: 100%;
	padding: 7px 14px;
	background: var(--tk-surface-alt);
	border: 1px solid var(--tk-border);
	border-radius: 999px;
	font-size: .87rem;
	font-weight: 600;
	overflow-wrap: break-word;
	word-break: break-word;
}

.tk-cloud a:hover,
.tk-cloud a:focus {
	background: var(--tk-accent);
	color: #FFFFFF;
	border-color: var(--tk-accent);
	text-decoration: none;
}

.tk-cloud a span {
	color: inherit;
	font-weight: 500;
	opacity: .75;
}

/* Son yorumlar bolumu (ana sayfa taze icerik sinyali) */
.tk-recent__list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.tk-recent__item {
	padding: 12px 0;
	border-bottom: 1px solid var(--tk-border);
}

.tk-recent__item:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

.tk-recent__head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 10px;
}

.tk-recent__author {
	flex: 1 1 auto;
	min-width: 0;
	font-weight: 700;
	color: var(--tk-text);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.tk-recent__date {
	flex: 0 0 auto;
	color: var(--tk-muted);
	font-size: .78rem;
	text-align: right;
	white-space: nowrap;
}

.tk-recent__text {
	margin: 4px 0 0;
	color: var(--tk-text);
	font-size: .9rem;
	line-height: 1.5;
}

.tk-recent__date {
	display: block;
	color: var(--tk-muted);
	font-size: .78rem;
}

/* Bos sonuc kutusu */
.tk-empty {
	margin: 0 0 20px;
	padding: 28px 20px;
	background: var(--tk-surface);
	border: 1px dashed var(--tk-border-strong);
	border-radius: var(--tk-radius);
	text-align: center;
}

.tk-empty p:last-child {
	margin-bottom: 0;
}

/* =========================================================
   10. Dugmeler
   ========================================================= */
.tk-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 44px;
	padding: 11px 20px;
	background: var(--tk-link);
	color: #FFFFFF;
	border: 1px solid var(--tk-link);
	border-radius: 999px;
	font-weight: 700;
	text-align: center;
	max-width: 100%;
	-webkit-tap-highlight-color: transparent;
	touch-action: manipulation;
	transition: background-color .15s ease, color .15s ease;
}

.tk-btn:hover,
.tk-btn:focus {
	background: var(--tk-link-hover);
	border-color: var(--tk-link-hover);
	color: #FFFFFF;
	text-decoration: none;
}

.tk-btn--alt {
	background: var(--tk-accent);
	border-color: var(--tk-accent);
}

.tk-btn--alt:hover,
.tk-btn--alt:focus {
	background: var(--tk-link);
	border-color: var(--tk-link);
}

.tk-btn--ghost {
	background: transparent;
	color: var(--tk-link);
	border-color: var(--tk-link);
}

.tk-btn--ghost:hover,
.tk-btn--ghost:focus {
	background: var(--tk-link);
	color: #FFFFFF;
}

.tk-btn[disabled],
.tk-btn.is-loading {
	opacity: .65;
	cursor: default;
}

.tk-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0 0 16px;
}

.tk-actions .tk-btn {
	flex: 1 1 140px;
}

/* =========================================================
   11. Tek profil sayfasi
   ========================================================= */
.tk-profile {
	margin: 0;
	width: 100%;
	max-width: 100%;
	overflow-wrap: break-word;
}

.tk-profile__layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 18px;
	align-items: start;
}

/* Grid cocuklari kendi icerigi genis olsa bile kabi tasirmaz. */
.tk-profile__aside,
.tk-profile__main {
	min-width: 0;
	max-width: 100%;
}

.tk-profile__photo {
	position: relative;
	overflow: hidden;
	margin: 0 0 14px;
	width: 100%;
	max-width: 100%;
	background: var(--tk-surface);
	border: 1px solid var(--tk-border);
	border-radius: var(--tk-radius-lg);
	box-shadow: var(--tk-shadow);
}

.tk-profile__photo img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	aspect-ratio: 4 / 5;
	object-fit: cover;
}

.tk-profile__badge {
	position: absolute;
	top: 12px;
	left: 12px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 5px 12px;
	background: rgba(255, 255, 255, .94);
	color: var(--tk-link);
	border-radius: 999px;
	font-size: .76rem;
	font-weight: 700;
	box-shadow: var(--tk-shadow);
}

.tk-profile__badge::before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--tk-accent);
}

/* Profil bilgi tablosu */
.tk-facts {
	margin: 0;
}

.tk-facts > div {
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	gap: 6px 12px;
	padding: 9px 0;
	border-bottom: 1px solid var(--tk-border);
}

.tk-facts > div:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

.tk-facts dt {
	flex: 0 0 40%;
	max-width: 40%;
	min-width: 0;
	margin: 0;
	color: var(--tk-muted);
	font-size: .87rem;
	font-weight: 600;
	overflow-wrap: break-word;
	word-break: break-word;
}

.tk-facts dd {
	flex: 1 1 auto;
	min-width: 0;
	margin: 0;
	font-weight: 600;
	text-align: right;
	overflow-wrap: break-word;
	word-break: break-word;
}

/* Profil metni */
.tk-content {
	overflow-wrap: break-word;
}

.tk-content > *:last-child {
	margin-bottom: 0;
}

.tk-content img,
.tk-content video,
.tk-content canvas,
.tk-content svg {
	max-width: 100%;
	height: auto;
}

.tk-content img {
	border-radius: var(--tk-radius-sm);
}

/* Blok editorunun genis gorsel/galeri kaplari kucuk ekranda tasmaz. */
.tk-content figure,
.tk-content .wp-block-image,
.tk-content .wp-block-gallery,
.tk-content .wp-block-embed {
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
}

.tk-content .wp-block-image img,
.tk-content figure img {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
}

/* Editorden gelen sabit genislikli hizalamalar mobilde tam genislige duser. */
.tk-content .alignleft,
.tk-content .alignright,
.tk-content .aligncenter,
.tk-content .alignwide,
.tk-content .alignfull {
	max-width: 100%;
}

.tk-content blockquote {
	margin: 0 0 1em;
	padding: 10px 16px;
	background: var(--tk-surface-alt);
	border-left: 4px solid var(--tk-accent);
	border-radius: 0 var(--tk-radius-sm) var(--tk-radius-sm) 0;
	color: var(--tk-text);
}

.tk-content ul,
.tk-content ol {
	padding-left: 1.4em;
}

/* Genis tablolar kucuk ekranda yatay kaydirilir, sayfayi tasirmaz. */
.tk-content figure.wp-block-table,
.tk-content .wp-block-table,
.tk-content .tk-tablewrap {
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.tk-content table {
	width: 100%;
	border-collapse: collapse;
}

.tk-content th,
.tk-content td {
	padding: 8px 10px;
	border: 1px solid var(--tk-border);
	text-align: left;
}

.tk-content th {
	background: var(--tk-surface-alt);
}

/* Gomulu video / harita gibi icerikler oranini korur. */
.tk-content iframe,
.tk-content embed,
.tk-content object,
.tk-content video {
	display: block;
	width: 100%;
	max-width: 100%;
}

.tk-content .wp-block-embed__wrapper iframe {
	aspect-ratio: 16 / 9;
	height: auto;
}

.tk-editlink {
	margin: 0 0 16px;
	font-size: .87rem;
}

/* Onceki / sonraki profil */
.tk-adjacent .nav-links {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 10px;
}

.tk-adjacent .nav-previous a,
.tk-adjacent .nav-next a {
	display: block;
	max-width: 100%;
	padding: 12px 14px;
	background: var(--tk-surface-alt);
	border: 1px solid var(--tk-border);
	border-radius: var(--tk-radius-sm);
	font-weight: 600;
	overflow-wrap: break-word;
	word-break: break-word;
}

.tk-adjacent .nav-previous a:hover,
.tk-adjacent .nav-previous a:focus,
.tk-adjacent .nav-next a:hover,
.tk-adjacent .nav-next a:focus {
	background: var(--tk-accent-soft);
	border-color: var(--tk-accent);
	text-decoration: none;
}

.tk-adjacent .nav-next {
	text-align: right;
}

/* =========================================================
   12. Mesajlar (sohbet balonlari)
   ========================================================= */
.tk-comments {
	margin: 0 0 18px;
	padding: 16px 18px;
	max-width: 100%;
	min-width: 0;
	background: var(--tk-surface);
	border: 1px solid var(--tk-border);
	border-radius: var(--tk-radius);
	box-shadow: var(--tk-shadow);
	scroll-margin-top: calc(var(--tk-header-h) + 12px);
}

.tk-comments__title {
	margin: 0 0 12px;
	padding-bottom: 8px;
	border-bottom: 2px solid var(--tk-accent-soft);
	font-size: 1.12rem;
}

.tk-comments__list,
.tk-comments__list .children {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Yanitlar: orijinal mesajin altinda, girintili ve cizgiyle bagli */
.tk-comments__list .children {
	margin: 10px 0 0 14px;
	padding-left: 12px;
	border-left: 2px solid var(--tk-accent-soft);
}

.tk-comment {
	display: block;
	margin: 0 0 12px;
	scroll-margin-top: calc(var(--tk-header-h) + 12px);
}

.tk-comment__body {
	position: relative;
	min-width: 0;
	padding: 10px 14px;
	background: var(--tk-surface-alt);
	border: 1px solid var(--tk-border);
	border-radius: var(--tk-radius);
}

.tk-comment--reply > .tk-comment__body {
	background: var(--tk-surface);
	border-left: 3px solid var(--tk-accent);
}

.tk-comment.bypostauthor > .tk-comment__body {
	background: var(--tk-accent-soft);
	border-color: var(--tk-accent);
}

.tk-comment__head {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 4px 10px;
	margin-bottom: 4px;
}

.tk-comment__author {
	color: var(--tk-link);
	font-weight: 700;
	font-size: .95rem;
}

.tk-comment__date {
	color: var(--tk-muted);
	font-size: .78rem;
}

.tk-comment__text {
	overflow-wrap: break-word;
	word-break: break-word;
}

.tk-comment__text p {
	margin: 0 0 .5em;
}

.tk-comment__text p:last-child {
	margin-bottom: 0;
}

.tk-comment__moderation {
	margin: 0 0 6px;
	padding: 6px 10px;
	background: var(--tk-bg);
	border-radius: var(--tk-radius-sm);
	color: var(--tk-muted);
	font-size: .82rem;
	font-style: italic;
}

.tk-comment__foot {
	margin-top: 6px;
}

/* Yanit formu bir mesajin altina tasindiginda taşmasın */
.tk-comment .comment-respond {
	margin: 10px 0 0;
	max-width: 100%;
}

.tk-comment__reply a {
	display: inline-block;
	padding: 3px 12px;
	background: var(--tk-surface);
	border: 1px solid var(--tk-border-strong);
	border-radius: 999px;
	font-size: .78rem;
	font-weight: 700;
}

.tk-comment__reply a:hover,
.tk-comment__reply a:focus {
	background: var(--tk-link);
	color: #FFFFFF;
	border-color: var(--tk-link);
	text-decoration: none;
}

/* Mesaj sayfalama / daha fazla */
.tk-comments__more {
	display: flex;
	justify-content: center;
	margin: 14px 0 0;
}

.tk-comments__more .tk-btn {
	min-width: 220px;
}

.tk-comments__navlinks {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 10px;
	margin-top: 12px;
	font-weight: 600;
}

.tk-comments__navlinks a {
	display: inline-block;
	padding: 8px 14px;
	background: var(--tk-surface-alt);
	border: 1px solid var(--tk-border);
	border-radius: 999px;
}

.tk-comments__navlinks a:hover,
.tk-comments__navlinks a:focus {
	background: var(--tk-accent);
	color: #FFFFFF;
	border-color: var(--tk-accent);
	text-decoration: none;
}

.tk-comments__status {
	margin: 10px 0 0;
	color: var(--tk-muted);
	font-size: .87rem;
	text-align: center;
}

.tk-comments__closed {
	margin: 12px 0 0;
	padding: 10px 14px;
	background: var(--tk-surface-alt);
	border-radius: var(--tk-radius-sm);
	color: var(--tk-muted);
	font-size: .9rem;
	text-align: center;
}

/* =========================================================
   13. Mesaj formu
   ========================================================= */
.tk-commentbox {
	margin: 0 0 18px;
	padding: 16px 18px;
	max-width: 100%;
	min-width: 0;
	background: linear-gradient(135deg, var(--tk-surface) 0%, var(--tk-bg-soft) 100%);
	border: 1px solid var(--tk-border);
	border-radius: var(--tk-radius);
	box-shadow: var(--tk-shadow);
	scroll-margin-top: calc(var(--tk-header-h) + 12px);
}

.comment-reply-title {
	margin: 0 0 12px;
	font-size: 1.12rem;
}

.comment-reply-title small {
	display: inline-block;
	margin-left: 8px;
	font-size: .8rem;
	font-weight: 500;
}

.tk-commentform {
	margin: 0;
}

.tk-field {
	display: flex;
	flex-direction: column;
	gap: 5px;
	margin: 0 0 12px;
}

.tk-field label {
	font-size: .9rem;
	font-weight: 700;
}

.tk-field input,
.tk-field textarea {
	width: 100%;
	max-width: 100%;
	padding: 11px 14px;
	background: var(--tk-surface);
	border: 1px solid var(--tk-border-strong);
	border-radius: var(--tk-radius-sm);
	-webkit-appearance: none;
	appearance: none;
	box-sizing: border-box;
}

.tk-field textarea {
	min-height: 110px;
	resize: vertical;
}

.tk-field input:focus,
.tk-field textarea:focus {
	border-color: var(--tk-accent);
}

.tk-field__hint {
	color: var(--tk-muted);
	font-size: .78rem;
}

.tk-commentform .form-submit {
	margin: 0;
}

.tk-commentform .submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 12px 26px;
	background: var(--tk-link);
	color: #FFFFFF;
	border: 0;
	border-radius: 999px;
	font-weight: 700;
}

.tk-commentform .submit:hover,
.tk-commentform .submit:focus {
	background: var(--tk-link-hover);
}

.tk-commentform .comment-form-cookies-consent {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	margin: 0 0 12px;
	color: var(--tk-muted);
	font-size: .82rem;
}

.tk-commentform .comment-form-cookies-consent label {
	font-weight: 500;
}

.tk-commentform .logged-in-as,
.tk-commentform .must-log-in {
	margin: 0 0 12px;
	font-size: .87rem;
	color: var(--tk-muted);
}

/* =========================================================
   14. Sayfalama
   ========================================================= */
.tk-pagination {
	margin: 0 0 22px;
}

.tk-pagination .nav-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 7px;
}

.tk-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	min-height: 42px;
	padding: 0 12px;
	background: var(--tk-surface);
	border: 1px solid var(--tk-border);
	border-radius: 999px;
	font-weight: 700;
}

.tk-pagination a.page-numbers:hover,
.tk-pagination a.page-numbers:focus {
	background: var(--tk-accent-soft);
	border-color: var(--tk-accent);
	text-decoration: none;
}

.tk-pagination .page-numbers.current {
	background: var(--tk-link);
	color: #FFFFFF;
	border-color: var(--tk-link);
}

.tk-pagination .page-numbers.dots {
	background: transparent;
	border-color: transparent;
	color: var(--tk-muted);
}

/* =========================================================
   15. SEO tanitim bolumu
   ========================================================= */
.tk-seo {
	margin: 0 0 18px;
	padding: 18px;
	background: var(--tk-surface);
	border: 1px solid var(--tk-border);
	border-radius: var(--tk-radius);
	box-shadow: var(--tk-shadow);
}

.tk-seo__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));
	gap: 14px;
	margin-top: 14px;
}

.tk-seo__item {
	padding: 14px;
	background: var(--tk-bg-soft);
	border: 1px solid var(--tk-border);
	border-radius: var(--tk-radius-sm);
}

.tk-seo__item h3 {
	margin: 0 0 4px;
	font-size: 1rem;
}

.tk-seo__item p {
	margin: 0;
	color: var(--tk-muted);
	font-size: .89rem;
}

.tk-seo__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	margin-bottom: 8px;
	background: var(--tk-surface);
	border: 1px solid var(--tk-border);
	border-radius: 50%;
	font-size: 1.25rem;
	line-height: 1;
}

/* =========================================================
   16. Reklam bloklari
   ========================================================= */
.tk-ad {
	position: relative;
	margin: 0 0 18px;
	padding: 8px;
	background: var(--tk-bg-soft);
	border: 1px solid var(--tk-border);
	border-radius: var(--tk-radius-sm);
	text-align: center;
	width: 100%;
	max-width: 100%;
	overflow: hidden;
	box-sizing: border-box;
}

.tk-ad__label {
	display: block;
	margin-bottom: 6px;
	color: var(--tk-muted);
	font-size: .68rem;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.tk-ad__unit {
	display: block;
	width: 100%;
	max-width: 100%;
	min-height: 100px;
	margin: 0 auto;
	overflow: hidden;
}

/* AdSense kendi kabini genisletmeye calisirsa tema kabi sinirlar. */
.tk-ad ins,
.tk-ad iframe,
.tk-ad img,
.adsbygoogle {
	max-width: 100% !important;
}

.tk-ad iframe,
.adsbygoogle iframe {
	display: block;
	width: 100% !important;
	max-width: 100% !important;
	border: 0;
}

/* Reklam kabi hicbir ekranda gorunum genisliginden tasmaz. */
.tk-profile__main > .tk-ad,
.tk-profile__aside > .tk-ad {
	max-width: 100%;
}

/* =========================================================
   17. Alt navigasyon ve altlik
   ========================================================= */
.tk-bottomnav {
	/* Mobilde de normal akista kalir; alta yapisik "frame" olmaz,
	   boylece icerik alani daralmaz. */
	position: static;
	background: var(--tk-surface);
	border-top: 1px solid var(--tk-border);
	box-shadow: 0 -2px 8px rgba(34, 34, 34, .07);
	padding-bottom: var(--tk-safe-bottom);
}

.tk-bottomnav__list {
	display: flex;
	justify-content: space-around;
	gap: 2px;
	margin: 0;
	padding: 4px max(6px, var(--tk-safe-right)) 4px max(6px, var(--tk-safe-left));
	list-style: none;
}

.tk-bottomnav__list li {
	flex: 1 1 0;
	min-width: 0;
}

.tk-bottomnav__list a {
	display: block;
	padding: 9px 6px;
	border-radius: var(--tk-radius-sm);
	color: var(--tk-text);
	font-size: .8rem;
	font-weight: 600;
	text-align: center;
	line-height: 1.3;
	min-height: 40px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.tk-bottomnav__list a:hover,
.tk-bottomnav__list a:focus,
.tk-bottomnav__list .current-menu-item > a {
	background: var(--tk-accent-soft);
	color: var(--tk-link);
	text-decoration: none;
}

.tk-sitefooter {
	padding: 22px max(var(--tk-space), var(--tk-safe-right)) 28px max(var(--tk-space), var(--tk-safe-left));
	background: var(--tk-surface);
	border-top: 1px solid var(--tk-border);
	color: var(--tk-text);
}

.tk-sitefooter__widgets {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
	gap: 18px;
	max-width: var(--tk-max);
	margin: 0 auto 18px;
}

.tk-widget {
	font-size: .92rem;
}

.tk-widget__title {
	margin: 0 0 8px;
	padding-bottom: 6px;
	border-bottom: 2px solid var(--tk-accent-soft);
	font-size: 1rem;
}

.tk-widget ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.tk-widget li {
	padding: 5px 0;
	border-bottom: 1px solid var(--tk-border);
}

.tk-widget li:last-child {
	border-bottom: 0;
}

.tk-sitefooter__safety {
	max-width: var(--tk-max);
	margin: 0 auto 12px;
	padding: 12px 16px;
	background: var(--tk-bg-soft);
	border: 1px solid var(--tk-border);
	border-radius: var(--tk-radius-sm);
	font-size: .87rem;
}

.tk-sitefooter__links {
	max-width: var(--tk-max);
	margin: 0 auto 10px;
}

.tk-footerlinks {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 18px;
	margin: 0;
	padding: 0;
	list-style: none;
	justify-content: center;
	font-size: .86rem;
}

.tk-footerlinks__item {
	margin: 0;
}

.tk-footerlinks__link {
	color: var(--tk-link);
	text-decoration: none;
}

.tk-footerlinks__link:hover,
.tk-footerlinks__link:focus {
	text-decoration: underline;
}

.tk-footerlinks__current {
	color: var(--tk-muted);
}

.tk-sitefooter__copy {
	max-width: var(--tk-max);
	margin: 0 auto;
	color: var(--tk-muted);
	font-size: .84rem;
	text-align: center;
}

/* =========================================================
   18. WordPress standart siniflari
   ========================================================= */
.alignleft {
	float: left;
	margin: 0 1em 1em 0;
}

.alignright {
	float: right;
	margin: 0 0 1em 1em;
}

.aligncenter {
	display: block;
	margin: 0 auto 1em;
}

.wp-caption {
	max-width: 100%;
}

.wp-caption-text,
.wp-element-caption {
	color: var(--tk-muted);
	font-size: .82rem;
	text-align: center;
}

.sticky .tk-card {
	border-color: var(--tk-accent);
}

/* =========================================================
   19. Duyarli kirilimlar
   ========================================================= */

/* Cok kucuk telefonlar (yaklasik 360 piksel ve alti) */
@media (max-width: 360px) {
	:root {
		--tk-space: 12px;
	}

	.tk-grid,
	.tk-related {
		grid-template-columns: 1fr 1fr;
		gap: 10px;
	}

	.tk-pagehead {
		padding: 13px 14px;
		gap: 10px;
	}

	.tk-pagehead__icon {
		width: 42px;
		height: 42px;
		font-size: 1.25rem;
	}

	.tk-comments,
	.tk-commentbox,
	.tk-panel,
	.tk-seo {
		padding-left: 12px;
		padding-right: 12px;
	}

	.tk-comments__list .children {
		margin-left: 8px;
		padding-left: 8px;
	}

	.tk-actions .tk-btn {
		flex: 1 1 100%;
	}

	.tk-searchform button {
		flex: 1 1 100%;
	}

	.tk-bottomnav__list a {
		padding: 9px 3px;
		font-size: .72rem;
	}
}

@media (max-width: 480px) {
	/* Reklam kabi kucuk ekranda daha az bosluk kullanir, boylece birim sigar. */
	.tk-ad {
		padding: 6px 4px;
	}

	.tk-ad__unit {
		min-height: 90px;
	}

	/* Profil fotografi ve icerik gorselleri kabi asla asmaz. */
	.tk-profile__photo,
	.tk-profile__photo img {
		max-width: 100%;
	}

	/* Etiket ile deger kucuk ekranda da karsi karsiya durur. */
	.tk-facts > div {
		gap: 4px 8px;
	}

	.tk-facts dt {
		flex: 0 0 42%;
		max-width: 42%;
		font-size: .8rem;
	}

	.tk-facts dd {
		flex: 1 1 auto;
		font-size: .85rem;
	}

	/* Cok derin yanit zincirlerinde girinti birikmez. */
	.tk-comments__list .children .children .children {
		margin-left: 0;
		padding-left: 8px;
	}
}

@media (min-width: 480px) {
	.tk-grid,
	.tk-related {
		grid-template-columns: repeat(auto-fill, minmax(min(100%, 180px), 1fr));
	}
}

@media (min-width: 768px) {
	:root {
		--tk-space: 22px;
	}

	.tk-adjacent .nav-links {
		grid-template-columns: 1fr 1fr;
	}

	.tk-profile__layout {
		grid-template-columns: minmax(0, 300px) minmax(0, 1fr);
		gap: 22px;
	}

	.tk-grid,
	.tk-related {
		grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr));
		gap: 18px;
	}
}

@media (min-width: 1024px) {
	.tk-topbar {
		padding: 8px max(22px, var(--tk-safe-right)) 8px max(22px, var(--tk-safe-left));
	}

	.tk-profile__layout {
		grid-template-columns: minmax(0, 340px) minmax(0, 1fr);
	}

	.tk-bottomnav {
		position: static;
		padding-bottom: 0;
	}

	.tk-bottomnav__list {
		justify-content: center;
		gap: 6px;
		max-width: var(--tk-max);
		margin: 0 auto;
	}

	.tk-bottomnav__list li {
		flex: 0 0 auto;
	}

	.tk-bottomnav__list a {
		padding: 9px 16px;
	}
}

/* =========================================================
   20. Yazdirma ve erisilebilirlik tercihleri
   ========================================================= */
@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important;
	}
}

@media print {
	.tk-topbar,
	.tk-searchdrop,
	.tk-sidebar,
	.tk-overlay,
	.tk-bottomnav,
	.tk-ad,
	.tk-actions,
	.tk-commentbox,
	.tk-pagination {
		display: none !important;
	}

	body {
		background: #FFFFFF;
	}

	.tk-panel,
	.tk-comments,
	.tk-card {
		box-shadow: none;
	}
}