/*
 * KaravanForum Tema Duzeltmeleri 1.0.1
 * KaravanForum Dergi 2.0.5 icin hazirlanmistir.
 * Ana tema dosyalarini degistirmez; eklenti kapatildiginda tum degisiklikler geri alinir.
 */

:root {
	color-scheme: dark;
	--bg: #07120f;
	--bg-soft: #0a1814;
	--surface: #0e201a;
	--surface-2: #132820;
	--surface-3: #193329;
	--border: #29483c;
	--border-strong: #3c6956;
	--text: #f3f8f5;
	--text-soft: #c6d5ce;
	--muted: #90a69c;
	--green: #24b77d;
	--green-bright: #43d69b;
	--orange: #ff963f;
	--cyan: #34c8c0;
	--yellow: #f0c757;
	--shadow: 0 18px 46px rgba(0, 0, 0, .27);
	--radius: 10px;
}

body.kf-theme-fix-active {
	background:
		radial-gradient(circle at 18% 12%, rgba(39, 139, 101, .15), transparent 29rem),
		radial-gradient(circle at 84% 38%, rgba(20, 102, 80, .10), transparent 32rem),
		linear-gradient(180deg, #081510, var(--bg));
	color: var(--text);
}

body.kf-theme-fix-active a:hover {
	color: var(--green-bright);
}

body.kf-theme-fix-active :focus-visible {
	outline-color: rgba(67, 214, 155, .72);
}

/* Header ve logo: ayni koyu zemin ve ayni logo tum sayfalarda kullanilir. */
body.kf-theme-fix-active .site-header {
	padding-top: 0;
	border-top: 3px solid var(--green);
	background: rgba(8, 21, 16, .96);
	box-shadow: 0 3px 22px rgba(0, 0, 0, .22);
}

body.kf-theme-fix-active .site-header .brand-fallback,
body.kf-theme-fix-active .site-header .custom-logo-link {
	width: min(278px, 100%);
	max-width: 278px;
	max-height: none;
}

body.kf-theme-fix-active .site-header .brand-logo-stack {
	display: block;
	width: 100%;
	aspect-ratio: 360 / 88;
	background: url("../images/karavanforum-logo-dark.svg") center / contain no-repeat;
}

body.kf-theme-fix-active .site-header .brand-logo-stack .brand-logo {
	width: 100%;
	height: auto;
	opacity: 0;
}

body.kf-theme-fix-active .search-field {
	border-color: var(--border);
	background: #11241d;
	color: var(--text);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}

body.kf-theme-fix-active .search-field::placeholder {
	color: var(--muted);
}

body.kf-theme-fix-active .search-field:focus {
	border-color: var(--green);
	box-shadow: 0 0 0 4px rgba(36, 183, 125, .13);
}

body.kf-theme-fix-active .search-submit,
body.kf-theme-fix-active .account-link {
	color: var(--text-soft);
}

body.kf-theme-fix-active .header-forum-cta {
	border-radius: 8px;
	background: linear-gradient(135deg, #f7943b, #f06c24);
	box-shadow: 0 8px 24px rgba(240, 108, 36, .23);
}

body.kf-theme-fix-active .navigation-shell,
body.kf-theme-fix-active .platform-navigation {
	border-color: var(--border);
	background: linear-gradient(180deg, #13271f, #0e1f19);
	box-shadow: none;
}

body.kf-theme-fix-active .portal-menu li {
	border-right-color: var(--border);
}

body.kf-theme-fix-active .portal-menu a:hover,
body.kf-theme-fix-active .portal-menu .current-menu-item > a {
	background: rgba(67, 214, 155, .075);
}

body.kf-theme-fix-active .portal-menu-copy small {
	color: var(--muted);
}

body.kf-theme-fix-active .portal-menu-icon {
	color: var(--green-bright);
}

/* Ana sayfa: OyunMerkezi duzenine yakin, daha acik koyu yesil paneller. */
body.kf-theme-fix-active .portal-hero {
	border-color: var(--border-strong);
	background-image:
		linear-gradient(90deg, rgba(5, 24, 18, .96), rgba(7, 36, 27, .78) 48%, rgba(7, 29, 23, .48)),
		var(--portal-hero-image);
	box-shadow: var(--shadow);
}

body.kf-theme-fix-active .portal-kicker {
	color: #9de9c4;
}

body.kf-theme-fix-active .portal-hero-copy > p:not(.portal-kicker) {
	color: #d5e5dc;
}

body.kf-theme-fix-active .portal-button--primary {
	border-color: #d9f3e4;
	background: #eef9f2;
	color: #123e2f;
}

body.kf-theme-fix-active .portal-button--ghost {
	border-color: rgba(255, 150, 63, .8);
	background: rgba(8, 24, 18, .48);
	color: #fff;
}

body.kf-theme-fix-active .portal-guide-panel {
	border-color: rgba(83, 132, 111, .72);
	background: rgba(14, 32, 26, .95);
	color: var(--text);
	box-shadow: 0 20px 44px rgba(0, 0, 0, .28);
}

body.kf-theme-fix-active .portal-guide-panel h2,
body.kf-theme-fix-active .portal-guide-panel strong {
	color: var(--text);
}

body.kf-theme-fix-active .portal-guide-panel li + li {
	border-top-color: var(--border);
}

body.kf-theme-fix-active .portal-guide-panel small,
body.kf-theme-fix-active .portal-guide-panel > ul > li > a > .kf-icon {
	color: var(--muted);
}

body.kf-theme-fix-active .portal-panel,
body.kf-theme-fix-active .post-card,
body.kf-theme-fix-active .widget,
body.kf-theme-fix-active .single-article,
body.kf-theme-fix-active .comments-area,
body.kf-theme-fix-active .archive-shell,
body.kf-theme-fix-active .page-shell {
	border-color: var(--border);
	background: linear-gradient(145deg, rgba(255, 255, 255, .018), transparent 34%), var(--surface);
	box-shadow: 0 12px 34px rgba(0, 0, 0, .17);
}

body.kf-theme-fix-active .portal-section-title > span {
	background: var(--green-bright);
	box-shadow: 0 0 12px rgba(67, 214, 155, .34);
}

body.kf-theme-fix-active .portal-feature-card,
body.kf-theme-fix-active .portal-popular-image,
body.kf-theme-fix-active .post-card-image {
	border-color: var(--border);
	background: var(--surface-3);
}

body.kf-theme-fix-active .portal-feature-shade {
	background: linear-gradient(180deg, rgba(2, 18, 13, .02) 14%, rgba(2, 20, 14, .35) 52%, rgba(2, 16, 11, .96));
}

body.kf-theme-fix-active .portal-popular-item {
	border-bottom-color: var(--border);
}

body.kf-theme-fix-active .category-badge {
	background: linear-gradient(135deg, #1aa66f, #137b55);
}

body.kf-theme-fix-active .post-meta,
body.kf-theme-fix-active .post-card-excerpt,
body.kf-theme-fix-active .portal-strip-header > a {
	color: var(--muted);
}

/* Hata 1: dort sosyal ag tek panelde, kucuk ve esit 2 x 2 karelerdir. */
body.kf-theme-fix-active .portal-social-grid {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(76px, 92px)) !important;
	justify-content: center;
	gap: 10px !important;
	margin-top: 12px;
}

body.kf-theme-fix-active .portal-social-link {
	position: relative;
	display: grid;
	place-items: center;
	min-width: 0;
	min-height: 0;
	padding: 12px;
	border: 1px solid var(--border);
	border-radius: 18px;
	background: #152b23;
	color: #fff;
	aspect-ratio: 1 / 1;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .13), 0 8px 18px rgba(0, 0, 0, .16);
}

body.kf-theme-fix-active .portal-social-link:hover {
	border-color: var(--border-strong);
	color: #fff;
	transform: translateY(-3px);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), 0 12px 24px rgba(0, 0, 0, .23);
}

body.kf-theme-fix-active .portal-social-icon {
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	margin: 0;
	border-radius: 0;
	background: transparent !important;
	color: #fff;
}

body.kf-theme-fix-active .portal-social-icon svg {
	width: 42px;
	height: 42px;
}

body.kf-theme-fix-active .portal-social-link--youtube .portal-social-icon svg rect {
	fill: #fff;
}

body.kf-theme-fix-active .portal-social-link--youtube .portal-social-icon svg path {
	fill: #c8212b;
}

body.kf-theme-fix-active .portal-social-link--tiktok .portal-social-icon svg {
	display: none;
}

body.kf-theme-fix-active .portal-social-link--tiktok .portal-social-icon::before {
	content: "X";
	color: #fff;
	font: 800 38px/1 Arial, sans-serif;
}

body.kf-theme-fix-active .portal-social-link strong,
body.kf-theme-fix-active .portal-social-link small {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

body.kf-theme-fix-active .portal-social-link--instagram {
	order: 1;
	border-color: rgba(231, 68, 133, .52);
	background: linear-gradient(145deg, #7848d8, #d93d84 53%, #f2a53d);
}

body.kf-theme-fix-active .portal-social-link--youtube {
	order: 2;
	border-color: rgba(255, 90, 90, .55);
	background: linear-gradient(145deg, #ef3b42, #bd1f28);
}

body.kf-theme-fix-active .portal-social-link--x,
body.kf-theme-fix-active .portal-social-link--tiktok {
	order: 3;
	border-color: #48524e;
	background: linear-gradient(145deg, #1b211f, #060807);
}

body.kf-theme-fix-active .portal-social-link--facebook {
	order: 4;
	border-color: rgba(65, 137, 246, .58);
	background: linear-gradient(145deg, #2f8af5, #1559bc);
}

body.kf-theme-fix-active .portal-social-note {
	color: var(--text-soft);
}

body.kf-theme-fix-active .portal-stats-grid div {
	border-color: var(--border);
	background: var(--surface-2);
}

body.kf-theme-fix-active .portal-stats-grid strong {
	color: var(--green-bright);
}

body.kf-theme-fix-active .portal-stats-grid span {
	color: var(--text-soft);
}

/* Hata 2: alttaki 6 rehber, bos sutun birakmadan 3 x 2 dizilir. */
body.kf-theme-fix-active .portal-card-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	align-items: stretch;
	gap: 15px;
}

body.kf-theme-fix-active .portal-card-grid > .post-card {
	height: 100%;
}

body.kf-theme-fix-active .post-card-content {
	background: transparent;
}

/* Ic sayfalar: ana sayfayla ayni logo, zemin ve panel dili. */
body.kf-theme-fix-active .article-header {
	background: radial-gradient(circle at 100% 0, rgba(46, 139, 102, .13), transparent 25rem);
}

body.kf-theme-fix-active .entry-content {
	color: var(--text-soft);
}

body.kf-theme-fix-active .entry-content h2,
body.kf-theme-fix-active .entry-content h3,
body.kf-theme-fix-active .entry-content h4 {
	color: var(--text);
}

body.kf-theme-fix-active .entry-content a {
	color: #6fe2ae;
}

body.kf-theme-fix-active .entry-content blockquote,
body.kf-theme-fix-active .entry-content th,
body.kf-theme-fix-active .entry-content td {
	border-color: var(--border);
	background: var(--surface-2);
}

body.kf-theme-fix-active .widget_block .wp-block-heading,
body.kf-theme-fix-active .widget .wp-block-latest-comments__comment {
	border-bottom-color: var(--border);
}

body.kf-theme-fix-active .widget_search .wp-block-search__input,
body.kf-theme-fix-active .comment-form input:not([type="submit"]),
body.kf-theme-fix-active .comment-form textarea {
	border-color: var(--border);
	background: var(--surface-2);
	color: var(--text);
}

body.kf-theme-fix-active .widget_search .wp-block-search__button,
body.kf-theme-fix-active .comment-form input[type="submit"] {
	background: var(--green);
	color: #fff;
}

body.kf-theme-fix-active .menu-toggle {
	border-color: var(--border);
	background: var(--surface-2);
	color: var(--text);
}

body.kf-theme-fix-active .footer-panel {
	border-color: var(--border-strong);
	background: #0b291f;
}

body.kf-theme-fix-active .footer-grid > *,
body.kf-theme-fix-active .footer-bottom {
	border-color: var(--border);
}

body.kf-theme-fix-active .footer-brand p,
body.kf-theme-fix-active .footer-about p,
body.kf-theme-fix-active .footer-column a,
body.kf-theme-fix-active .footer-bottom {
	color: #b8cec3;
}

@media (max-width: 1140px) {
	body.kf-theme-fix-active .portal-social-grid {
		grid-template-columns: repeat(2, minmax(76px, 92px)) !important;
	}
}

@media (max-width: 860px) {
	body.kf-theme-fix-active .platform-navigation {
		background: #0d2019;
		box-shadow: -20px 0 60px rgba(0, 0, 0, .36);
	}

	body.kf-theme-fix-active .portal-card-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 560px) {
	body.kf-theme-fix-active .site-header .brand-fallback,
	body.kf-theme-fix-active .site-header .custom-logo-link {
		width: min(196px, 100%);
	}

	body.kf-theme-fix-active .portal-social-grid {
		grid-template-columns: repeat(2, minmax(72px, 88px)) !important;
	}

	body.kf-theme-fix-active .portal-social-link {
		padding: 10px;
		border-radius: 16px;
	}

	body.kf-theme-fix-active .portal-social-icon,
	body.kf-theme-fix-active .portal-social-icon svg {
		width: 39px;
		height: 39px;
	}

	body.kf-theme-fix-active .portal-card-grid {
		grid-template-columns: minmax(0, 1fr) !important;
	}
}

@media (max-width: 360px) {
	body.kf-theme-fix-active .site-header .brand-fallback,
	body.kf-theme-fix-active .site-header .custom-logo-link {
		width: min(183px, 100%);
	}

	body.kf-theme-fix-active .portal-social-grid {
		grid-template-columns: repeat(2, minmax(68px, 84px)) !important;
	}
}