/* KNAOS Teknoloji – tema stilleri */

:root {
	--k-navy: var(--wp--preset--color--navy, #0b2d66);
	--k-deep: var(--wp--preset--color--navy-deep, #071d45);
	--k-teal: var(--wp--preset--color--teal, #14a38b);
	--k-ink: var(--wp--preset--color--ink, #1b2a41);
	--k-muted: var(--wp--preset--color--muted, #5b6b80);
	--k-line: var(--wp--preset--color--line, #dde3ea);
	--k-mist: var(--wp--preset--color--mist, #f0f3f7);
	--k-mono: var(--wp--preset--font-family--mono, ui-monospace, monospace);
	--k-head: var(--wp--preset--font-family--heading, sans-serif);
	--k-section: clamp(56px, 8vw, 104px);
}

body { -webkit-font-smoothing: antialiased; }
.knaos-main { padding-top: 0; padding-bottom: 0; }
.knaos-main > .wp-block-post-content > *:first-child { margin-top: 0; }
.knaos-main > .wp-block-post-content > .alignfull { margin-top: 0; margin-bottom: 0; }

/* ---------- Header ---------- */
.knaos-header {
	position: sticky; top: 0; z-index: 50;
	background: #fff;
	border-top: 3px solid transparent;
	border-image: linear-gradient(90deg, #0b2d66 0%, #0b2d66 55%, #14a38b 75%, #8cc63f 100%) 1;
	box-shadow: 0 1px 0 var(--k-line);
}
.knaos-header__inner {
	max-width: 1320px; margin: 0 auto; padding: 10px 24px;
	display: flex; align-items: center; justify-content: space-between; gap: 24px;
}
.knaos-header .wp-block-site-logo img { max-height: 54px; width: auto; }
.knaos-nav { display: flex; align-items: center; gap: 28px; flex: 1; justify-content: flex-end; }
.knaos-menu { list-style: none; margin: 0; padding: 0; }
.knaos-menu--primary { display: flex; gap: 26px; }
.knaos-menu--primary > li { position: relative; }
.knaos-menu--primary a {
	color: var(--k-ink); text-decoration: none; font-size: 0.95rem; font-weight: 500;
	padding: 10px 0; display: inline-block; border-bottom: 2px solid transparent;
}
.knaos-menu--primary a:hover,
.knaos-menu--primary .current-menu-item > a,
.knaos-menu--primary .current-menu-ancestor > a { border-bottom-color: var(--k-teal); color: var(--k-navy); }
.knaos-menu--primary .sub-menu {
	list-style: none; margin: 0; padding: 8px 0; position: absolute; left: -16px; top: 100%;
	min-width: 260px; background: #fff; border: 1px solid var(--k-line); border-radius: 6px;
	box-shadow: 0 12px 30px rgba(11, 45, 102, .12); display: none;
}
.knaos-menu--primary li:hover > .sub-menu,
.knaos-menu--primary li:focus-within > .sub-menu { display: block; }
.knaos-menu--primary .sub-menu a { display: block; padding: 8px 16px; border: 0; }
.knaos-menu--primary .sub-menu a:hover { background: var(--k-mist); }
.knaos-nav__tools { display: flex; align-items: center; gap: 18px; }
.knaos-lang { font-family: var(--k-mono); font-size: 0.8rem; color: var(--k-muted); display: flex; gap: 6px; }
.knaos-lang a { color: var(--k-muted); text-decoration: none; }
.knaos-lang a.is-current { color: var(--k-navy); font-weight: 700; }
.knaos-btn {
	display: inline-block; padding: 10px 18px; border-radius: 4px; font-weight: 600; font-size: 0.9rem;
	text-decoration: none; white-space: nowrap;
}
.knaos-btn--navy { background: var(--k-navy); color: #fff !important; }
.knaos-btn--navy:hover { background: var(--k-teal); }
.knaos-nav-toggle, .knaos-nav-burger { display: none; }

@media (max-width: 1080px) {
	.knaos-nav-burger {
		display: block; width: 42px; height: 42px; cursor: pointer; position: relative;
		border: 1px solid var(--k-line); border-radius: 6px;
	}
	.knaos-nav-burger span, .knaos-nav-burger span::before, .knaos-nav-burger span::after {
		position: absolute; left: 10px; width: 20px; height: 2px; background: var(--k-navy); content: "";
	}
	.knaos-nav-burger span { top: 19px; }
	.knaos-nav-burger span::before { left: 0; top: -6px; }
	.knaos-nav-burger span::after { left: 0; top: 6px; }
	.knaos-nav {
		display: none; position: absolute; left: 0; right: 0; top: 100%;
		background: #fff; border-bottom: 1px solid var(--k-line);
		flex-direction: column; align-items: stretch; padding: 8px 24px 20px; gap: 12px;
	}
	.knaos-nav-toggle:checked ~ .knaos-nav { display: flex; }
	.knaos-menu--primary { flex-direction: column; gap: 0; }
	.knaos-menu--primary a { padding: 12px 0; border-bottom: 1px solid var(--k-line); display: block; }
	.knaos-menu--primary .sub-menu { position: static; display: block; border: 0; box-shadow: none; padding: 0 0 0 16px; }
	.knaos-nav__tools { justify-content: space-between; }
}

/* ---------- Footer ---------- */
.knaos-footer { background: var(--k-deep); color: #b9c6dc; padding-top: 64px; padding-bottom: 28px; margin-top: 0; }
.knaos-footer a { color: #e6edf7; text-decoration: none; }
.knaos-footer a:hover { color: #fff; text-decoration: underline; }
.knaos-footer__grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1.3fr; gap: 40px; }
.knaos-footer h4 {
	font-family: var(--k-mono); font-size: 0.75rem; letter-spacing: .14em; text-transform: uppercase;
	color: #fff; margin: 0 0 14px; font-weight: 600;
}
.knaos-footer .knaos-menu li { margin: 0 0 8px; font-size: 0.9rem; }
.knaos-footer__brand p { font-size: 0.9rem; max-width: 360px; }
.knaos-footer__brand img { max-height: 56px; width: auto; background: #fff; border-radius: 6px; padding: 4px; }
.knaos-wordmark { font-family: var(--k-head); color: #fff; font-size: 1.6rem; font-weight: 700; letter-spacing: .06em; }
.knaos-wordmark small { display: block; font-size: .7rem; letter-spacing: .4em; color: var(--k-teal); }
.knaos-footer__bottom {
	margin-top: 48px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.08);
	display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; font-size: .8rem;
}
.knaos-menu--inline { display: flex; gap: 18px; }
@media (max-width: 860px) { .knaos-footer__grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) { .knaos-footer__grid { grid-template-columns: 1fr; } }

/* ---------- Sections ---------- */
.knaos-section { padding-top: var(--k-section); padding-bottom: var(--k-section); }
.knaos-section--mist { background: var(--k-mist); }
.knaos-section--navy, .knaos-hero, .knaos-pagehead, .knaos-cta {
	background: var(--k-navy); color: #c9d6ea;
}
.knaos-section--navy :is(h1,h2,h3,h4), .knaos-hero :is(h1,h2,h3,h4),
.knaos-pagehead :is(h1,h2,h3,h4), .knaos-cta :is(h1,h2,h3,h4) { color: #fff; }
.knaos-hero { padding-top: clamp(56px, 7vw, 96px); padding-bottom: clamp(56px, 7vw, 96px); }
.knaos-hero h1 { font-size: clamp(2.5rem, 4.6vw, 3.9rem); }
.knaos-pagehead { padding-top: 56px; padding-bottom: 56px; }
.knaos-pagehead h1 { margin: 0; }
.knaos-pagehead .wp-block-post-date { color: #8fa7cc; }
.knaos-cta { padding-top: 64px; padding-bottom: 64px; }
.knaos-cta .wp-block-columns { align-items: center; }

/* Eyebrow / mono */
.is-style-eyebrow {
	font-family: var(--k-mono); font-size: 0.75rem !important; letter-spacing: .18em;
	text-transform: uppercase; color: var(--k-teal); margin-bottom: .4rem !important;
}
.knaos-hero .is-style-eyebrow, .knaos-section--navy .is-style-eyebrow,
.knaos-pagehead .is-style-eyebrow, .knaos-cta .is-style-eyebrow { color: #2dd4bf; }
.is-style-lead { font-size: 1.1rem; color: var(--k-muted); max-width: 720px; }
.knaos-hero .is-style-lead, .knaos-pagehead .is-style-lead, .knaos-cta .is-style-lead { color: #c9d6ea; }
.knaos-mono { font-family: var(--k-mono); }

/* Buttons */
.wp-block-button.is-style-outline > .wp-block-button__link {
	background: transparent; color: var(--k-navy); border: 1px solid var(--k-navy);
}
.knaos-hero .is-style-outline > .wp-block-button__link,
.knaos-cta .is-style-outline > .wp-block-button__link,
.knaos-pagehead .is-style-outline > .wp-block-button__link { color: #fff; border-color: rgba(255,255,255,.45); }
.wp-block-button__link::after { content: ""; }

/* Stats */
.knaos-stats { border-top: 1px solid rgba(255,255,255,.14); padding-top: 24px; margin-top: 36px !important; gap: 24px; }
.knaos-stats .wp-block-column p:first-child {
	font-family: var(--k-mono); color: #fff; font-size: 1.35rem; font-weight: 600; margin: 0;
}
.knaos-stats .wp-block-column p:last-child { font-size: .8rem; color: #9fb3d1; margin-top: 4px; }

/* Cards */
.is-style-card {
	background: #fff; border: 1px solid var(--k-line); border-radius: 8px;
	padding: 28px; height: 100%;
}
.is-style-card > *:first-child { margin-top: 0; }
.is-style-card h3 { font-size: 1.3rem; margin-top: .4rem; }
.knaos-section--navy .is-style-card { background: rgba(255,255,255,.03); border-color: rgba(255,255,255,.1); }
.knaos-section--navy .is-style-card p { color: #b9c6dc; }
.knaos-cards { gap: 20px !important; }
.knaos-cards > .wp-block-column { display: flex; }
.knaos-cards > .wp-block-column > .wp-block-group { flex: 1; }
.knaos-num {
	font-family: var(--k-mono); color: var(--k-teal) !important; font-size: .85rem !important; margin: 0 0 6px !important;
}
.knaos-badge {
	display: inline-block; font-family: var(--k-mono); font-size: .7rem !important; letter-spacing: .1em;
	text-transform: uppercase; padding: 3px 8px; border-radius: 3px; background: #e3f6f2; color: #0d7a68;
}
.knaos-badge--soon { background: var(--k-mist); color: var(--k-muted); }

/* Figures */
.knaos-figure img { width: 100%; height: auto; border-radius: 8px; border: 1px solid var(--k-line); display: block; }
.knaos-hero .knaos-figure img { border: 0; }
.knaos-product .knaos-figure { margin: -28px -28px 20px; }
.knaos-product .knaos-figure img { border-radius: 8px 8px 0 0; border: 0; border-bottom: 1px solid var(--k-line); aspect-ratio: 16/9; object-fit: contain; background: #f4f7fb; }

/* Tables */
.wp-block-table table { border-collapse: collapse; width: 100%; }
.wp-block-table td, .wp-block-table th { border: 0; }
.is-style-spec table { font-size: .9rem; }
.is-style-spec td { padding: 9px 0; border-bottom: 1px solid var(--k-line); color: var(--k-muted); vertical-align: top; }
.is-style-spec td:last-child { text-align: right; font-family: var(--k-mono); color: var(--k-navy); font-weight: 600; }
.is-style-matrix { border: 1px solid var(--k-line); border-radius: 8px; overflow: hidden; }
.is-style-matrix thead th {
	background: var(--k-navy); color: #fff; text-align: left; padding: 12px 14px; font-weight: 600; font-size: .85rem;
}
.is-style-matrix td { padding: 12px 14px; border-top: 1px solid var(--k-line); font-size: .88rem; }
.is-style-matrix tbody tr:nth-child(even) td { background: #f7f9fc; }
.is-style-matrix td:first-child { font-weight: 600; color: var(--k-navy); }
.knaos-scroll { overflow-x: auto; }
@media (max-width: 760px) { .is-style-matrix table { min-width: 680px; } }

/* Lists */
.is-style-checks { list-style: none; padding-left: 0; }
.is-style-checks li { padding-left: 28px; position: relative; margin-bottom: 8px; }
.is-style-checks li::before {
	content: ""; position: absolute; left: 4px; top: .45em; width: 12px; height: 7px;
	border-left: 2px solid var(--k-teal); border-bottom: 2px solid var(--k-teal); transform: rotate(-45deg);
}
.is-style-chips { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.is-style-chips li {
	font-family: var(--k-mono); font-size: .75rem; border: 1px solid var(--k-line); border-radius: 4px;
	padding: 4px 10px; background: #fff; color: var(--k-navy);
}

/* Steps */
.knaos-steps .wp-block-group { border-top: 1px solid var(--k-line); padding: 16px 0; }
.knaos-steps h4 { margin: 0 0 4px; }
.knaos-steps p { margin: 0; color: var(--k-muted); font-size: .92rem; }

/* Documents */
.knaos-doc {
	display: flex; justify-content: space-between; align-items: center; gap: 16px;
	border: 1px solid var(--k-line); border-radius: 8px; padding: 16px 18px; background: #fff;
}
.knaos-doc p { margin: 0; }
.knaos-doc p:first-child strong { color: var(--k-navy); }
.knaos-doc small { font-family: var(--k-mono); color: var(--k-muted); }
.knaos-doc .wp-block-buttons { flex-shrink: 0; }
.knaos-doc .wp-block-button__link { padding: .5rem 1rem; font-size: .85rem; }

/* Contact */
.knaos-contact { list-style: none; padding: 0; margin: 24px 0 0; }
.knaos-contact li { margin-bottom: 18px; padding-left: 16px; border-left: 2px solid var(--k-teal); }
.knaos-contact small { display: block; font-size: .75rem; color: var(--k-muted); }
.knaos-form {
	background: #fff; border: 1px solid var(--k-line); border-radius: 10px; padding: 28px;
}
.wpcf7 .k-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 18px; }
.wpcf7 .k-full { grid-column: 1 / -1; }
.wpcf7 label { display: block; font-size: .85rem; font-weight: 600; color: var(--k-ink); }
.wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 input[type=tel], .wpcf7 input[type=number],
.wpcf7 select, .wpcf7 textarea {
	width: 100%; margin-top: 6px; padding: 10px 12px; font: inherit; font-size: .95rem;
	border: 1px solid #cfd8e3; border-radius: 4px; background: #fff; box-sizing: border-box;
}
.wpcf7 textarea { min-height: 120px; }
.wpcf7 input:focus, .wpcf7 select:focus, .wpcf7 textarea:focus { outline: 2px solid var(--k-teal); border-color: transparent; }
.wpcf7 .wpcf7-acceptance label { font-weight: 400; font-size: .85rem; }
.wpcf7 input[type=submit] {
	width: 100%; background: var(--k-navy); color: #fff; border: 0; border-radius: 4px;
	padding: 14px; font-weight: 600; cursor: pointer; font-size: .95rem;
}
.wpcf7 input[type=submit]:hover { background: var(--k-teal); }
@media (max-width: 640px) { .wpcf7 .k-grid { grid-template-columns: 1fr; } }

/* Prose pages */
.knaos-prose { padding-top: 48px; padding-bottom: 72px; }
.knaos-prose h2 { font-size: 1.6rem; margin-top: 2.2rem; }

/* Breadcrumb */
.knaos-crumb { font-size: .8rem; color: #8fa7cc; margin-bottom: 1.2rem !important; }
.knaos-crumb a { color: #c9d6ea; text-decoration: none; }
.knaos-crumb a:hover { color: #fff; }

/* Spec tables on dark backgrounds */
:is(.knaos-hero, .knaos-section--navy) .is-style-spec td { color: #9fb3d1; border-bottom-color: rgba(255,255,255,.12); }
:is(.knaos-hero, .knaos-section--navy) .is-style-spec td:last-child { color: #fff; }
.knaos-hero-specs { gap: 24px !important; margin: 24px 0 !important; }

/* Wide product card */
.knaos-product-wide .wp-block-columns { align-items: center; gap: 32px; }
.knaos-product-wide h3 { margin-top: .2rem; }

/* Callout */
.knaos-note {
	border-left: 3px solid var(--k-teal); background: #fff; padding: 14px 18px; font-size: .9rem; color: var(--k-muted);
}