/*
Theme Name: Kredi Lab
Theme URI: https://kredilab.com.tr
Author: Kredi Lab
Description: Kredi, finansman ürünleri, hesaplama örnekleri ve finansal analiz içerikleri için sade, hızlı ve tamamen Site Düzenleyici ile düzenlenebilir blok teması. Kredi Lab Araçları eklentisiyle birlikte çalışır.
Version: 1.2.1
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kredilab
Tags: blog, news, one-column, three-columns, block-patterns, full-site-editing, custom-colors, editor-style, wide-blocks
*/

/* Stillerin büyük bölümü theme.json içindedir; buradaki kurallar blok ayarlarıyla verilemeyen ayrıntılar içindir. */

/* Başlık: yapışkan ve buzlu cam */
.kl-header {
	position: sticky;
	top: 0;
	z-index: 50;
	backdrop-filter: saturate(160%) blur(10px);
	-webkit-backdrop-filter: saturate(160%) blur(10px);
	background: color-mix(in srgb, var(--wp--preset--color--zemin) 88%, transparent) !important;
	border-bottom: 1px solid var(--wp--preset--color--cizgi);
}
body.admin-bar .kl-header { top: 32px; }
@media (max-width: 782px) { body.admin-bar .kl-header { top: 46px; } }

.kl-logo-isaret {
	display: inline-grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border-radius: 9px;
	background: var(--wp--preset--color--ana);
	color: #fff;
	font-family: var(--wp--preset--font-family--baslik);
	font-weight: 800;
	font-size: 15px;
	letter-spacing: -.02em;
	margin-right: 10px;
	vertical-align: middle;
	flex: none;
}

/* Kareli defter (laboratuvar) zemini */
.kl-kareli {
	background-image:
		linear-gradient(color-mix(in srgb, var(--wp--preset--color--ana) 7%, transparent) 1px, transparent 1px),
		linear-gradient(90deg, color-mix(in srgb, var(--wp--preset--color--ana) 7%, transparent) 1px, transparent 1px);
	background-size: 28px 28px;
	background-position: -1px -1px;
}

/* Kartlar */
.kl-kart {
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
	height: 100%;
}
.kl-kart:hover {
	transform: translateY(-3px);
	box-shadow: 0 14px 30px -18px rgba(15, 50, 60, .45);
	border-color: color-mix(in srgb, var(--wp--preset--color--ana) 35%, var(--wp--preset--color--cizgi)) !important;
}
.kl-kart-ikon {
	display: inline-grid !important;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 11px;
	background: var(--wp--preset--color--ana-acik);
	color: var(--wp--preset--color--ana);
	font-weight: 800;
	font-size: 18px;
	line-height: 1 !important;
}
.kl-kart .wp-block-read-more,
.kl-ok a { text-decoration: none; font-weight: 700; }
.kl-ok a::after { content: " →"; transition: margin .15s; }
.kl-ok a:hover::after { margin-left: 4px; }

/* Hero örnek hesap kartı */
.kl-ornek-kart { box-shadow: 0 30px 60px -30px rgba(15, 50, 60, .55); }
.kl-ornek-kart .kl-satir {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	padding: 9px 0;
	border-bottom: 1px dashed var(--wp--preset--color--cizgi);
	font-variant-numeric: tabular-nums;
}
.kl-ornek-kart .kl-satir:last-child { border-bottom: 0; }
.kl-ornek-kart .kl-satir b { color: var(--wp--preset--color--metin); }
.kl-cubuk { display: flex; height: 10px; border-radius: 99px; overflow: hidden; }
.kl-cubuk i { display: block; height: 100%; }

/* Etiket (eyebrow) */
.kl-etiket {
	display: inline-block;
	padding: 5px 12px;
	border-radius: 99px;
	background: var(--wp--preset--color--ana-acik);
	color: var(--wp--preset--color--ana);
	font-size: .78rem;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
}
.kl-koyu .kl-etiket { background: rgba(255, 255, 255, .12); color: #fff; }

/* Rakam şeridi */
.kl-rakam { font-variant-numeric: tabular-nums; }

/* SSS */
.kl-sss .wp-block-details {
	border: 1px solid var(--wp--preset--color--cizgi);
	border-radius: 12px;
	padding: 16px 20px;
	background: var(--wp--preset--color--beyaz);
}
.kl-sss .wp-block-details + .wp-block-details { margin-top: 12px; }
.kl-sss summary {
	cursor: pointer;
	font-weight: 700;
	font-family: var(--wp--preset--font-family--baslik);
	list-style: none;
	display: flex;
	justify-content: space-between;
	gap: 16px;
}
.kl-sss summary::-webkit-details-marker { display: none; }
.kl-sss summary::after { content: "+"; color: var(--wp--preset--color--vurgu); font-size: 1.3em; line-height: 1; }
.kl-sss details[open] summary::after { content: "−"; }
.kl-sss details[open] summary { margin-bottom: 10px; }

/* Yazı içeriği */
.kl-icerik table { font-variant-numeric: tabular-nums; }
.kl-icerik :where(h2, h3) { scroll-margin-top: 90px; }
.wp-block-post-featured-image img { border-radius: 12px; }

/* Sözlük tanım listesi */
.kl-sozluk dt { font-weight: 700; font-family: var(--wp--preset--font-family--baslik); margin-top: 1.2em; color: var(--wp--preset--color--ana); }
.kl-sozluk dd { margin: .3em 0 0; padding-bottom: 1em; border-bottom: 1px solid var(--wp--preset--color--cizgi); }

/* Hesaplayıcılar tema içinde tam genişlik kullansın */
.entry-content .kl-tool, .wp-block-post-content .kl-tool { margin-left: auto; margin-right: auto; }

/* Mobil */
@media (max-width: 781px) {
	.kl-hero-kolon-sag { order: 2; }
	.kl-gizle-mobil { display: none !important; }
}

/* Erişilebilirlik: hareket azaltma */
@media (prefers-reduced-motion: reduce) {
	.kl-kart, .kl-ok a::after { transition: none; }
	.kl-kart:hover { transform: none; }
}

/* Logo yüklendiyse yedek "KL" işaretini gizle */
.wp-block-site-logo + .kl-logo-yedek { display: none; }
.wp-block-post-terms a { text-decoration: none; }
.kl-etiket.has-text-align-center { display: table; margin-left: auto !important; margin-right: auto !important; }
.kl-icerik > h2 { font-size: var(--wp--preset--font-size--buyuk); margin-top: 2.2em; }
.kl-icerik > h3 { font-size: var(--wp--preset--font-size--orta); margin-top: 1.8em; }
.kl-icerik .wp-block-table th { text-align: left; }
.kl-icerik .wp-block-table td, .kl-icerik .wp-block-table th { padding: .6em .8em; }
.kl-ornek-kart .kl-satir b { white-space: nowrap; }
.kl-linkler { list-style: none; margin: 0; }

/* ===== v1.1: rehber sayfası bileşenleri ===== */

/* Özet şeridi (anahtar bilgiler) */
.kl-ozet > .wp-block-group {
	background: var(--wp--preset--color--beyaz);
	border: 1px solid var(--wp--preset--color--cizgi);
	border-radius: 12px;
	padding: 14px 16px;
}
.kl-ozet .kl-ozet-etiket { font-size: .75rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--wp--preset--color--soluk); margin: 0; }
.kl-ozet .kl-ozet-deger { font-family: var(--wp--preset--font-family--baslik); font-weight: 800; font-size: 1.05rem; color: var(--wp--preset--color--ana); margin: 4px 0 0; line-height: 1.3; }

/* İçindekiler */
.kl-toc {
	background: var(--wp--preset--color--beyaz);
	border: 1px solid var(--wp--preset--color--cizgi);
	border-radius: 12px;
	padding: 16px 20px !important;
}
.kl-toc .kl-toc-baslik { margin: 0 0 6px; font-weight: 800; font-family: var(--wp--preset--font-family--baslik); font-size: .9rem; }
.kl-toc ol { margin: 0; padding-left: 1.2em; columns: 2 240px; column-gap: 28px; font-size: .92rem; line-height: 1.9; }
.kl-toc a { text-decoration: none; }
.kl-toc a:hover { text-decoration: underline; }

/* Kontrol listesi */
ul.kl-kontrol { list-style: none; padding-left: 0; }
ul.kl-kontrol li { position: relative; padding-left: 32px; margin: 0 0 10px; }
ul.kl-kontrol li::before {
	content: "✓";
	position: absolute; left: 0; top: .15em;
	width: 21px; height: 21px; border-radius: 6px;
	display: grid; place-items: center;
	background: var(--wp--preset--color--ana-acik);
	color: var(--wp--preset--color--ana);
	font-size: 12px; font-weight: 800; line-height: 1;
}

/* Tahsis masasından not */
.kl-ipucu { position: relative; }
.kl-ipucu .kl-ipucu-baslik { font-family: var(--wp--preset--font-family--baslik); font-weight: 800; font-size: .8rem; letter-spacing: .05em; text-transform: uppercase; color: var(--wp--preset--color--vurgu); margin: 0; }

/* Kaynak kartları */
.kl-kaynak { text-decoration: none; }
.kl-kaynak-adres { font-size: .78rem; color: var(--wp--preset--color--soluk); word-break: break-all; margin: 0; }
.kl-rozet {
	display: inline-block; font-size: .68rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase;
	padding: 2px 8px; border-radius: 99px; background: var(--wp--preset--color--ana-acik); color: var(--wp--preset--color--ana);
}
.kl-rozet-ozel { background: var(--wp--preset--color--vurgu-acik); color: #9a3d06; }
.kl-kart-baslik a { text-decoration: none; color: inherit; }
.kl-kart-baslik a:hover { color: var(--wp--preset--color--ana); }
.kl-kart-baslik a::after { content: " ↗"; font-size: .8em; color: var(--wp--preset--color--soluk); }

/* Mevzuat tablosu bağlantıları */
.kl-icerik .wp-block-table a { font-weight: 600; }

/* Açılır menü */
.kl-header .wp-block-navigation__submenu-container {
	border: 1px solid var(--wp--preset--color--cizgi) !important;
	border-radius: 12px;
	padding: 8px 0 !important;
	box-shadow: 0 18px 40px -20px rgba(15, 50, 60, .45);
	min-width: 230px !important;
	background: var(--wp--preset--color--beyaz) !important;
}
.kl-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content { padding: 8px 18px !important; }
.kl-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover { background: var(--wp--preset--color--zemin); }

/* Kart ızgaraları eşit yükseklik */
.kl-izgara > .wp-block-group { height: 100%; }

/* Mobil menü: backdrop-filter, sabit konumlu katmanı başlığın içine hapsetmesin */
.kl-header:has(.is-menu-open) { backdrop-filter: none; -webkit-backdrop-filter: none; background: var(--wp--preset--color--zemin) !important; }
.wp-block-navigation__responsive-container.is-menu-open { padding: 24px !important; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { font-size: 1.05rem; padding: 6px 0; }
.kl-header .is-menu-open .wp-block-navigation__responsive-container-content,
.kl-header .is-menu-open .wp-block-navigation__container,
.kl-header .is-menu-open .wp-block-navigation-item { align-items: flex-start !important; text-align: left; }
.kl-header .is-menu-open .wp-block-navigation__submenu-container {
	border: 0 !important; box-shadow: none !important; background: transparent !important;
	padding: 4px 0 8px 14px !important; border-left: 2px solid var(--wp--preset--color--cizgi) !important; border-radius: 0; min-width: 0 !important;
}
.kl-header .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content { padding: 5px 0 !important; font-weight: 500; }

/* v1.2: analiz raporu */
.kl-ikisutun > .wp-block-column { background: var(--wp--preset--color--beyaz); border: 1px solid var(--wp--preset--color--cizgi); border-radius: 14px; padding: 18px 22px; }
.kl-ikisutun h3 { margin-top: 0 !important; font-size: var(--wp--preset--font-size--orta); }
.kl-ikisutun ul:not(.kl-kontrol) { padding-left: 1.1em; }
.kl-ikisutun ul:not(.kl-kontrol) li { margin-bottom: 8px; }
.kl-icerik small { color: var(--wp--preset--color--soluk); }
.kl-icerik .kl-tool.kl-analiz { max-width: 1080px; }