/* ==========================================================================
   Mersin Kaynakçı — Usta alt teması
   Kimlik: grafit + kıvılcım turuncusu, keskin köşeler, Archivo başlıklar,
   başlık altında "kaynak dikişi" çizgisi, kart üstünde turuncu sıcak kenar,
   kapanış bandında ince çapraz çelik dokusu.
   Metin rengi olarak turuncu yalnızca kontrastı tutan koyu tonuyla kullanılır.
   ========================================================================== */

.kaynakci {
	--k-kivilcim: var(--u-vurgu);
	--k-kivilcim-yazi: #B23A0E;           /* açık zeminde 5:1 üstü */
	--k-celik: #2A2D31;
	--k-celik-2: #3A3E44;
	--k-zemin-2: #ECEAE4;
	--k-dikis: repeating-linear-gradient(90deg, var(--k-kivilcim) 0 10px, transparent 10px 14px);
}

/* Tipografi -------------------------------------------------------------- */
.kaynakci .u-hero-title,
.kaynakci .u-pagehero-title,
.kaynakci .u-sec-title { letter-spacing: -.02em; text-transform: none; }
.kaynakci .u-hero-title { font-size: clamp(2.2rem, 5vw, 3.8rem); line-height: 1.04; font-weight: 900; }
.kaynakci .u-card-title,
.kaynakci .u-why-item h3,
.kaynakci .u-process-list h3 { letter-spacing: -.005em; font-weight: 800; }

/* İmza: başlık altında kaynak dikişi --------------------------------------- */
.kaynakci .u-sec-head::after {
	content: "";
	display: block;
	width: 72px;
	height: 4px;
	margin-top: 16px;
	background: var(--k-dikis);
}
.kaynakci .u-al-orta .u-sec-head::after { margin-inline: auto; }

/* Logo: harf karosu turuncu, köşesiz ---------------------------------------- */
.kaynakci .u-logo-mark { border-radius: 0; background: var(--k-kivilcim); color: var(--u-vurgu-ink); }
.kaynakci .u-logo-text { font-weight: 900; letter-spacing: -.01em; }

/* Header ---------------------------------------------------------------- */
.kaynakci .u-header { border-bottom: 3px solid var(--u-koyu); }
.kaynakci .u-menu > li > a { font-weight: 700; }
.kaynakci .u-menu > li > a:hover,
.kaynakci .u-menu > li.current-menu-item > a,
.kaynakci .u-menu > li.current-menu-ancestor > a { box-shadow: inset 0 -3px 0 var(--k-kivilcim); }

/* Düğmeler -------------------------------------------------------------- */
.kaynakci .u-btn { font-weight: 800; letter-spacing: .01em; }
.kaynakci .u-btn--primary { box-shadow: 4px 4px 0 var(--k-kivilcim); }
.kaynakci .u-btn--primary:hover { transform: translate(-1px, -1px); box-shadow: 5px 5px 0 var(--k-kivilcim); }
.kaynakci .u-mode-koyu .u-btn--primary,
.kaynakci .u-mode-marka .u-btn--primary { box-shadow: none; }

/* Karşılama ------------------------------------------------------------- */
.kaynakci .u-hero-list { box-shadow: 8px 8px 0 color-mix(in srgb, var(--k-kivilcim) 85%, transparent); }
.kaynakci .u-hero-list-ico { border-radius: 0; }
.kaynakci .u-hero .u-pill { border-radius: 0; border-left: 3px solid var(--k-kivilcim); }

/* Kartlar: üstte sıcak kenar ---------------------------------------------- */
.kaynakci .u-card { border: 1px solid var(--u-cizgi); border-top: 4px solid var(--u-koyu); transition: border-color .2s, transform .2s; }
.kaynakci .u-card:hover { border-top-color: var(--k-kivilcim); transform: translateY(-2px); }
.kaynakci .u-card-ph { background: var(--k-zemin-2); }
.kaynakci .u-card-ph .u-icon { color: var(--k-kivilcim-yazi); }

/* Neden biz: ikon karosu turuncu ----------------------------------------- */
.kaynakci .u-why-item .u-icon { color: var(--k-kivilcim-yazi); }
.kaynakci .u-mode-koyu .u-why-item .u-icon,
.kaynakci .u-mode-marka .u-why-item .u-icon { color: var(--u-vurgu-koyu); }

/* Süreç: kare numaralar ---------------------------------------------------- */
.kaynakci .u-process-list li::before,
.kaynakci .u-steps li::before { border-radius: 0 !important; }

/* Bilgi kutusu ve kısa cevap ---------------------------------------------- */
.kaynakci .u-answer-box { border-left: 4px solid var(--k-kivilcim); border-radius: 0; }
.kaynakci .u-infocard { border-top: 4px solid var(--u-koyu); }
.kaynakci .u-checklist li::marker,
.kaynakci .u-content ul li::marker { color: var(--k-kivilcim-yazi); }

/* İçerik bağlantıları ----------------------------------------------------- */
.kaynakci .u-content a:not(.u-btn) { text-decoration-color: var(--k-kivilcim); text-decoration-thickness: 2px; text-underline-offset: 3px; }

/* Kapanış bandı: ince çapraz çelik dokusu ---------------------------------- */
.kaynakci .u-cta-box {
	background:
		repeating-linear-gradient(135deg, rgba(255, 255, 255, .035) 0 2px, transparent 2px 12px),
		var(--u-koyu);
	border-bottom: 6px solid var(--k-kivilcim);
}

/* Footer ---------------------------------------------------------------- */
.kaynakci .u-footer { border-top: 6px solid var(--k-kivilcim); }

/* Yüksek kontrast / hareket azaltma tercihine saygı ------------------------- */
@media (prefers-reduced-motion: reduce) {
	.kaynakci .u-card,
	.kaynakci .u-btn--primary { transition: none; transform: none !important; }
}

@media (max-width: 600px) {
	.kaynakci .u-hero-list { box-shadow: 5px 5px 0 color-mix(in srgb, var(--k-kivilcim) 85%, transparent); margin-right: 5px; }
}