/* =========================================================================
   ProAEC CAD-T — ön yüz stilleri
   theme.json belirteçlerinin (design token) üzerine bileşen katmanı.
   ========================================================================= */

:root {
	--cadt-gecis: 180ms cubic-bezier(.4, 0, .2, 1);
	--cadt-r-s: 6px;
	--cadt-r-m: 12px;
	--cadt-r-l: 20px;
	--cadt-ust: 68px; /* sabit başlık yüksekliği */
}

*,
*::before,
*::after { box-sizing: border-box; }

html { scroll-behavior: smooth; scroll-padding-top: calc(var(--cadt-ust) + 1rem); }

body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow-x: clip; }

/* Klavye erişilebilirliği — her odaklanabilir öğede görünür halka. */
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: 3px solid var(--wp--preset--color--turkuaz);
	outline-offset: 2px;
	border-radius: var(--cadt-r-s);
}

.cadt-atla {
	position: absolute;
	left: -9999px;
	top: 0;
	z-index: 999;
	background: var(--wp--preset--color--lacivert);
	color: #fff;
	padding: .75rem 1.25rem;
	border-radius: 0 0 var(--cadt-r-s) 0;
}
.cadt-atla:focus { left: 0; }

/* ---------------------------------------------------------------- BAŞLIK */

.cadt-ust {
	position: sticky;
	top: 0;
	z-index: 100;
	border-bottom: 1px solid var(--wp--preset--color--cizgi);
}

/* Cam etkisi ayrı bir katmanda duruyor. backdrop-filter doğrudan başlığa
   verilirse başlık, içindeki position:fixed öğeler için kapsayıcı blok olur;
   mobil gezinme kaplaması o zaman ekranı değil başlığı kaplar — menü 96 px'lik
   şeride sıkışıp kullanılamaz hâle gelirdi. Pseudo öğenin alt öğesi olmadığı
   için aynı tuzak burada oluşmaz. */
.cadt-ust::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: rgba(247, 248, 246, .86);
	backdrop-filter: saturate(160%) blur(16px);
	-webkit-backdrop-filter: saturate(160%) blur(16px);
	pointer-events: none;
}

.cadt-ust .wp-block-site-title a { color: var(--wp--preset--color--lacivert); }

/* Ana gezinme */
.cadt-ust .wp-block-navigation {
	--navigation-layout-gap: .35rem;
	font-size: .9375rem;
	font-weight: 550;
}

.cadt-ust .wp-block-navigation-item > .wp-block-navigation-item__content {
	padding: .5rem .75rem;
	border-radius: var(--cadt-r-s);
	color: var(--wp--preset--color--metin);
	transition: background var(--cadt-gecis), color var(--cadt-gecis);
}

.cadt-ust .wp-block-navigation-item > .wp-block-navigation-item__content:hover,
.cadt-ust .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content {
	background: rgba(29, 78, 216, .08);
	color: var(--wp--preset--color--mavi);
	text-decoration: none;
}

/* Açılır menü — kart görünümü */
.cadt-ust .wp-block-navigation__submenu-container {
	border: 1px solid var(--wp--preset--color--cizgi);
	border-radius: var(--cadt-r-m);
	box-shadow: 0 24px 60px -24px rgba(11, 21, 38, .3);
	padding: .5rem;
	min-width: 300px;
	background: #FFFFFF;
}

.cadt-ust .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	padding: .55rem .75rem;
	border-radius: var(--cadt-r-s);
	display: block;
}

/* ---------------------------------------------------------------- HERO */

.cadt-hero {
	position: relative;
	isolation: isolate;
	overflow: clip;
	color: #fff;
}

/* Teknik ızgara dokusu — CAD çizim yüzeyi çağrışımı. */
.cadt-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background-image:
		linear-gradient(rgba(255, 255, 255, .06) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, .06) 1px, transparent 1px),
		linear-gradient(rgba(255, 255, 255, .028) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, .028) 1px, transparent 1px);
	background-size: 120px 120px, 120px 120px, 24px 24px, 24px 24px;
	mask-image: radial-gradient(120% 90% at 70% 15%, #000 25%, transparent 78%);
	-webkit-mask-image: radial-gradient(120% 90% at 70% 15%, #000 25%, transparent 78%);
}

/* Yumuşak ışık lekesi. */
.cadt-hero::after {
	content: "";
	position: absolute;
	z-index: -1;
	width: 780px;
	height: 780px;
	right: -180px;
	top: -320px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(29, 78, 216, .6) 0%, rgba(224, 74, 26, .12) 48%, transparent 70%);
	filter: blur(10px);
	pointer-events: none;
}

.cadt-hero :where(h1, h2, h3, p) { color: #fff; }
.cadt-hero p.cadt-hero-alt { color: rgba(255, 255, 255, .78); }

/* ------------------------------------------------- BÖLÜM BAŞLIĞI (eyebrow) */

.is-style-ustbaslik {
	font-size: .78rem !important;
	font-weight: 650;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--wp--preset--color--mavi);
	margin-bottom: .6rem;
}

.cadt-hero .is-style-ustbaslik,
.cadt-koyu .is-style-ustbaslik { color: var(--wp--preset--color--turkuaz); }

/* ---------------------------------------------------------------- KARTLAR */

.wp-block-group.is-style-kart {
	background: #FFFFFF;
	border: 1px solid var(--wp--preset--color--cizgi);
	border-radius: var(--cadt-r-l);
	padding: var(--wp--preset--spacing--30);
	transition: transform var(--cadt-gecis), box-shadow var(--cadt-gecis), border-color var(--cadt-gecis);
	height: 100%;
}

.wp-block-group.is-style-kart:hover {
	transform: translateY(-4px);
	border-color: rgba(29, 78, 216, .45);
	box-shadow: 0 0 0 1px rgba(29, 78, 216, .12), 0 26px 60px -26px rgba(11, 21, 38, .28);
}

.wp-block-group.is-style-cam {
	background: rgba(255, 255, 255, .05);
	border: 1px solid rgba(255, 255, 255, .13);
	border-radius: var(--cadt-r-l);
	padding: var(--wp--preset--spacing--30);
	backdrop-filter: blur(8px);
	height: 100%;
}

.wp-block-group.is-style-cam :where(h1, h2, h3, h4, h5, h6, li) { color: #fff; }
.wp-block-group.is-style-cam p { color: rgba(255, 255, 255, .74); }

/* Ürün kartı — üstünde renk şeridi */
.cadt-urun-kart {
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.cadt-urun-kart::before {
	content: "";
	position: absolute;
	inset: 0 0 auto 0;
	height: 3px;
	background: var(--wp--preset--gradient--vurgu);
	opacity: 0;
	transition: opacity var(--cadt-gecis);
}

.cadt-urun-kart:hover::before { opacity: 1; }

.cadt-rozet {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	font-size: .72rem;
	font-weight: 650;
	letter-spacing: .07em;
	text-transform: uppercase;
	padding: .3rem .6rem;
	border-radius: 999px;
	background: var(--wp--preset--color--kagit);
	color: var(--wp--preset--color--metin-soluk);
	border: 1px solid var(--wp--preset--color--cizgi);
}

.cadt-rozet--ucretsiz {
	background: rgba(0, 194, 168, .12);
	color: #037A6B;
	border-color: rgba(0, 194, 168, .35);
}

/* Ürün ikonu kutusu */
.cadt-ikon {
	width: 52px;
	height: 52px;
	display: grid;
	place-items: center;
	border-radius: 14px;
	background: linear-gradient(150deg, rgba(29, 78, 216, .1), rgba(224, 74, 26, .09));
	border: 1px solid rgba(29, 78, 216, .22);
	color: var(--wp--preset--color--mavi);
	flex: 0 0 auto;
}
.cadt-ikon svg { width: 26px; height: 26px; display: block; }
.is-style-cam .cadt-ikon,
.cadt-hero .cadt-ikon,
.cadt-koyu .cadt-ikon {
	background: rgba(255, 255, 255, .08);
	border-color: rgba(255, 255, 255, .18);
	color: #FF9A66;
}

/* --------------------------------------------------------------- IZGARA */

.cadt-izgara {
	display: grid;
	gap: 1.25rem;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 290px), 1fr));
}
.cadt-izgara--2 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); }
.cadt-izgara--4 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); }

/* ------------------------------------------------------------- SAYILAR */

.cadt-sayilar { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 170px), 1fr)); }

.cadt-sayi { text-align: center; padding: 1rem .5rem; }
.cadt-sayi b {
	display: block;
	font-size: clamp(2rem, 1.2rem + 2.4vw, 3rem);
	font-weight: 750;
	letter-spacing: -.04em;
	line-height: 1.05;
	background: var(--wp--preset--gradient--vurgu);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}
.cadt-sayi span {
	display: block;
	margin-top: .35rem;
	font-size: .875rem;
	color: var(--wp--preset--color--metin-soluk);
}
.is-style-cam .cadt-sayi span,
.cadt-koyu .cadt-sayi span { color: rgba(255, 255, 255, .66); }

/* --------------------------------------------------------- TİKLİ LİSTE */

ul.is-style-tik { list-style: none; padding-left: 0; }
ul.is-style-tik li {
	position: relative;
	padding-left: 1.9rem;
	margin-bottom: .6rem;
}
ul.is-style-tik li::before {
	content: "";
	position: absolute;
	left: 0;
	top: .42em;
	width: 1.1rem;
	height: 1.1rem;
	border-radius: 50%;
	background: rgba(43, 84, 232, .12) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232B54E8' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/.72rem no-repeat;
}

/* ----------------------------------------------------------- BUTONLAR */

.wp-block-button.is-style-hayalet .wp-block-button__link {
	background: transparent;
	color: var(--wp--preset--color--mavi);
	box-shadow: inset 0 0 0 1.5px currentColor;
}
.wp-block-button.is-style-hayalet .wp-block-button__link:hover {
	background: rgba(43, 84, 232, .08);
	color: var(--wp--preset--color--mavi);
}
.cadt-hero .wp-block-button.is-style-hayalet .wp-block-button__link,
.cadt-koyu .wp-block-button.is-style-hayalet .wp-block-button__link {
	color: #fff;
	box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .45);
}
.cadt-hero .wp-block-button.is-style-hayalet .wp-block-button__link:hover,
.cadt-koyu .wp-block-button.is-style-hayalet .wp-block-button__link:hover {
	background: rgba(255, 255, 255, .12);
}

/* ------------------------------------------------------ EKRAN GÖRÜNTÜSÜ */

.wp-block-image.is-style-ekran img {
	border-radius: var(--cadt-r-m);
	border: 1px solid var(--wp--preset--color--cizgi);
	box-shadow: 0 40px 80px -40px rgba(11, 21, 38, .35);
	background: #FFFFFF;
}
.cadt-hero .wp-block-image.is-style-ekran img,
.cadt-koyu .wp-block-image.is-style-ekran img { border-color: rgba(255, 255, 255, .16); }

/* --------------------------------------------------------------- TABLO */

.cadt-teknik-tablo { width: 100%; border-collapse: collapse; font-size: .9375rem; }
.cadt-teknik-tablo th,
.cadt-teknik-tablo td {
	text-align: left;
	padding: .85rem 1rem;
	border-bottom: 1px solid var(--wp--preset--color--cizgi);
	vertical-align: top;
}
.cadt-teknik-tablo th { width: 32%; font-weight: 600; color: var(--wp--preset--color--metin-soluk); }
.cadt-teknik-tablo tr:last-child :where(th, td) { border-bottom: 0; }

/* ----------------------------------------------------------------- SSS */

.cadt-sss details {
	border: 1px solid var(--wp--preset--color--cizgi);
	border-radius: var(--cadt-r-m);
	padding: 1rem 1.25rem;
	margin-bottom: .75rem;
	background: #FFFFFF;
	transition: border-color var(--cadt-gecis);
}
.cadt-sss details[open] { border-color: rgba(29, 78, 216, .4); box-shadow: 0 14px 34px -22px rgba(11, 21, 38, .3); }
.cadt-sss summary {
	cursor: pointer;
	font-weight: 600;
	list-style: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
}
.cadt-sss summary::-webkit-details-marker { display: none; }
.cadt-sss summary::after {
	content: "+";
	font-size: 1.5rem;
	line-height: 1;
	color: var(--wp--preset--color--turkuaz);
	transition: transform var(--cadt-gecis);
	flex: 0 0 auto;
}
.cadt-sss details[open] summary::after { transform: rotate(45deg); }
.cadt-sss details > :not(summary) { margin-top: .85rem; color: var(--wp--preset--color--metin-soluk); }

/* ------------------------------------------------------------- REFERANS */

.cadt-serit {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem 2.5rem;
	align-items: center;
	justify-content: center;
	opacity: .62;
	filter: grayscale(1);
}
.cadt-serit img { max-height: 34px; width: auto; }

/* ---------------------------------------------------------------- FORM */

.cadt-form { display: grid; gap: 1rem; }
.cadt-form .cadt-form-satir { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); }
.cadt-form label { display: block; font-size: .875rem; font-weight: 600; margin-bottom: .35rem; }
.cadt-form :where(input, select, textarea) {
	width: 100%;
	font: inherit;
	font-size: .9375rem;
	padding: .7rem .9rem;
	border: 1px solid var(--wp--preset--color--cizgi);
	border-radius: var(--cadt-r-s);
	background: #FFFFFF;
	color: var(--wp--preset--color--metin);
	transition: border-color var(--cadt-gecis), box-shadow var(--cadt-gecis);
}
.cadt-form :where(input, select, textarea):focus {
	border-color: var(--wp--preset--color--mavi);
	box-shadow: 0 0 0 3px rgba(29, 78, 216, .16);
	outline: none;
}
.cadt-form .cadt-kvkk { font-size: .8125rem; color: var(--wp--preset--color--metin-soluk); display: flex; gap: .6rem; align-items: flex-start; }
.cadt-form .cadt-kvkk input { width: auto; margin-top: .2rem; }
.cadt-form button {
	justify-self: start;
	font: inherit;
	font-weight: 600;
	padding: .85rem 1.75rem;
	border: 0;
	border-radius: 8px;
	background: var(--wp--preset--color--mavi);
	color: #fff;
	cursor: pointer;
	transition: background var(--cadt-gecis);
}
.cadt-form button:hover { background: #14349F; }
.cadt-form button[disabled] { opacity: .55; cursor: progress; }
.cadt-form .cadt-durum { font-size: .9rem; }
.cadt-form .cadt-durum[data-tip="hata"] { color: #B3261E; }
.cadt-form .cadt-durum[data-tip="ok"] { color: #037A6B; }
.cadt-hp { position: absolute; left: -9999px; }

/* ---------------------------------------------------------------- ALT */

.cadt-alt { background: var(--wp--preset--color--lacivert); color: rgba(242, 245, 250, .72); }
.cadt-alt :where(h1, h2, h3, h4, h5, h6) { color: #fff; }
.cadt-alt a { color: rgba(255, 255, 255, .72); text-decoration: none; }
.cadt-alt a:hover { color: #fff; text-decoration: underline; }
.cadt-alt .wp-block-navigation { font-size: .9rem; }
.cadt-alt-yasal {
	border-top: 1px solid rgba(255, 255, 255, .12);
	font-size: .8125rem;
	color: rgba(255, 255, 255, .5);
}

/* Alt bölümdeki hukuki metin bağlantıları. */
.cadt-alt-hukuki {
	border-top: 1px solid rgba(255, 255, 255, .12);
	color: rgba(255, 255, 255, .5);
}

.cadt-alt-hukuki h6 {
	margin: 0;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, .55);
}

.cadt-alt-hukuki p { margin: 0; }
.cadt-alt-hukuki a { color: rgba(255, 255, 255, .72); }
.cadt-alt-hukuki a:hover,
.cadt-alt-hukuki a:focus-visible { color: #fff; }

/* ---------------------------------------------------------- YARDIMCILAR */

.cadt-koyu { background: var(--wp--preset--color--lacivert); color: #F2F5FA; }
.cadt-koyu :where(h1, h2, h3, h4, h5, h6) { color: #fff; }
.cadt-koyu p { color: rgba(255, 255, 255, .74); }
.cadt-denge { text-wrap: balance; }
.cadt-olcu { max-width: 62ch; }

.wp-block-post-content > * + * { margin-top: 1.15em; }

/* ------------------------------------------------------- ERİŞİLEBİLİRLİK */

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*,
	*::before,
	*::after {
		animation-duration: .001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .001ms !important;
	}
	.wp-block-group.is-style-kart:hover { transform: none; }
}

@media print {
	.cadt-ust, .cadt-alt, .wp-block-buttons { display: none !important; }
	body { color: #000; background: #fff; }
}

/* ------------------------------------------- ÜRÜN SAYFASI SEKME ÇUBUĞU */

.cadt-sekme {
	position: sticky;
	top: var(--cadt-ust);
	z-index: 90;
	background: rgba(247, 248, 246, .92);
	backdrop-filter: saturate(160%) blur(14px);
	-webkit-backdrop-filter: saturate(160%) blur(14px);
	border-bottom: 1px solid var(--wp--preset--color--cizgi);
}

.cadt-sekme-ic {
	max-width: 1280px;
	margin-inline: auto;
	padding: 0 var(--wp--preset--spacing--30);
	display: flex;
	align-items: center;
	gap: 1.5rem;
	overflow-x: auto;
	scrollbar-width: thin;
}

.cadt-sekme-ad {
	font-weight: 700;
	letter-spacing: -.02em;
	white-space: nowrap;
	padding-block: .9rem;
}

.cadt-sekme ul {
	display: flex;
	gap: .25rem;
	list-style: none;
	margin: 0;
	padding: 0;
	flex: 1 1 auto;
}

.cadt-sekme li a {
	display: block;
	white-space: nowrap;
	padding: .95rem .7rem;
	font-size: .875rem;
	font-weight: 550;
	color: var(--wp--preset--color--metin-soluk);
	border-bottom: 2px solid transparent;
	transition: color var(--cadt-gecis), border-color var(--cadt-gecis);
}

.cadt-sekme li a:hover,
.cadt-sekme li a[aria-current="true"] {
	color: var(--wp--preset--color--mavi);
	border-bottom-color: var(--wp--preset--color--mavi);
	text-decoration: none;
}

.cadt-sekme-cta {
	white-space: nowrap;
	font-size: .8125rem;
	font-weight: 650;
	padding: .5rem 1rem;
	border-radius: 8px;
	background: var(--wp--preset--color--mavi);
	color: #fff !important;
	flex: 0 0 auto;
}
.cadt-sekme-cta:hover { background: #14349F; text-decoration: none; }

@media (max-width: 780px) {
	.cadt-sekme-ad, .cadt-sekme-cta { display: none; }
}

/* -------------------------------------------------------- ÇEREZ BANDI */

.cadt-cerez {
	position: fixed;
	inset: auto 1rem 1rem 1rem;
	z-index: 200;
	max-width: 720px;
	margin-inline: auto;
	background: rgba(255, 255, 255, .97);
	border: 1px solid var(--wp--preset--color--cizgi);
	border-radius: var(--cadt-r-l);
	box-shadow: 0 30px 70px -25px rgba(11, 21, 38, .45);
	backdrop-filter: blur(12px);
	padding: 1.25rem 1.4rem;
	display: grid;
	gap: 1rem;
}
.cadt-cerez[hidden] { display: none; }
.cadt-cerez p { margin: .4rem 0 0; font-size: .875rem; color: var(--wp--preset--color--metin-soluk); }
.cadt-cerez-dugmeler { display: flex; flex-wrap: wrap; gap: .5rem; }
.cadt-cerez button {
	font: inherit;
	font-size: .875rem;
	font-weight: 600;
	padding: .6rem 1.1rem;
	border-radius: 8px;
	border: 1px solid var(--wp--preset--color--cizgi);
	background: #FFFFFF;
	color: var(--wp--preset--color--metin);
	cursor: pointer;
	transition: background var(--cadt-gecis);
}
.cadt-cerez button:hover { background: var(--wp--preset--color--kagit); }
.cadt-cerez .cadt-cerez-birincil { background: var(--wp--preset--color--mavi); border-color: var(--wp--preset--color--mavi); color: #fff; }
.cadt-cerez .cadt-cerez-birincil:hover { background: #1C3FC7; }
.cadt-cerez-ayar { border: 0; padding: 0; margin: 0; display: grid; gap: .6rem; border-top: 1px solid var(--wp--preset--color--cizgi); padding-top: 1rem; }
.cadt-cerez-ayar[hidden] { display: none; }
.cadt-cerez-ayar label { display: flex; gap: .55rem; align-items: center; font-size: .875rem; }
.cadt-cerez-ayar button { justify-self: start; }

/* WordPress ekran okuyucu yardımcı sınıfı (tema bağımsız garanti) */
.screen-reader-text {
	border: 0;
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

/* Alt bölüm bağlantı listeleri — madde imi yok, dikey ritim sıkı. */
.cadt-alt .cadt-alt-liste {
	list-style: none;
	padding-left: 0;
	display: grid;
	gap: .45rem;
}


.cadt-izgara--3 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 330px), 1fr)); }

/* Koyu zeminde KVKK satırı okunur kalsın. */
.is-style-cam .cadt-form .cadt-kvkk,
.cadt-koyu .cadt-form .cadt-kvkk { color: rgba(255, 255, 255, .78); }
.is-style-cam .cadt-form .cadt-kvkk a,
.cadt-koyu .cadt-form .cadt-kvkk a { color: var(--wp--preset--color--turkuaz); }
.is-style-cam .cadt-form .cadt-durum,
.cadt-koyu .cadt-form .cadt-durum { color: rgba(255, 255, 255, .85); }

/* Marka işareti — üst bölümde site adıyla yan yana. */
.cadt-ust .wp-block-site-logo img {
	height: 34px;
	width: auto;
	display: block;
	transition: transform .2s ease;
}
.cadt-ust .wp-block-site-logo a:hover img,
.cadt-ust .wp-block-site-logo a:focus-visible img {
	transform: scale(1.35);
}
.cadt-alt .wp-block-site-logo img { height: 40px; width: auto; }

/* Hero başlığı en fazla ~16 karakter genişliğinde satırlara bölünsün. */
.cadt-hero-h1 { max-width: 16ch; }

/* =========================================================================
   GELECEK KATMANI — aurora, kayan ızgara, ışıma, sayaç, kayd. animasyonlar
   Tamamı yerel; harici betik/eklenti yok. prefers-reduced-motion'a saygılı.
   ========================================================================= */

/* Üst bölüm telefonu */
.cadt-ust-tel a { color: var(--wp--preset--color--metin); font-variant-numeric: tabular-nums; }
.cadt-ust-tel a:hover { color: var(--wp--preset--color--mavi); text-decoration: none; }
@media (max-width: 1100px) { .cadt-ust-tel { display: none; } }

/* ------------------------------------------------ HERO: canlı aurora zemin */

@keyframes cadt-aurora {
	0%   { transform: translate3d(-6%, -4%, 0) scale(1); }
	50%  { transform: translate3d(5%, 6%, 0) scale(1.15); }
	100% { transform: translate3d(-6%, -4%, 0) scale(1); }
}
@keyframes cadt-aurora2 {
	0%   { transform: translate3d(4%, 5%, 0) scale(1.1) rotate(0deg); }
	50%  { transform: translate3d(-5%, -6%, 0) scale(0.95) rotate(8deg); }
	100% { transform: translate3d(4%, 5%, 0) scale(1.1) rotate(0deg); }
}
@keyframes cadt-izgara-kay {
	from { background-position: 0 0, 0 0, 0 0, 0 0; }
	to   { background-position: 120px 120px, 120px 120px, 24px 24px, 24px 24px; }
}

.cadt-hero::before {
	animation: cadt-izgara-kay 24s linear infinite;
}

.cadt-hero::after {
	animation: cadt-aurora 16s ease-in-out infinite;
	will-change: transform;
}

/* İkinci ışık lekesi — turkuaz, sol alttan */
.cadt-hero .cadt-aurora2 {
	content: "";
	position: absolute;
	z-index: -1;
	width: 640px;
	height: 640px;
	left: -220px;
	bottom: -320px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(224, 74, 26, .28) 0%, rgba(29, 78, 216, .12) 50%, transparent 70%);
	filter: blur(14px);
	pointer-events: none;
	animation: cadt-aurora2 20s ease-in-out infinite;
	will-change: transform;
}

/* Hero başlığında degrade vurgu */
.cadt-hero-h1 {
	background: linear-gradient(100deg, #FFFFFF 30%, #A8C0FF 62%, #FF9A66 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent !important;
}

/* ---------------------------------------------- KAYDIRMA (reveal) animasyonu */

@media (prefers-reduced-motion: no-preference) {
	.cadt-reveal {
		opacity: 0;
		transform: translateY(26px);
		transition: opacity .65s cubic-bezier(.22,.6,.24,1), transform .65s cubic-bezier(.22,.6,.24,1);
		transition-delay: var(--cadt-gecikme, 0ms);
	}
	.cadt-reveal.cadt-gorunur { opacity: 1; transform: none; }
}

/* ------------------------------------------- KART: imleci izleyen ışıma */

.wp-block-group.is-style-kart,
.wp-block-group.is-style-cam {
	position: relative;
}

.wp-block-group.is-style-kart::after,
.wp-block-group.is-style-cam::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	pointer-events: none;
	opacity: 0;
	transition: opacity 240ms ease;
	background: radial-gradient(360px circle at var(--cadt-mx, 50%) var(--cadt-my, 50%),
		rgba(29, 78, 216, .09), transparent 65%);
}
.wp-block-group.is-style-cam::after {
	background: radial-gradient(340px circle at var(--cadt-mx, 50%) var(--cadt-my, 50%),
		rgba(255, 154, 102, .14), transparent 65%);
}
.wp-block-group.is-style-kart:hover::after,
.wp-block-group.is-style-cam:hover::after { opacity: 1; }

/* Kart üst şeridi zaten var; ikonu hover'da hafif kaldır */
.cadt-urun-kart:hover .cadt-ikon {
	transform: translateY(-2px) scale(1.06);
	box-shadow: 0 8px 24px -8px rgba(43, 84, 232, .5);
}
.cadt-ikon { transition: transform var(--cadt-gecis), box-shadow var(--cadt-gecis); }

/* ------------------------------------------------- BUTON: parlama süpürmesi */

.wp-block-button__link { position: relative; overflow: hidden; }
.wp-block-button__link::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(105deg, transparent 40%, rgba(255, 255, 255, .35) 50%, transparent 60%);
	transform: translateX(-120%);
	transition: transform .55s ease;
	pointer-events: none;
}
.wp-block-button__link:hover::after { transform: translateX(120%); }

/* ----------------------------------------------- KOYU BÖLÜM: yıldız tozu */

.cadt-koyu {
	position: relative;
	isolation: isolate;
}
.cadt-koyu::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background-image:
		radial-gradient(1.2px 1.2px at 12% 30%, rgba(255,255,255,.5), transparent 100%),
		radial-gradient(1px 1px at 34% 70%, rgba(255,255,255,.35), transparent 100%),
		radial-gradient(1.4px 1.4px at 56% 22%, rgba(160,190,255,.5), transparent 100%),
		radial-gradient(1px 1px at 72% 58%, rgba(255,255,255,.3), transparent 100%),
		radial-gradient(1.2px 1.2px at 88% 36%, rgba(120,230,210,.45), transparent 100%),
		radial-gradient(1px 1px at 22% 86%, rgba(255,255,255,.3), transparent 100%),
		radial-gradient(1.3px 1.3px at 64% 88%, rgba(160,190,255,.4), transparent 100%);
	opacity: .8;
}

/* Zincir kartlarında degrade kenarlık + bağlantı oku */
.cadt-zincir .is-style-cam,
.cadt-zincir .is-style-kart {
	border: 1px solid transparent;
	background-image: linear-gradient(rgba(19, 27, 69, .001), rgba(19, 27, 69, .001)),
		linear-gradient(135deg, rgba(43, 84, 232, .55), rgba(0, 194, 168, .45));
	background-origin: border-box;
	background-clip: padding-box, border-box;
}
.cadt-zincir > div { position: relative; }
@media (min-width: 980px) {
	.cadt-zincir > div:not(:last-child)::after {
		content: "";
		position: absolute;
		top: 50%;
		right: -1.05rem;
		width: .9rem;
		height: 2px;
		background: linear-gradient(90deg, rgba(0, 194, 168, .8), rgba(43, 84, 232, .8));
	}
}

/* Sayılar: tabular rakam (sayaç titremesin) */
.cadt-sayi b { font-variant-numeric: tabular-nums; }

/* Ekran görüntüsü galerisi */
.cadt-galeri {
	display: grid;
	gap: 1.25rem;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr));
}
.cadt-galeri figure { margin: 0; }
.cadt-galeri img {
	width: 100%;
	height: auto;
	border-radius: var(--cadt-r-m);
	border: 1px solid var(--wp--preset--color--cizgi);
	box-shadow: 0 30px 60px -35px rgba(11, 21, 38, .3);
	background: #FFFFFF;
	transition: transform var(--cadt-gecis), box-shadow var(--cadt-gecis);
}
.cadt-galeri a:hover img {
	transform: translateY(-4px) scale(1.01);
	box-shadow: 0 40px 90px -36px rgba(11, 21, 38, .4);
}
.cadt-galeri figcaption {
	margin-top: .5rem;
	font-size: .8125rem;
	color: var(--wp--preset--color--metin-soluk);
}

@media (prefers-reduced-motion: reduce) {
	.cadt-hero::before,
	.cadt-hero::after,
	.cadt-hero .cadt-aurora2 { animation: none !important; }
	.wp-block-button__link::after { display: none; }
}

/* =========================================================================
   KOYU GELECEK — ek dokular
   ========================================================================= */

/* Gövde zeminine çok silik teknik ızgara ver — sayfa "çizim uzayı" hissi. */
body {
	background-image:
		linear-gradient(rgba(29, 78, 216, .035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(29, 78, 216, .035) 1px, transparent 1px);
	background-size: 56px 56px;
}

/* Bölüm başlıklarında hafif ışıma */
main h2.cadt-denge { text-shadow: none; }

/* Üst etiketlerde neon nokta */
.is-style-ustbaslik::before {
	content: "";
	display: inline-block;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	margin-right: .55rem;
	vertical-align: 2px;
	background: var(--wp--preset--color--turkuaz);
	box-shadow: 0 0 8px 1px rgba(224, 74, 26, .55);
}

/* Ana kartlarda üst kenar çizgisi degrade */
.wp-block-group.is-style-kart {
	backdrop-filter: blur(6px);
}

/* Tik listesi koyuda */
ul.is-style-tik li::before {
	background-color: rgba(29, 78, 216, .1);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231D4ED8' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
}

/* Teknik künye tablosu koyu satır ayrımı */
.cadt-teknik-tablo th,
.cadt-teknik-tablo td { border-bottom: 1px solid var(--wp--preset--color--cizgi); }

/* Rozetler koyuda */
.cadt-rozet {
	background: var(--wp--preset--color--kagit);
	color: var(--wp--preset--color--metin-soluk);
	border-color: var(--wp--preset--color--cizgi);
}
.cadt-rozet--ucretsiz {
	background: rgba(224, 74, 26, .1);
	color: #C23A0F;
	border-color: rgba(224, 74, 26, .35);
}

/* Görüntüleyici maketi koyu */
.cadt-anasayfa .wp-block-column > div[style*="border-radius:16px"] { filter: none; }

/* Hayalet buton ana zeminde */
.wp-block-button.is-style-hayalet .wp-block-button__link {
	color: var(--wp--preset--color--mavi);
	box-shadow: inset 0 0 0 1.5px currentColor;
}
.wp-block-button.is-style-hayalet .wp-block-button__link:hover {
	background: rgba(29, 78, 216, .07);
	color: var(--wp--preset--color--mavi);
}

/* Birincil butonda neon ışıma */
.wp-block-button:not(.is-style-hayalet) .wp-block-button__link {
	box-shadow: 0 12px 30px -12px rgba(29, 78, 216, .55);
}

/* Editör ipucu kutusu (koyu panelde okunur kalsın — yalnızca editörde görünür) */

/* ---------------------------------------------------- BOŞ GALERİ ALANI */

.cadt-galeri-bos {
	position: relative;
	border: 1.5px dashed rgba(29, 78, 216, .4);
	border-radius: var(--cadt-r-l);
	padding: clamp(2.5rem, 6vw, 4.5rem) 2rem;
	text-align: center;
	background:
		linear-gradient(rgba(29, 78, 216, .05) 1px, transparent 1px),
		linear-gradient(90deg, rgba(29, 78, 216, .05) 1px, transparent 1px),
		radial-gradient(420px 200px at 50% 0%, rgba(29, 78, 216, .07), transparent 70%);
	background-size: 24px 24px, 24px 24px, auto;
	background-color: #FFFFFF;
}

/* CAD nişangâh köşeleri */
.cadt-galeri-bos::before,
.cadt-galeri-bos::after {
	content: "";
	position: absolute;
	width: 22px;
	height: 22px;
	border: 2px solid rgba(224, 74, 26, .75);
	pointer-events: none;
}
.cadt-galeri-bos::before { top: 12px; left: 12px; border-right: 0; border-bottom: 0; }
.cadt-galeri-bos::after { bottom: 12px; right: 12px; border-left: 0; border-top: 0; }

.cadt-galeri-bos .cadt-ikon {
	margin-inline: auto;
	width: 64px;
	height: 64px;
	border-radius: 18px;
	animation: cadt-nabiz 3.2s ease-in-out infinite;
}
.cadt-galeri-bos .cadt-ikon svg { width: 30px; height: 30px; }

@keyframes cadt-nabiz {
	0%, 100% { box-shadow: 0 0 0 0 rgba(224, 74, 26, .3); }
	50%      { box-shadow: 0 0 0 14px rgba(224, 74, 26, 0); }
}

.cadt-galeri-bos h3 {
	margin: 1.25rem 0 .5rem;
	font-size: 1.25rem;
	color: var(--wp--preset--color--metin);
}
.cadt-galeri-bos p {
	margin: 0 auto 1.5rem;
	max-width: 46ch;
	font-size: .9375rem;
	color: var(--wp--preset--color--metin-soluk);
}

@media (prefers-reduced-motion: reduce) {
	.cadt-galeri-bos .cadt-ikon { animation: none; }
}

/* =========================================================================
   MİMAR/MÜHENDİS DOKUNUŞLARI — ölçü çizgisi, pafta köşesi, redline vurgusu
   ========================================================================= */

/* Bölüm başlığının altına teknik "ölçü çizgisi": uçları tikli. */
main h2.cadt-denge {
	position: relative;
	padding-bottom: .9rem;
}
main h2.cadt-denge::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 96px;
	height: 9px;
	background:
		linear-gradient(var(--wp--preset--color--mavi), var(--wp--preset--color--mavi)) 0 50% / 100% 1.5px no-repeat,
		linear-gradient(var(--wp--preset--color--mavi), var(--wp--preset--color--mavi)) 0 50% / 1.5px 9px no-repeat,
		linear-gradient(var(--wp--preset--color--mavi), var(--wp--preset--color--mavi)) 100% 50% / 1.5px 9px no-repeat;
}
.cadt-koyu main h2.cadt-denge::after,
.cadt-koyu h2.cadt-denge::after,
.cadt-hero h2.cadt-denge::after {
	background:
		linear-gradient(#FF9A66, #FF9A66) 0 50% / 100% 1.5px no-repeat,
		linear-gradient(#FF9A66, #FF9A66) 0 50% / 1.5px 9px no-repeat,
		linear-gradient(#FF9A66, #FF9A66) 100% 50% / 1.5px 9px no-repeat;
}

/* Kart hover'da üst şerit (vurgu degradesi) zaten var; kart numarası hissi
   veren ince sol kenar çizgisi ürün kartlarına: */
.cadt-urun-kart {
	border-left: 2px solid transparent;
	transition: border-color var(--cadt-gecis), transform var(--cadt-gecis), box-shadow var(--cadt-gecis);
}
.cadt-urun-kart:hover { border-left-color: var(--wp--preset--color--turkuaz); }

/* Beyaz zeminde kâğıt bölüm ayrımı: "kagit" zeminli bölümlerin üst/altına ince çizgi. */
.wp-block-group.has-kagit-background-color {
	border-top: 1px solid var(--wp--preset--color--cizgi);
	border-bottom: 1px solid var(--wp--preset--color--cizgi);
}

/* Koyu (mürekkep) bölümlerde pafta köşe işaretleri. */
.cadt-koyu:not(.cadt-alt)::after {
	content: "";
	position: absolute;
	inset: 18px;
	pointer-events: none;
	background:
		linear-gradient(rgba(255,255,255,.28), rgba(255,255,255,.28)) 0 0 / 26px 1.5px no-repeat,
		linear-gradient(rgba(255,255,255,.28), rgba(255,255,255,.28)) 0 0 / 1.5px 26px no-repeat,
		linear-gradient(rgba(255,255,255,.28), rgba(255,255,255,.28)) 100% 100% / 26px 1.5px no-repeat,
		linear-gradient(rgba(255,255,255,.28), rgba(255,255,255,.28)) 100% 100% / 1.5px 26px no-repeat;
}

/* Hero'daki koyu ızgara açık gövdeye dönerken yumuşak geçiş çizgisi */
.cadt-hero { border-bottom: 3px solid var(--wp--preset--color--turkuaz); }

/* Sayı bloğu: degrade metin (vurgu: mavi→turuncu) zaten --vurgu'dan geliyor. */

/* Koyu bölümlerdeki paragraf okunabilirliği: saf beyaz yerine yumuşak. */
.cadt-hero p.cadt-hero-alt { color: rgba(242, 245, 250, .82); }
.cadt-koyu p { color: rgba(242, 245, 250, .78); }
.wp-block-group.is-style-cam p { color: rgba(242, 245, 250, .78); }

/* Hero içindeki sayı etiketleri koyu zeminde okunur kalsın. */
.cadt-hero .cadt-sayi span { color: rgba(242, 245, 250, .68); }

/* Kullanım adımları — numaralı, ürün sayfasında iş akışını anlatır. */
.cadt-adimlar {
	list-style: none;
	margin: 0;
	padding: 0;
	counter-reset: cadt-adim;
	display: grid;
	gap: 1rem;
}
.cadt-adimlar li {
	counter-increment: cadt-adim;
	position: relative;
	padding: 1.15rem 1.35rem 1.15rem 4.25rem;
	background: #FFFFFF;
	border: 1px solid var(--wp--preset--color--cizgi);
	border-radius: var(--cadt-r-l);
}
.cadt-adimlar li::before {
	content: counter(cadt-adim);
	position: absolute;
	left: 1.25rem;
	top: 1.1rem;
	width: 2.1rem;
	height: 2.1rem;
	display: grid;
	place-items: center;
	border-radius: 50%;
	background: var(--wp--preset--gradient--vurgu);
	color: #fff;
	font-weight: 700;
	font-size: .9rem;
	font-variant-numeric: tabular-nums;
}
.cadt-adimlar li b {
	display: block;
	font-size: 1.0625rem;
	margin-bottom: .3rem;
}
.cadt-adimlar li span {
	display: block;
	font-size: .9375rem;
	color: var(--wp--preset--color--metin-soluk);
}

/* Hero metin sütunu — büyük marka kuşunun üzerinde kalsın. */
.cadt-hero-icerik { position: relative; z-index: 2; }

/* "Tasarımdan" başlığının altındaki iki dal: Şantiyeye / 5 Eksen CNC'ye. */
.cadt-hero-dallar {
	display: flex;
	flex-wrap: wrap;
	column-gap: 2.25rem;
	row-gap: .9rem;
	margin: .2rem 0 1.15rem;
}
.cadt-hero-dal {
	display: inline-flex;
	align-items: center;
	gap: .65rem;
}
.cadt-hero-dal .cadt-ikon { width: 42px; height: 42px; border-radius: 12px; }
.cadt-hero-dal .cadt-ikon svg { width: 22px; height: 22px; }
.cadt-hero-dal b {
	font-family: inherit;
	font-weight: 700;
	font-size: clamp(1.3rem, 1rem + 1.3vw, 1.85rem);
	letter-spacing: -.01em;
	color: #fff;
}

/* Hero dekoru (dönen tel-kafes villa + dişli) sahne.js canvas'ında çizilir. */

/* =========================================================================
   CANLI SAHNE + KAYAN BANT + 3B EĞİLME
   ========================================================================= */

/* Hero tuvali — içeriğin altında, ızgara/auroranın üstünde. */
.cadt-sahne {
	position: absolute;
	inset: 0;
	z-index: -1;
	pointer-events: none;
}
.cadt-hero { cursor: crosshair; }

/* Kayan ürün bandı — mürekkep şerit, sonsuz akış. */
.cadt-kayan {
	overflow: hidden;
	background: var(--wp--preset--color--lacivert);
	border-bottom: 1px solid rgba(255, 255, 255, .08);
	padding: .8rem 0;
	margin-top: -3px; /* hero'nun redline şeridiyle bitişsin */
	border-top: 3px solid var(--wp--preset--color--turkuaz);
}
.cadt-kayan-iz {
	display: flex;
	width: max-content;
	animation: cadt-kay 36s linear infinite;
}
.cadt-kayan-ic {
	display: flex;
	align-items: center;
	white-space: nowrap;
}
.cadt-kayan-ic span {
	font-size: .8125rem;
	font-weight: 650;
	letter-spacing: .14em;
	color: rgba(242, 245, 250, .8);
	padding: 0 1.1rem;
}
.cadt-kayan-ic i {
	font-style: normal;
	color: #FF9A66;
	font-size: .7rem;
}
@keyframes cadt-kay {
	from { transform: translateX(0); }
	to   { transform: translateX(-50%); }
}
.cadt-kayan:hover .cadt-kayan-iz { animation-play-state: paused; }

/* Hero'nun kendi alt redline'ı bantla çakışmasın (bant kendi çizgisini taşıyor). */
.cadt-anasayfa .cadt-hero { border-bottom: 0; }

/* 3B eğilme için kartlara derinlik koruması */
.cadt-izgara { perspective: 1200px; }
.cadt-urun-kart { transform-style: preserve-3d; will-change: transform; }
.cadt-urun-kart .cadt-ikon { transform: translateZ(18px); }

@media (prefers-reduced-motion: reduce) {
	.cadt-kayan-iz { animation: none; }
	.cadt-sahne { display: none; }
	.cadt-hero { cursor: auto; }
}

/* Resmî ürün rozeti — metalik rozet kendi zeminini taşır, kutu şeffaflaşır.
   Rozetler detaylı olduğu için ikon kutusundan belirgin şekilde büyük tutulur. */
.cadt-ikon--rozet {
	background: none !important;
	border: 0 !important;
	box-shadow: none !important;
	width: 92px;
	height: 92px;
	filter: drop-shadow(0 8px 18px rgba(11, 21, 38, .28));
}
.cadt-ikon--rozet img { width: 100%; height: 100%; object-fit: contain; display: block; }

.cadt-urun-kart:hover .cadt-ikon--rozet {
	transform: translateY(-3px) scale(1.06) rotate(-4deg);
	filter: drop-shadow(0 14px 26px rgba(11, 21, 38, .38));
}

.cadt-galeri-bos .cadt-ikon--rozet { width: 128px; height: 128px; }
.cadt-hero .cadt-ikon--rozet { width: 108px; height: 108px; }
.cadt-hero .cadt-ikon--rozet,
.cadt-koyu .cadt-ikon--rozet {
	filter: drop-shadow(0 10px 24px rgba(0, 0, 0, .5));
}

/* Rozetli kartta başlık rozete yapışmasın. */
.cadt-urun-kart .cadt-ikon--rozet { margin-bottom: .35rem; }

@media (max-width: 640px) {
	.cadt-ikon--rozet { width: 76px; height: 76px; }
	.cadt-hero .cadt-ikon--rozet { width: 86px; height: 86px; }
}

/* =========================================================================
   SEKTÖR DİKEYLERİ — akış listesi ve sektör kartı
   ========================================================================= */

/* Zincir adımları: numaralı, dikey akış. Sıra bilgi taşıdığı için <ol>. */
.cadt-akis {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: .55rem;
	counter-reset: adim;
}
.cadt-akis li {
	display: flex;
	align-items: baseline;
	gap: .85rem;
	padding: .55rem .75rem;
	background: var(--wp--preset--color--kagit);
	border-left: 2px solid var(--wp--preset--color--mavi);
}
.cadt-akis b {
	font-family: var(--wp--preset--font-family--mono);
	font-size: .75rem;
	font-weight: 600;
	color: var(--wp--preset--color--turkuaz);
	font-variant-numeric: tabular-nums;
	flex: 0 0 auto;
}
.cadt-akis span {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: .25rem .6rem;
	font-weight: 600;
	font-size: .9375rem;
}
.cadt-akis i {
	font-style: normal;
	font-family: var(--wp--preset--font-family--mono);
	font-size: .72rem;
	letter-spacing: .06em;
	color: var(--wp--preset--color--metin-soluk);
}

/* Sektör sayfasındaki geniş sürüm: yatay akış, aralarında ok. */
.cadt-akis--genis {
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
	gap: .75rem;
	margin-top: var(--wp--preset--spacing--30);
}
.cadt-akis--genis li {
	flex-direction: column;
	align-items: flex-start;
	gap: .35rem;
	padding: 1.1rem 1.15rem 1.25rem;
	border-left: 0;
	border-top: 3px solid var(--wp--preset--color--mavi);
	position: relative;
}
@media (min-width: 900px) {
	.cadt-akis--genis li:not(:last-child)::after {
		content: "";
		position: absolute;
		top: -3px;
		right: -.75rem;
		width: .75rem;
		height: 3px;
		background: var(--wp--preset--color--turkuaz);
	}
}

/* Koyu zeminde akış listesi */
.cadt-koyu .cadt-akis li,
.is-style-cam .cadt-akis li {
	background: rgba(255, 255, 255, .06);
	border-left-color: var(--wp--preset--color--turkuaz);
}
.cadt-koyu .cadt-akis i { color: rgba(242, 245, 250, .6); }

/* Sektör kartı: iki büyük dikey */
.cadt-sektor-kart { padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--30); }
.cadt-sektor-kart:hover { border-left: 2px solid var(--wp--preset--color--turkuaz); }

/* Açılır menüde dikey grup başlıkları — link olsalar da başlık gibi okunur. */
.cadt-ust .cadt-menu-grup > .wp-block-navigation-item__content {
	font-size: .7rem !important;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--wp--preset--color--turkuaz) !important;
	padding-top: .9rem !important;
	padding-bottom: .3rem !important;
	pointer-events: auto;
}
.cadt-ust .cadt-menu-grup:not(:first-child) > .wp-block-navigation-item__content {
	border-top: 1px solid var(--wp--preset--color--cizgi);
	margin-top: .35rem;
}
.cadt-ust .cadt-menu-grup > .wp-block-navigation-item__content:hover {
	background: transparent;
	text-decoration: underline;
}
.cadt-ust .cadt-menu-tum > .wp-block-navigation-item__content {
	font-weight: 700;
	border-top: 1px solid var(--wp--preset--color--cizgi);
	margin-top: .35rem;
	padding-top: .7rem !important;
}
.cadt-ust .cadt-menu-tum > .wp-block-navigation-item__content::after {
	content: " →";
	color: var(--wp--preset--color--mavi);
}