/*
Theme Name: Askin Kilic
Theme URI: https://www.askinkilic.com.tr/
Description: askinkilic.com.tr icin Blocksy child temasi. Okunabilir haber/rehber duzeni; sema ve SEO Rank Math tarafinda kalir.
Author: Askin KILIC
Template: blocksy
Version: 1.1.0
Text Domain: askinkilic
*/

/* Reading column: ~720px, 18px body, 1.65 line-height (design spec NTM-108). */
.single .entry-content {
	font-size: 18px;
	line-height: 1.65;
}

@media (max-width: 689.98px) {
	.single .entry-content {
		font-size: 17px;
	}
}

/* Text links inside articles stay underlined; state is not colour-only. */
.entry-content a:not(.wp-block-button__link):not(.ct-button) {
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* Code and wide tables scroll inside themselves, never the page. */
.entry-content pre,
.entry-content .wp-block-table,
.entry-content table {
	max-width: 100%;
	overflow-x: auto;
}

/* Cards: one visible category. Separators are bare text nodes, so collapse
   the container font and restore it on the first link only. */
.entries .meta-categories {
	font-size: 0;
}

.entries .meta-categories a:first-of-type {
	font-size: var(--theme-font-size, 12px);
}

.entries .meta-categories a:not(:first-of-type) {
	display: none;
}

:focus-visible {
	outline: 2px solid #0078D4;
	outline-offset: 2px;
}

/* Category hub intro sits inside Blocksy's card grid: span the full row. */
.entries > .akilic-cat-hub { grid-column: 1 / -1; }


/* ==========================================================================
   Brand system (matches mu-plugins/ak-enhancements-styles.css):
   accent #0078D4 / hover #005A9E, text #0F172A, slate neutrals,
   Space Grotesk headings, Inter body, JetBrains Mono code.
   ========================================================================== */

/* Header: wordmark + navigation */
.site-title,
.site-title a {
	font-family: "Space Grotesk", system-ui, sans-serif !important;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: -0.02em;
	color: #0f172a;
}

.ct-header [data-id="menu"] > ul > li > a {
	--theme-font-size: 14px;
	--theme-font-weight: 600;
	--theme-text-transform: none;
	font-size: 14px;
	font-weight: 600;
	text-transform: none;
	letter-spacing: 0;
	color: #0f172a;
}

.ct-header [data-id="menu"] > ul > li > a:hover,
.ct-header [data-id="menu"] > ul > li.current-menu-item > a,
.ct-header [data-id="menu"] > ul > li.current-menu-ancestor > a {
	color: #0078d4;
}

.ct-header [data-row="middle"] {
	border-bottom: 1px solid #e2e8f0;
}

/* Type scale: H1 > H2 > H3 > H4, tight heading leading. */
.hero-section .page-title {
	--theme-font-size: 40px;
	--theme-line-height: 1.2;
	font-size: 40px;
	line-height: 1.2;
	letter-spacing: -0.025em;
}

.archive .hero-section .page-title,
.search .hero-section .page-title {
	--theme-font-size: 34px;
	font-size: 34px;
}

.hero-section .ct-title-label {
	display: block;
	margin-bottom: 4px;
	font-family: "Inter", system-ui, sans-serif !important;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #005a9e;
}

.entry-content h2 {
	--theme-font-size: 28px;
	--theme-line-height: 1.3;
	font-size: 28px;
	line-height: 1.3;
	margin-top: 1.8em;
	margin-bottom: 0.6em;
}

.entry-content h3 {
	--theme-font-size: 22px;
	--theme-line-height: 1.35;
	font-size: 22px;
	line-height: 1.35;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
}

.entry-content h4 {
	--theme-font-size: 19px;
	--theme-line-height: 1.4;
	font-size: 19px;
	line-height: 1.4;
}

.entry-content h2,
.entry-content h3,
.entry-content h4 {
	color: #0f172a;
}

/* Article body: near-black copy (project rule), brand links. */
.single .entry-content {
	--link-color: #0067b8;
}

.single .entry-content,
.single .entry-content p,
.single .entry-content li {
	color: #0f172a;
	line-height: 1.7;
}

.entry-content a:not(.wp-block-button__link):not(.ct-button) {
	font-size: inherit;
	color: #0067b8;
	text-decoration-color: rgba(0, 103, 184, 0.4);
	text-decoration-thickness: 1px;
}

.entry-content a:not(.wp-block-button__link):not(.ct-button):hover {
	color: #005a9e;
	text-decoration-color: currentColor;
}

/* Inline code: readable contrast (was #d63384 on #f0f0f0, 3.9:1). */
.entry-content :not(pre) > code {
	color: #9d174d;
	background: #f1f5f9;
	border-radius: 4px;
}

.akilic-post-meta span {
	color: #475569;
}

/* Meta lines */
.entry-meta {
	--theme-font-size: 13px;
	--theme-font-weight: 500;
	--theme-text-transform: none;
	font-size: 13px;
	font-weight: 500;
	text-transform: none;
	color: #475569;
}

/* Archive cards: quiet border, consistent radius, subtle lift. */
.entries[data-cards="boxed"] .entry-card {
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
	overflow: hidden;
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.entries[data-cards="boxed"] .entry-card:hover {
	box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
	transform: translateY(-2px);
}

.entry-card .entry-title {
	--theme-font-size: 20px;
	--theme-line-height: 1.3;
	font-size: 20px;
	line-height: 1.3;
	letter-spacing: -0.015em;
}

.entry-card .entry-title a:hover {
	color: #0078d4;
}

.entry-card .entry-excerpt {
	font-size: 15.5px;
	line-height: 1.6;
	color: #334155;
}

.entries .meta-categories a:first-of-type {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #005a9e;
}

/* Breadcrumbs (Rank Math, printed above the title by functions.php). */
.ak-breadcrumbs {
	margin-bottom: 12px;
	font-size: 13px;
	color: #475569;
}

.ak-breadcrumbs a {
	color: #005a9e;
	text-decoration: underline;
	text-decoration-color: rgba(0, 90, 158, 0.35);
	text-underline-offset: 2px;
}

.ak-breadcrumbs a:hover {
	text-decoration-color: currentColor;
}

.ak-breadcrumbs .separator {
	margin: 0 6px;
	color: #94a3b8;
}

/* Footer */
.ct-footer [data-row="bottom"] {
	border-top: 1px solid #e2e8f0;
}

.ct-footer .ct-footer-copyright {
	font-size: 14px;
	color: #334155;
}

.ct-footer [data-id="menu"] a {
	font-size: 13px;
	font-weight: 600;
	text-transform: none;
	color: #0f172a;
}

.ct-footer [data-id="menu"] a:hover {
	color: #0078d4;
}

@media (max-width: 689.98px) {
	.hero-section .page-title {
		--theme-font-size: 30px;
		font-size: 30px;
	}

	.archive .hero-section .page-title,
	.search .hero-section .page-title {
		--theme-font-size: 28px;
		font-size: 28px;
	}

	.entry-content h2 {
		--theme-font-size: 24px;
		font-size: 24px;
	}

	.entry-content h3 {
		--theme-font-size: 20px;
		font-size: 20px;
	}

	.entry-content h4 {
		--theme-font-size: 18px;
		font-size: 18px;
	}

	.entry-card .entry-title {
		--theme-font-size: 19px;
		font-size: 19px;
	}

	.site-title,
	.site-title a {
		font-size: 22px;
	}
}
/* mu-plugin blocks with inline colours below AA on tinted surfaces. */
.akilic-ai-disclosure a,
.akilic-author-box > div > div > span:not([style*="background:#0078d4"]) {
	color: #005a9e !important;
}

.akilic-related a small {
	color: #475569 !important;
}