/* camasiryikama.com. Site kimliği (minimal, sistem fontlu)
   Palet (Kaan, 19 Tem 2026): ana mavi #0284C7, vurgu #0EA5E9,
   koyu mavi #075985, açık mavi #7DD3FC + kayrak grileri. Petrol emekli edildi.
   KONTRAST KURALI: beyaz üstünde METİN taşıyan her şey koyu (#075985) kullanır;
   #0284C7/#0EA5E9 yalnız dekor, hover ve büyük yüzeylerde. */

:root {
	--cy-primary: #0284C7;       /* ana mavi. Vurgu, hover, seçim */
	--cy-primary-koyu: #075985;  /* TEK koyu mavi: metin linki, buton, koyu zemin, çip/kart metni (eski cy-sky-koyu/metin/link birleşti) */
	--cy-sky: #0EA5E9;           /* tambur vurgusu. Şerit, .com   */
	--cy-acik-mavi: #7DD3FC;     /* slogan/koyu zemin vurgusu      */
	--cy-sky-cizgi: #BAE6FD;
	--cy-sky-acik: #E0F2FE;
	--cy-sky-zemin: #F0F9FF;
	--cy-murekkep: #0F172A;
	--cy-metin: #334155;
	--cy-soluk: #64748B;
	--cy-soluk-koyu: #475569;
	--cy-zemin: #F6F8FA;
	--cy-yuzey: #FFFFFF;
	--cy-cizgi: #E2E8F0;
	--cy-radius: 10px;
	--cy-radius-kucuk: 8px;
	--cy-golge: 0 1px 2px rgba(15, 23, 42, 0.06);
	--cy-golge-buyuk: 0 8px 24px rgba(15, 23, 42, 0.09);
}

/* ── Taban ───────────────────────────────────────────── */

body {
	font-size: 16px;
	line-height: 1.65;
	-webkit-font-smoothing: antialiased;
}

::selection {
	background: var(--cy-primary);
	color: #fff;
}

h1, h2, h3, h4 {
	line-height: 1.25;
	letter-spacing: -0.01em;
	color: var(--cy-murekkep);
}

/* Başlık skalası: seviyeler arası fark bilinçli geniş (h1 tepe, h2 bölüm,
   h3 kalın madde). Sözlük gibi yoğun sayfalarda hiyerarşi okunur kalsın.
   (h4 stillenmez: markdown dönüştürücü yalnız ##/### üretir, sitede h4 yok.)
   .page-title/.entry-title: tema H1 sınıfları da aynı ağırlığı alsın. */
/* Kaan skalası: h1 büyük ama BOLD DEĞİL ve ALT ÇİZGİSİZ (boyutla ayrışır);
   h2 çizgili (bölüm) + bold değil; h3 gövdeden BÜYÜK (1.15rem) + bold, çizgisiz
   (boyut ayırdığı için gövde bold'uyla karışmaz). Bileşen başlıkları kendi ağırlığını taşır. */
h1, .page-title { font-size: 2rem; font-weight: 400; }
h2 { font-size: 1.5rem; font-weight: 400; }
h3 { font-size: 1.15rem; font-weight: 700; }

/* İçerik akışında bölüm başlıkları (doğrudan çocuk h2'ler, kart/CTA gibi
   bileşen içi h2'lere bulaşmaz) alt çizgiyle ayrılır, nefes payı artar. */
.entry-content > h2 {
	margin-top: 2.2rem;
	padding-bottom: 0.35rem;
	border-bottom: 2px solid var(--cy-sky-cizgi);
}

.entry-content > h3 { margin-top: 1.5rem; }

.entry-content a,
.page-content a,
.taxonomy-description a {
	text-decoration: underline;
	text-decoration-color: color-mix(in srgb, var(--cy-primary) 35%, transparent);
	text-underline-offset: 2px;
}

.entry-content a:hover { text-decoration-color: var(--cy-primary); }

/* Kart/çip/CTA linkleri metin linki değildir. İçerik içi alt çizgi kuralından muaf.
   taxonomy-description da kapsanır: bölge/sektör arşivlerinde İlçeler + İlgili
   Yazılar blokları term description içinde basılır (cy-rehber). */
:is(.entry-content, .taxonomy-description) .cy-sektor-kart,
:is(.entry-content, .taxonomy-description) a.cy-bolge-kart-ad,
:is(.entry-content, .taxonomy-description) a.cy-chip,
:is(.entry-content, .taxonomy-description) .cy-bant-tumu,
:is(.entry-content, .taxonomy-description) .cy-cta-btn,
:is(.entry-content, .taxonomy-description) .cy-ilgili-yazilar a,
:is(.entry-content, .taxonomy-description) .cy-ana-yazilar a,
:is(.entry-content, .taxonomy-description) .cy-kategori-kart { text-decoration: none; }

img, iframe { border-radius: var(--cy-radius); max-width: 100%; }

/* ── Üst bar / başlık ───────────────────────────────── */
/* Minimal header (sahibinden/Yelp kalıbı): logo + slogan TEK satır,
   dolgular sıkı. GP'nin 40px'lik varsayılanı 220px'lik bant yapıyordu. */

.site-header {
	border-bottom: 1px solid var(--cy-cizgi);
	box-shadow: var(--cy-golge);
}

/* GP grid'i (unsemantic) .inside-header'a display:flex verince içeriğe daralıp
   ortalıyor. Blok bırakılır (logo doğal olarak solda, tam genişlik); CTA absolute
   ile sağ kenara yaslanır (aşağıda). position:relative CTA'ya çapa olur. */
.site-header .inside-header { padding: 12px 40px; position: relative; }

.site-branding {
	display: flex;
	align-items: center;
	gap: 0.9rem;
	flex-wrap: wrap;
}

.site-header .main-title {
	font-weight: 750;
	letter-spacing: -0.02em;
}

.cy-logo a { display: inline-flex; align-items: center; }

.cy-logo svg { height: 32px; width: auto; display: block; }

/* Logo kabındaki GP'nin 45px font-size'ından gelen fazla satır yüksekliğini kır:
   header yüksekliği = logo + dolgu (78px'lik şişkin bant ~56px'e iner). SVG boyu değişmez. */
.site-header .main-title.cy-logo { font-size: 0; line-height: 1; }

/* Header sağ CTA: boş bandı doldurur, firmaları listelenme başvurusuna (iletişim) götürür. */
.site-header .cy-header-cta {
	position: absolute;
	right: 40px;
	top: 50%;
	transform: translateY(-50%);
	background: var(--cy-primary-koyu);
	color: #fff;
	font-weight: 600;
	font-size: 0.9rem;
	line-height: 1;
	padding: 0.55rem 1.1rem;
	border-radius: var(--cy-radius-kucuk);
	text-decoration: none;
	white-space: nowrap;
	transition: background 0.15s ease;
}
.site-header .cy-header-cta:hover { background: var(--cy-primary); color: #fff; }

/* Mobilde logo + CTA sıkışmasın: yatay dolgu ve CTA daralır. */
@media (max-width: 768px) {
	.site-header .inside-header { padding: 12px 16px; }
	.site-header .cy-header-cta { right: 16px; padding: 0.45rem 0.85rem; font-size: 0.82rem; }
}

.site-description {
	/* Slogan header'da GİZLİ (Kaan, 20 Tem, prod öncesi yeniden konuşulacak).
	   Metin site ayarında duruyor: title/meta/llms beslemeye devam ediyor. */
	display: none;
}

.main-navigation .main-nav ul li a {
	font-weight: 550;
	font-size: 0.93rem;
	line-height: 48px;
	/* Yatay boşluk GP varsayılanından (20px) kısıldı: 9 menü öğesi + arama
	   büyüteci 1080px kapta tek satıra sığsın (aksi halde büyüteç alta düşer). */
	padding-left: 13px;
	padding-right: 13px;
	transition: color 0.15s ease;
}

.main-navigation .mobile-bar-items a,
.main-navigation .menu-toggle { line-height: 48px; }

.main-navigation .main-nav ul li.current-menu-item > a {
	box-shadow: inset 0 -2px 0 var(--cy-primary);
}

/* ── İçerik kapları ─────────────────────────────────── */

.separate-containers .inside-article,
.separate-containers .page-header,
.separate-containers .no-results {
	border: 1px solid var(--cy-cizgi);
	border-radius: var(--cy-radius);
	box-shadow: var(--cy-golge);
}

/* Başlık → tanıtım ritmi TÜM sayfa tiplerinde aynı (0.6rem):
   arşivler (.page-header), sayfalar (.entry-header) ve blog başlığı
   farklı mekanizmalardan geldiği için varsayılanları ayrışıyordu. */
.page-header h1 { margin-bottom: 0.6rem; }
/* GP'nin .inside-article .entry-header kuralını da geçmesi için çift seçici */
.entry-header, .inside-article .entry-header { margin-bottom: 0.6rem; }
.entry-header .entry-title { margin-bottom: 0; }
/* Keşif ana sayfasında temanın sayfa başlığı gizli. Hero'daki H1 tek kalsın. */
.home .entry-header { display: none; }
/* Asıl boşluğun kaynağı GP'nin .entry-content:not(:first-child){margin-top:2em}
   kuralı (komşu margin çöküşünde 2em kazanıyordu). Ritme indirilir. */
.entry-content:not(:first-child),
.page-content:not(:first-child) { margin-top: 0.6rem; }
.entry-content > p:first-child { margin-top: 0; }
.page-header .taxonomy-description > p:first-child { margin-top: 0; }
.cy-arsiv-tanitim p:last-child { margin-bottom: 0; }

.taxonomy-description { color: var(--cy-metin); }

.entry-meta { font-size: 0.82rem; color: var(--cy-soluk); }

/* ── Formlar ve düğmeler ────────────────────────────── */

input[type="text"], input[type="search"], input[type="email"], select, textarea {
	border: 1px solid var(--cy-cizgi);
	border-radius: var(--cy-radius-kucuk);
	background: var(--cy-yuzey);
	padding: 0.5rem 0.7rem;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

input:focus, select:focus, textarea:focus {
	border-color: var(--cy-primary);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--cy-primary) 15%, transparent);
	outline: none;
}

button, input[type="submit"], .button {
	/* koyu mavi zemin: #0284C7 beyaz metinle 4.5:1'i geçemiyor */
	background: var(--cy-primary-koyu);
	color: #fff;
	border: 0;
	border-radius: var(--cy-radius-kucuk);
	padding: 0.55rem 1.2rem;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.15s ease;
}

button:hover, input[type="submit"]:hover, .button:hover {
	background: var(--cy-primary);
	color: #fff;
}

/* ── Breadcrumb (cy-site) ───────────────────────────── */

.cy-kirinti {
	font-size: 0.82rem;
	/* soluk gri (#64748B) küçük puntoda 4.5:1 kontrastı geçemiyor. Koyu ton şart */
	color: var(--cy-soluk-koyu);
	margin: 0 0 1rem;
	/* Kırıntı, .page-header/.entry-content'in KARDEŞİdir ama onların içerik
	   dolgusunu taşımaz; dolgusuz kalınca dar ekranda 0px'e yapışıp H1 ile
	   hizasız duruyordu. GP içerik dolgusunu birebir aynala (masaüstü 40px,
	   ≤768px 30px). GP içerik dolgusu değişirse bu iki değer de güncellenir. */
	padding-left: 40px;
	padding-right: 40px;
}

@media (max-width: 768px) {
	.cy-kirinti { padding-left: 30px; padding-right: 30px; }
}

.cy-kirinti ol {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.cy-kirinti li + li::before {
	content: "›";
	margin: 0 0.45rem;
}

.cy-kirinti a {
	color: var(--cy-soluk-koyu);
	text-decoration: none;
}

.cy-kirinti a:hover { color: var(--cy-primary); text-decoration: underline; }

/* ── Tekil yazı sonu: rehber CTA ────────────────────── */

.cy-yazi-cta {
	margin-top: 2.4rem;
	padding: 1.3rem 1.4rem;
	/* düz koyu zemin: açık metinler (#E0F2FE) ancak #075985 üstünde 4.5:1'i geçer */
	background: var(--cy-primary-koyu);
	border-top: 3px solid var(--cy-sky);
	color: var(--cy-sky-zemin);
	border-radius: var(--cy-radius);
}

.cy-yazi-cta h2 {
	color: #FFFFFF;
	font-size: 1.15rem;
	font-weight: 650; /* bileşen başlığı. Hafif genel h2'den etkilenmesin */
	margin: 0 0 0.4rem;
}

.cy-yazi-cta p { margin: 0 0 0.9rem; color: var(--cy-sky-acik); }

.cy-cta-linkler {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-bottom: 0;
}

.cy-cta-btn {
	display: inline-block;
	padding: 0.45rem 0.95rem;
	background: #FFFFFF;
	color: var(--cy-primary-koyu);
	border-radius: 999px;
	font-weight: 600;
	font-size: 0.9rem;
	text-decoration: none;
}

.cy-cta-btn:hover { background: var(--cy-sky-acik); color: var(--cy-primary-koyu); }

.cy-cta-btn-ana {
	background: transparent;
	color: #FFFFFF;
	border: 1px solid rgba(255, 255, 255, 0.65);
}

.cy-cta-btn-ana:hover { background: rgba(255, 255, 255, 0.14); color: #FFFFFF; }

/* ── İlgili Yazılar (ORTAK bileşen, tek tasarım) ────── */
/* Üç bağlam da bunu basar: tekil yazı altı (cy-site), bölge/sektör arşivi
   (cy-rehber, term description içinde) ve ana sayfa yazı bandı
   (cy-rehber, + .cy-ana-yazilar modifier). Stil YALNIZ burada tanımlanır. */

.cy-ilgili-yazilar {
	margin-top: 1.4rem;
	padding: 1.1rem 1.3rem;
	border: 1px solid var(--cy-cizgi);
	border-left: 4px solid var(--cy-primary);
	border-radius: var(--cy-radius);
	background: var(--cy-yuzey);
}

/* Yazı altında içerikten daha belirgin ayrılsın */
.entry-content .cy-ilgili-yazilar { margin-top: 2.4rem; }

.cy-ilgili-yazilar h2 { margin: 0 0 0.6rem; font-size: 1.05rem; font-weight: 650; }

.cy-ilgili-yazilar ul { margin: 0; padding: 0; list-style: none; }

.cy-ilgili-yazilar li {
	margin: 0;
	padding: 0.3rem 0;
	border-bottom: 1px dashed var(--cy-cizgi);
}

.cy-ilgili-yazilar li:last-child { border-bottom: 0; }

.cy-ilgili-yazilar a { text-decoration: none; }
.cy-ilgili-yazilar a:hover { text-decoration: underline; }

.cy-ilgili-yazilar a::before { content: "→ "; color: var(--cy-primary-koyu); }

/* ── SSS accordion (ana sayfa [cy_sss], native <details>, JS'siz) ── */

.cy-sss { margin: 0; }
.cy-sss-item {
	border: 1px solid var(--cy-cizgi);
	border-radius: var(--cy-radius-kucuk);
	margin-bottom: 0.6rem;
	background: var(--cy-yuzey);
}
.cy-sss-item summary {
	cursor: pointer;
	list-style: none;
	padding: 0.85rem 2.6rem 0.85rem 1.1rem;
	/* Metin "Bilgi Merkezi'nden" link yazısıyla birebir: aynı renk (#075985 =
	   --cy-primary-koyu) + normal ağırlık (400) + aynı boyut. */
	font-weight: 400;
	color: var(--cy-primary-koyu);
	position: relative;
}
.cy-sss-item summary::-webkit-details-marker { display: none; }
.cy-sss-item summary::after {
	content: "+";
	position: absolute;
	right: 1.1rem;
	top: 50%;
	transform: translateY(-50%);
	font-size: 1.25rem;
	line-height: 1;
	color: var(--cy-primary);
	transition: transform 0.15s ease;
}
.cy-sss-item[open] summary::after { transform: translateY(-50%) rotate(45deg); }
.cy-sss-item[open] summary { border-bottom: 1px solid var(--cy-cizgi); }
.cy-sss-cevap { padding: 0.85rem 1.1rem; }
.cy-sss-cevap > :first-child { margin-top: 0; }
.cy-sss-cevap > :last-child { margin-bottom: 0; }

/* ── Arama sonuçları ────────────────────────────────── */

.cy-sonuc-tip {
	display: inline-block;
	margin-left: 0.5rem;
	padding: 0.1rem 0.6rem;
	border-radius: 999px;
	font-size: 0.72rem;
	font-weight: 650;
	vertical-align: middle;
	background: var(--cy-sky-acik);
	color: var(--cy-primary-koyu);
}

.cy-sonuc-tip-cy_firma { background: var(--cy-primary-koyu); color: #fff; }
.cy-sonuc-tip-bolge,
.cy-sonuc-tip-sektor { background: var(--cy-vurgu, #0EA5E9); color: #fff; }

/* ── /kategori/ hub kartları + blog başlığı ─────────── */

.cy-arsiv-tanitim {
	color: var(--cy-metin, #334155);
	max-width: 46rem;
	margin: 0 0 1.3rem;
}

.cy-kategori-kartlar {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 0.8rem;
}

.cy-kategori-kart {
	display: flex;
	flex-direction: column;
	gap: 0.3rem;
	padding: 0.9rem 1rem;
	border: 1px solid var(--cy-cizgi);
	border-radius: var(--cy-radius);
	background: var(--cy-yuzey);
	text-decoration: none;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.cy-kategori-kart:hover {
	border-color: var(--cy-sky);
	box-shadow: 0 6px 18px rgba(2, 132, 199, 0.14);
}

.cy-kategori-kart strong { color: var(--cy-primary-koyu); font-size: 1.02rem; }

.cy-kategori-kart span { color: var(--cy-metin); font-size: 0.83rem; line-height: 1.45; }

.cy-kategori-kart em { font-style: normal; font-size: 0.78rem; color: var(--cy-soluk-koyu); }

.cy-blog-baslik .cy-arsiv-tanitim { margin: 0.6rem 0 0; }

.cy-bm-kategoriler { margin-top: 1.1rem; }

/* Son güncelleme beyanı (yasal sayfalar) */
.cy-guncelleme { margin-top: 2rem; font-size: 0.85rem; color: var(--cy-soluk-koyu); }

/* Boş kategori mesajı (cy-rehber.css kategori sayfasında yüklenmez) */
.cy-bos-kategori {
	padding: 0.8rem 1rem;
	border: 1px dashed var(--cy-cizgi);
	border-radius: var(--cy-radius);
	color: var(--cy-soluk);
	background: var(--cy-yuzey);
}

/* ── Alt bilgi ──────────────────────────────────────── */

.site-footer {
	border-top: 1px solid var(--cy-cizgi);
	margin-top: 2.5rem;
}

.site-info { font-size: 0.83rem; color: var(--cy-soluk); }

/* ── Footer: GP footer barı (.cy-footer), 2 kat + ayıraç ── */
.cy-footer { font-size: 0.83rem; line-height: 1.55; }
/* Üst kat: header menüsünün aynısı + CTA, ortalı tek satır. */
.cy-footer-ust { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 0.4rem 0.9rem; }
.cy-footer-menu { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 0.3rem 0.9rem; list-style: none; margin: 0; padding: 0; }
.cy-footer-menu li { margin: 0; }
.cy-footer-menu a { color: var(--cy-primary-koyu); text-decoration: none; }
.cy-footer-menu a:hover { text-decoration: underline; }
.cy-footer .cy-footer-cta {
	display: inline-block;
	padding: 0.2rem 0.72rem;
	background: var(--cy-primary-koyu);
	color: #fff;
	border-radius: 999px;
	font-weight: 600;
	font-size: 0.78rem;
	text-decoration: none;
	white-space: nowrap;
}
.cy-footer .cy-footer-cta:hover { background: var(--cy-primary); color: #fff; }
/* Ayıraç + alt kat: iki yanlı (sol telif+tanım, sağ e-posta+yasal). */
.cy-footer-alt {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: baseline;
	gap: 0.4rem 1.2rem;
	margin-top: 0.9rem;
	padding-top: 0.85rem;
	border-top: 1px solid var(--cy-cizgi);
	text-align: center;
}
.cy-footer-alt-linkler { font-size: 0.8rem; }
.cy-footer-alt-linkler a { color: var(--cy-primary-koyu); text-decoration: none; margin: 0 0.1rem; }
.cy-footer-alt-linkler a:hover { color: var(--cy-primary); text-decoration: underline; }
.cy-footer-alt-telif { color: var(--cy-soluk); }

/* Çerez bildirimi */
#cy-cerez {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9999;
	display: flex;
	gap: 1rem;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	padding: 0.7rem 1rem;
	background: #1F2937;
	color: #fff;
	font-size: 0.85rem;
}

#cy-cerez[hidden] { display: none; } /* display:flex, hidden attribute'unu ezmesin */
#cy-cerez a { color: var(--cy-acik-mavi); text-decoration: underline; } /* renk tek başına ayırt edici olamaz (a11y); koyu zeminde açık mavi */
.cy-cerez-butonlar { display: flex; gap: 0.5rem; align-items: center; }
#cy-cerez button { padding: 0.35rem 1.05rem; border-radius: 6px; border: 0; cursor: pointer; font-weight: 600; font-size: 0.82rem; }
#cy-cerez-kabul { background: var(--cy-primary-koyu); color: #fff; } /* koyu: #0284c7 beyazla 4.09 (AA 4.5 altı); #075985 geçer + diğer birincil butonlarla tutarlı */
#cy-cerez-reddet { background: transparent; color: #fff; border: 1px solid rgba(255,255,255,0.55); }
#cy-cerez-reddet:hover { background: rgba(255,255,255,0.1); }

/* ── Mobil ──────────────────────────────────────────── */

@media (max-width: 640px) {
	h1 { font-size: 1.5rem; }
}