/*
 * ============================================================
 *  YALOVA HAKAN ELEKTRONIK - Profesyonel Mavi Tema
 *  TV Tamiri | Teknik Servis | Uydu & Kamera Kurulumu
 *  Bu dosya en son yuklenir; tum bolumleri guclendirir.
 * ============================================================
 */

/* ============================================================
   1. RENK PALETI & DEGISKENLER
   ============================================================ */
:root {
	--yhk-navy-900: #030b1f;
	--yhk-navy-800: #061436;
	--yhk-navy-700: #0a2050;
	--yhk-blue-600: #12377f;
	--yhk-blue-500: #1e56c9;
	--yhk-blue-400: #2f7bf0;
	--yhk-blue-300: #55a0ff;
	--yhk-cyan-400: #22d3ee;
	--yhk-cyan-300: #7de9f7;
	--yhk-ink: #0e1b33;
	--yhk-muted: #5b6b86;

	--yhk-glow: rgba(47, 123, 240, 0.55);
	--yhk-glow-soft: rgba(47, 123, 240, 0.22);
	--yhk-cyan-glow: rgba(34, 211, 238, 0.5);

	--yhk-grad-main: linear-gradient(125deg, #061436 0%, #0a2050 42%, #12377f 100%);
	--yhk-grad-hero: linear-gradient(120deg, rgba(6,20,54,0.92) 0%, rgba(10,32,80,0.78) 55%, rgba(18,55,127,0.55) 100%);
	--yhk-grad-accent: linear-gradient(90deg, #1e56c9 0%, #2f7bf0 50%, #22d3ee 100%);
	--yhk-grad-btn: linear-gradient(120deg, #1e56c9 0%, #2f7bf0 60%, #22d3ee 130%);
	--yhk-shadow-card: 0 14px 38px rgba(10, 32, 80, 0.14);
	--yhk-shadow-card-hover: 0 22px 50px rgba(10, 32, 80, 0.28);
}

/* ============================================================
   2. GENEL / BODY
   ============================================================ */
body.mocktail-color {
	background-color: #eef3fb;
	background-image:
		url('pcb-light.svg'),
		radial-gradient(circle at 10% 6%, rgba(47, 123, 240, 0.09), transparent 42%),
		radial-gradient(circle at 92% 2%, rgba(34, 211, 238, 0.09), transparent 40%),
		radial-gradient(circle at 50% 118%, rgba(18, 55, 127, 0.10), transparent 46%);
	background-repeat: repeat, no-repeat, no-repeat, no-repeat;
	background-size: 200px 200px, auto, auto, auto;
	background-attachment: fixed;
	color: var(--yhk-ink);
}
::selection { background: var(--yhk-blue-400); color: #fff; }
::-moz-selection { background: var(--yhk-blue-400); color: #fff; }
a { color: var(--yhk-blue-500); transition: color .25s ease; }
a:hover { color: var(--yhk-blue-400); }

/* Parent #page beyaz zemini gövde desenini örtuyordu -> saydam */
#page { background-color: transparent !important; }
.site-content-contain, #content, #main { background-color: transparent; }

/* ============================================================
   3. UST TICKER (Dolar / Euro / Altin + Tarih-Saat)
   ============================================================ */
.yhk-topbar {
	position: relative;
	z-index: 6;
	background: linear-gradient(90deg, #030b1f 0%, #0a2050 50%, #030b1f 100%);
	border-bottom: 1px solid rgba(77, 155, 255, 0.18);
	font-size: 13px;
	color: #dbe8ff;
}
.yhk-topbar::after {
	content: "";
	position: absolute; left: 0; bottom: -1px;
	width: 100%; height: 1px;
	background: linear-gradient(90deg, transparent, var(--yhk-cyan-400), transparent);
	background-size: 200% 100%;
	animation: yhk-flow 5s linear infinite;
}
.yhk-topbar-inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 7px 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	flex-wrap: wrap;
}
.yhk-tb-left { display: flex; align-items: center; }
.yhk-live {
	display: inline-flex; align-items: center; gap: 8px;
	font-weight: 700; letter-spacing: .04em;
	text-transform: uppercase; font-size: 12px;
	color: #cfe0ff;
}
.yhk-live-dot {
	width: 9px; height: 9px; border-radius: 50%;
	background: #22e07a;
	box-shadow: 0 0 0 0 rgba(34, 224, 122, 0.7);
	animation: yhk-blink 1.6s infinite;
}
.yhk-tb-right { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }

.yhk-rates { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.yhk-rate {
	display: inline-flex; align-items: center; gap: 6px;
	padding: 4px 11px;
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(77, 155, 255, 0.20);
	border-radius: 20px;
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	transition: transform .25s ease, box-shadow .3s ease, border-color .3s ease;
	white-space: nowrap;
}
.yhk-rate:hover {
	transform: translateY(-1px);
	border-color: var(--yhk-cyan-400);
	box-shadow: 0 6px 16px rgba(34, 211, 238, 0.2);
}
.yhk-rate-ico { color: var(--yhk-cyan-300); font-size: 12px; }
.yhk-rate-lbl { color: #aebfe0; font-size: 12px; }
.yhk-rate-val { color: #ffffff; font-weight: 700; font-size: 13px; }
.yhk-cur { font-size: 10px; font-weight: 600; opacity: .7; margin-left: 2px; }
.yhk-rate.is-up .yhk-rate-val { color: #46e58a; }
.yhk-rate.is-up .yhk-rate-val::after { content: " \25B2"; font-size: 9px; }
.yhk-rate.is-down .yhk-rate-val { color: #ff7a8a; }
.yhk-rate.is-down .yhk-rate-val::after { content: " \25BC"; font-size: 9px; }

.yhk-datetime {
	display: inline-flex; align-items: center; gap: 8px;
	padding: 4px 12px;
	background: rgba(47, 123, 240, 0.14);
	border: 1px solid rgba(77, 155, 255, 0.25);
	border-radius: 20px;
	color: #eaf2ff;
}
.yhk-dt-ico { color: var(--yhk-cyan-300); font-size: 12px; }
.yhk-clock-time { font-weight: 700; font-variant-numeric: tabular-nums; letter-spacing: .5px; }
.yhk-clock-date { color: #b9cbec; font-size: 12px; }

@media (max-width: 782px) {
	.yhk-topbar-inner { justify-content: center; padding: 6px 12px; }
	.yhk-tb-left { display: none; }
	.yhk-rate-lbl { display: none; }
	.yhk-clock-date { display: none; }
}

/* ============================================================
   4. HEADER - Mavi gradient + cam efekti + KONTRAST DUZELTME
   ============================================================ */
.site-header {
	position: relative;
	background-color: var(--yhk-navy-800);
	background-image: url('pcb-dark.svg'), var(--yhk-grad-main);
	background-repeat: repeat, no-repeat;
	background-size: 180px 180px, cover;
	box-shadow: 0 6px 30px rgba(3, 11, 31, 0.4);
	overflow: hidden;
}
.site-header::before {
	content: "";
	position: absolute; top: 0; left: 0;
	width: 100%; height: 3px;
	background: linear-gradient(90deg, transparent, var(--yhk-cyan-400), var(--yhk-blue-300), var(--yhk-cyan-400), transparent);
	background-size: 200% 100%;
	animation: yhk-flow 4s linear infinite;
	z-index: 5;
}
.site-header::after {
	content: "";
	position: absolute; top: -60%; left: -20%;
	width: 45%; height: 220%;
	background: radial-gradient(ellipse at center, var(--yhk-glow-soft), transparent 70%);
	transform: rotate(18deg);
	animation: yhk-drift 9s ease-in-out infinite alternate;
	pointer-events: none;
}
.main-header { position: relative; z-index: 2; }

/* --- Eski top-bar (widget) yazi kontrasti --- */
.top-bar {
	background: rgba(3, 11, 31, 0.4);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
}
.top-bar, .top-bar p, .top-bar span, .top-bar li,
.top-bar .widget_contact ul li,
.top-bar .widget_contact ul li a {
	color: #d7e6ff !important;
}
.top-bar .widget_contact ul li a:hover { color: var(--yhk-cyan-300) !important; }

/* --- SITE BASLIGI & ACIKLAMA (ID bazli - kritik kontrast fix) --- */
#site-title a,
#site-title a:visited {
	color: #ffffff !important;
	text-shadow: 0 2px 20px var(--yhk-glow), 0 0 2px rgba(0,0,0,.3);
	transition: color .3s ease;
}
#site-title a:hover { color: var(--yhk-cyan-300) !important; }
#site-description {
	color: #b9cbec !important;
	opacity: 1;
	text-shadow: 0 1px 8px rgba(3,11,31,.5);
}
.custom-logo {
	filter: drop-shadow(0 0 10px var(--yhk-glow-soft));
	transition: transform .4s ease, filter .4s ease;
}
.custom-logo:hover { transform: scale(1.05); filter: drop-shadow(0 0 16px var(--yhk-cyan-glow)); }

/* Header sol/sag ikon alanlari */
.header-social-block a { color: #cfe0ff; }
.header-social-block a:hover { color: var(--yhk-cyan-300); }

/* ============================================================
   5. NAVIGATION - Mavi zemin + beyaz yazi (+ hover koyu mavi)
   Parent / blue-color-style / responsive.css override'lari
   ============================================================ */

/* --- Menü şeridi: her zaman mavi (mobile'de parent #fff'i ezer) --- */
#sticky-header,
.is-sticky #sticky-header {
	background: linear-gradient(180deg, #0f2d6b 0%, #12377f 55%, #0d2963 100%) !important;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border-top: 1px solid rgba(125, 233, 247, 0.22) !important;
	border-bottom: 1px solid rgba(125, 233, 247, 0.18) !important;
	box-shadow: 0 4px 18px rgba(3, 11, 31, 0.25);
}
.main-navigation {
	border-top: none !important;
	border-bottom: none !important;
	background: transparent !important;
	text-align: center;
}

/* --- Üst seviye menü öğeleri --- */
.main-navigation > ul > li {
	position: relative;
	vertical-align: middle;
}
.main-navigation > ul > li:before {
	background-color: rgba(255, 255, 255, 0.22) !important;
}

/* Beyaz yazı — blue-color-style'ın #496cf4 hover'ını ezer */
.main-navigation a,
.main-navigation a:visited,
.main-navigation ul li a,
.main-navigation ul li.current-menu-item > a,
.main-navigation ul li.current_page_item > a,
.main-navigation ul li.current-menu-ancestor > a,
.main-navigation ul li.current_page_ancestor > a {
	color: #ffffff !important;
	font-weight: 600;
	text-shadow: none;
	transition: background-color .25s ease, color .25s ease, box-shadow .25s ease, text-shadow .25s ease;
}

/* === Hover / aktif: daha koyu mavi arka plan + beyaz yazı + cyan vurgu === */
.main-navigation > ul > li > a {
	border-radius: 0;
	display: block;
}
/* li seviyesinde de koyu zemin (daha belirgin hover) */
.main-navigation > ul > li:hover,
.main-navigation > ul > li.focus,
.main-navigation > ul > li.current-menu-item,
.main-navigation > ul > li.current_page_item,
.main-navigation > ul > li.current-menu-ancestor {
	background-color: #030b1f !important;
}
.main-navigation > ul > li:hover > a,
.main-navigation > ul > li.focus > a,
.main-navigation > ul > li.current-menu-item > a,
.main-navigation > ul > li.current_page_item > a,
.main-navigation > ul > li.current-menu-ancestor > a,
.main-navigation a:hover,
.main-navigation a:focus {
	color: #ffffff !important;
	background-color: #030b1f !important;
	text-shadow: 0 0 12px rgba(125, 233, 247, 0.55);
	box-shadow:
		inset 0 -3px 0 #22d3ee,
		0 0 18px rgba(34, 211, 238, 0.18);
}

/* Dropdown okları (parent ::after kullanıyor — dokunma, sadece renk) */
.main-navigation li.menu-item-has-children > a:after,
.main-navigation li.page_item_has_children > a:after,
.main-navigation li li.menu-item-has-children > a:after,
.main-navigation li li.page_item_has_children > a:after,
.main-navigation li.current-menu-ancestor.menu-item-has-children > a:after,
.main-navigation li.current-menu-item.menu-item-has-children > a:after,
.main-navigation ul li:hover > a:after,
.main-navigation li.menu-item-has-children > a:hover:after,
.main-navigation li.page_item_has_children > a:hover:after {
	color: #ffffff !important;
}

/* --- Dropdown (alt menü) --- */
.main-navigation ul li ul {
	background: #061436 !important;
	border: 1px solid rgba(77, 155, 255, 0.28) !important;
	box-shadow: 0 14px 32px rgba(3, 11, 31, 0.55) !important;
	border-radius: 0 0 10px 10px;
	overflow: hidden;
}
.main-navigation ul li ul li:before {
	border-bottom-color: rgba(255, 255, 255, 0.10) !important;
}
.main-navigation ul li ul li:hover:before {
	border-bottom-color: var(--yhk-cyan-400) !important;
}
.main-navigation ul li ul li a,
.main-navigation ul li.current-menu-item ul li a,
.main-navigation ul li ul li.current-menu-item a {
	color: #ffffff !important;
	background: transparent !important;
	box-shadow: none !important;
	text-shadow: none;
}
.main-navigation ul li ul li a:hover,
.main-navigation ul li ul li a:focus,
.main-navigation ul li ul li:hover > a,
.main-navigation ul li.current-menu-item ul li a:hover {
	color: #ffffff !important;
	background-color: #0a2050 !important;
	box-shadow: inset 3px 0 0 var(--yhk-cyan-400) !important;
}

/* --- Hamburger / arama ikonları --- */
.menu-toggle,
.menu-toggle .line-bar,
.menu-toggle .line-bar:before,
.menu-toggle .line-bar:after {
	background-color: transparent;
}
.menu-toggle .line-bar,
.menu-toggle .line-bar:before,
.menu-toggle .line-bar:after {
	background-color: #ffffff !important;
	box-shadow: 0 0 8px var(--yhk-glow-soft);
}
.show-menu-toggle { color: #ffffff !important; }
.show-menu-toggle .bars,
.show-menu-toggle .bars:before,
.show-menu-toggle .bars:after {
	background-color: #ffffff !important;
	box-shadow: 0 0 8px var(--yhk-glow-soft);
}
#search-toggle.header-search {
	color: #ffffff !important;
	filter: brightness(0) invert(1);
	transition: transform .3s ease, filter .3s ease;
}
#search-toggle.header-search:hover {
	transform: scale(1.12);
	filter: brightness(0) invert(1) drop-shadow(0 0 8px var(--yhk-cyan-glow));
}

/* ============================================================
   5b. MOBIL MENU (parent breakpoint: ≤980px)
   ============================================================ */
@media only screen and (max-width: 980px) {
	#sticky-header,
	.is-sticky #sticky-header {
		background: linear-gradient(180deg, #0f2d6b 0%, #12377f 100%) !important;
	}
	.main-navigation {
		background: transparent !important;
	}
	/* Açık mobil menü paneli */
	.toggled-on .menu,
	.main-navigation .menu {
		background: #0a2050 !important;
		border-radius: 0 0 12px 12px;
		margin: 0;
	}
	.main-navigation > ul > li {
		border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
		margin: 0 !important;
		width: 100%;
	}
	.main-navigation > ul > li:first-child {
		border-top: none !important;
	}
	.main-navigation a {
		color: #ffffff !important;
		padding: 14px 18px !important;
		text-align: left;
		float: none !important;
		display: block;
		background: transparent !important;
		box-shadow: none !important;
	}
	.main-navigation > ul > li:hover > a,
	.main-navigation > ul > li.current-menu-item > a,
	.main-navigation > ul > li.current_page_item > a,
	.main-navigation a:hover,
	.main-navigation a:focus {
		color: #ffffff !important;
		background-color: #061436 !important;
		box-shadow: inset 4px 0 0 var(--yhk-cyan-400) !important;
		text-shadow: none;
	}
	/* Alt menü (mobil) */
	.main-navigation ul li ul {
		background: #061436 !important;
		border: none !important;
		box-shadow: none !important;
		border-radius: 0 !important;
		left: 0 !important;
		width: 100% !important;
	}
	.main-navigation ul li ul li {
		border-top: 1px solid rgba(255, 255, 255, 0.10) !important;
		width: 100% !important;
	}
	.main-navigation ul li ul li a {
		padding-left: 32px !important;
		color: #e8f1ff !important;
		background: transparent !important;
	}
	.main-navigation ul li ul li a:hover {
		color: #ffffff !important;
		background-color: #030b1f !important;
	}
	/* Alt menü açma butonu */
	.sub-menu-toggle {
		background-color: rgba(255, 255, 255, 0.12) !important;
		color: #ffffff !important;
		border-radius: 6px;
	}
	.sub-menu-toggle:hover,
	.sub-menu-toggle:focus {
		background-color: #061436 !important;
		color: #ffffff !important;
	}
	/* Hamburger her zaman beyaz */
	.menu-toggle {
		color: #ffffff !important;
	}
	.menu-toggle .line-bar,
	.menu-toggle .line-bar:before,
	.menu-toggle .line-bar:after {
		background-color: #ffffff !important;
	}
}

/* ============================================================
   6. HERO / HEADER GORSELI - Overlay + baslik
   ============================================================ */
.custom-header, .header-image-wrap { position: relative; overflow: hidden; }
.custom-header::after {
	content: "";
	position: absolute; inset: 0;
	background: linear-gradient(180deg, rgba(3,11,31,.15) 0%, rgba(3,11,31,.05) 40%, rgba(6,20,54,.55) 100%);
	pointer-events: none;
}
.custom-header .header-image {
	transition: transform 6s ease;
	width: 100%;
}
.custom-header:hover .header-image { transform: scale(1.06); }
.header-image-title {
	background: rgba(3, 11, 31, 0.5) !important;
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	border-left: 4px solid var(--yhk-cyan-400);
	border-radius: 6px;
	z-index: 2;
}
.header-image-title a { color: #fff !important; }

/* ============================================================
   7. ONE CIKAN OZELLIK KUTULARI (Hizmet kartlari)
   ============================================================ */
.our-feature-box {
	background-color: var(--yhk-navy-800);
	background-image: url('pcb-dark.svg'), var(--yhk-grad-main);
	background-repeat: repeat, no-repeat;
	background-size: 180px 180px, cover;
	position: relative;
	overflow: hidden;
	padding: 46px 0;
}
.our-feature-box::before {
	content: "";
	position: absolute; inset: 0;
	background:
		radial-gradient(circle at 15% 20%, rgba(47,123,240,.18), transparent 35%),
		radial-gradient(circle at 85% 80%, rgba(34,211,238,.14), transparent 35%);
	pointer-events: none;
}
.our-feature-box .wrap { position: relative; z-index: 2; }
.our-feature-box-header .feature-box-title { color: #ffffff; }
.our-feature-box-header .feature-box-description { color: #b9cbec; }
.our-feature-box-header .feature-box-title:after {
	background: var(--yhk-grad-accent) !important;
	height: 3px; border-radius: 3px;
	box-shadow: 0 0 12px var(--yhk-cyan-glow);
}
.four-column .feature-content-wrap {
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(77, 155, 255, 0.20);
	border-radius: 16px;
	padding: 14px;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	transition: transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .4s ease, border-color .4s ease;
	height: 100%;
}
.four-column .feature-content-wrap:hover {
	transform: translateY(-10px);
	border-color: var(--yhk-cyan-400);
	box-shadow: 0 22px 46px rgba(3, 11, 31, 0.5), 0 0 26px var(--yhk-glow-soft);
}
.four-column .feature-title a { color: #ffffff; transition: color .3s ease; }
.four-column .feature-title a:hover { color: var(--yhk-cyan-300); }
.four-column .feature-icon { display: block; overflow: hidden; border-radius: 12px; }
.four-column .feature-icon img { border-radius: 12px; transition: transform .5s ease, filter .4s ease; width: 100%; }
.four-column .feature-content-wrap:hover .feature-icon img { transform: scale(1.07); filter: saturate(1.15) brightness(1.05); }

/* ============================================================
   8. BLOG / YAZI KARTLARI
   ============================================================ */
.hentry, article.post {
	background: #ffffff;
	border: 1px solid #e3ebf7;
	border-radius: 16px;
	box-shadow: var(--yhk-shadow-card);
	overflow: hidden;
	transition: transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .4s ease, border-color .3s ease;
}
.hentry:hover, article.post:hover {
	transform: translateY(-6px);
	box-shadow: var(--yhk-shadow-card-hover);
	border-color: #c3d6f5;
}
.post-image-content { overflow: hidden; }
.post-image-content img, .wp-post-image { transition: transform .6s ease; }
.hentry:hover .wp-post-image, .post-image-content:hover img { transform: scale(1.05); }
.entry-title a { transition: color .3s ease; }
.entry-title a:hover { color: var(--yhk-blue-400); }

/* Kategori/etiket rozetleri */
.cat-links a, .tag-links a, .entry-format a {
	display: inline-block;
	background: linear-gradient(120deg, rgba(30,86,201,.10), rgba(34,211,238,.10));
	color: var(--yhk-blue-500) !important;
	border: 1px solid rgba(47,123,240,.22) !important;
	border-radius: 20px;
	padding: 2px 12px !important;
	font-size: 12px;
	transition: all .25s ease;
}
.cat-links a:hover, .tag-links a:hover {
	background: var(--yhk-grad-btn);
	color: #fff !important;
	border-color: transparent !important;
	box-shadow: 0 4px 12px var(--yhk-glow-soft);
}

/* Bolum baslik alt cizgisi */
.widget-title:after {
	background: var(--yhk-grad-accent) !important;
	height: 3px; border-radius: 3px;
	box-shadow: 0 0 10px var(--yhk-glow-soft);
}

/* ============================================================
   9. BUTONLAR & FORMLAR
   ============================================================ */
input[type="reset"], input[type="button"], input[type="submit"],
button[type="submit"], .wp-block-button__link, .more-link, .btn, .button {
	background: var(--yhk-grad-btn) !important;
	background-size: 180% 100% !important;
	color: #fff !important;
	border: none !important;
	border-radius: 8px !important;
	box-shadow: 0 6px 18px var(--yhk-glow-soft);
	transition: background-position .5s ease, transform .25s ease, box-shadow .3s ease;
}
input[type="submit"]:hover, button[type="submit"]:hover,
.wp-block-button__link:hover, .more-link:hover, .btn:hover, .button:hover {
	background-position: 100% 0 !important;
	transform: translateY(-2px);
	box-shadow: 0 10px 26px var(--yhk-glow);
}
input[type="text"], input[type="email"], input[type="url"],
input[type="password"], input[type="search"], input[type="tel"],
input[type="number"], textarea, select {
	border: 1px solid #d5e0f2 !important;
	border-radius: 8px !important;
	transition: border-color .25s ease, box-shadow .25s ease;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="search"]:focus,
input[type="tel"]:focus, textarea:focus, select:focus {
	border-color: var(--yhk-blue-400) !important;
	box-shadow: 0 0 0 3px var(--yhk-glow-soft) !important;
	outline: none !important;
}
#search-box .search-form {
	border: 1px solid rgba(77, 155, 255, 0.4);
	border-radius: 10px;
	box-shadow: 0 0 20px var(--yhk-glow-soft);
}

/* Woocommerce */
.woocommerce #respond input#submit, .woocommerce a.button,
.woocommerce button.button, .woocommerce input.button,
.woocommerce a.button.alt, .woocommerce button.button.alt {
	background: var(--yhk-grad-btn) !important;
	border-radius: 8px !important;
	transition: transform .25s ease, box-shadow .3s ease;
}
.woocommerce a.button:hover, .woocommerce button.button:hover {
	transform: translateY(-2px); box-shadow: 0 10px 26px var(--yhk-glow);
}

/* ============================================================
   10. WIDGET / SIDEBAR
   ============================================================ */
#secondary .widget {
	background: #ffffff;
	border: 1px solid #e3ebf7;
	border-radius: 14px;
	padding: 22px;
	box-shadow: var(--yhk-shadow-card);
	transition: box-shadow .35s ease, transform .35s ease;
}
#secondary .widget:hover { box-shadow: var(--yhk-shadow-card-hover); transform: translateY(-3px); }
.widget ul li a:hover { color: var(--yhk-blue-400); }
.widget ul li { transition: padding .2s ease; }
.widget ul li:hover { padding-left: 4px; }

/* ============================================================
   11. FOOTER - Modern efektler
   ============================================================ */
.site-footer {
	position: relative;
	background-color: var(--yhk-navy-900);
	background-image: url('pcb-dark.svg'), var(--yhk-grad-main);
	background-repeat: repeat, no-repeat;
	background-size: 180px 180px, cover;
	color: #cfe0ff;
	overflow: hidden;
}
.site-footer::before {
	content: "";
	position: absolute; top: 0; left: 0;
	width: 100%; height: 3px;
	background: linear-gradient(90deg, transparent, var(--yhk-cyan-400), var(--yhk-blue-300), var(--yhk-cyan-400), transparent);
	background-size: 200% 100%;
	animation: yhk-flow 4s linear infinite;
	z-index: 3;
}
/* Yumusak isik yansimalari */
.site-footer::after {
	content: "";
	position: absolute; inset: 0;
	background-image:
		radial-gradient(circle at 20% 25%, rgba(47,123,240,.16), transparent 32%),
		radial-gradient(circle at 82% 78%, rgba(34,211,238,.13), transparent 34%);
	pointer-events: none;
}
#colophon .widget { position: relative; z-index: 2; background: transparent; border: none; box-shadow: none; padding: 0; }
.site-footer .widget-title { color: #ffffff; position: relative; z-index: 2; }
.site-footer .widget-title:after { background: var(--yhk-grad-accent) !important; }
.site-footer, .site-footer p, .site-footer li, .site-footer span { color: #b9cbec; }
.site-footer a { color: #bcd4ff; transition: color .3s ease; position: relative; z-index: 2; }
.site-footer a:hover { color: var(--yhk-cyan-300); text-shadow: 0 0 10px var(--yhk-glow); }
.site-footer .widget ul li { border-bottom: 1px solid rgba(77,155,255,.10); }

.site-info {
	background: rgba(3, 11, 31, 0.55);
	border-top: 1px solid rgba(77, 155, 255, 0.18);
	position: relative;
	z-index: 2;
}
.site-info .copyright, .site-info .copyright a { color: #d7e6ff; }

/* Sosyal ikonlar */
.social-links a, .header-social-block a, .site-footer .social-links a {
	transition: transform .3s ease, color .3s ease, filter .3s ease;
	display: inline-block;
}
.social-links a:hover, .site-footer .social-links a:hover {
	transform: translateY(-4px) scale(1.14);
	color: var(--yhk-cyan-300);
	filter: drop-shadow(0 0 10px var(--yhk-cyan-glow));
}

/* Yukari cik butonu */
.go-to-top {
	background: var(--yhk-grad-btn) !important;
	border-radius: 14px !important;
	box-shadow: 0 6px 20px var(--yhk-glow);
	animation: yhk-pulse 2.6s ease-in-out infinite;
	transition: transform .3s ease;
}
.go-to-top:hover { transform: translateY(-4px) scale(1.06); }
.go-to-top .icon-bg { background: transparent !important; }
.go-to-top .back-to-top-icon, .go-to-top .back-to-top-text { color: #fff !important; }

/* ============================================================
   11b. CSS TUTARLILIK & CILA (uyumsuzluk denetimi)
   ============================================================ */

/* --- Menu (eski genel override'lar kaldirildi; bakiniz bolum 5) --- */

/* --- Basliklar tutarli renk (parent #000 -> lacivert ink) --- */
h1, h2, h3, h4, h5, h6 { color: var(--yhk-ink); }
.site-header h1, .site-header h2, .site-footer h1, .site-footer h2,
.site-footer h3, .site-footer h4, .our-feature-box h2 { color: #fff; }

/* --- Baglantilar icerik icinde --- */
.entry-content a { color: var(--yhk-blue-500); box-shadow: inset 0 -1px 0 rgba(47,123,240,.25); transition: box-shadow .25s ease, color .25s ease; }
.entry-content a:hover { color: var(--yhk-blue-400); box-shadow: inset 0 -2px 0 var(--yhk-blue-400); }

/* --- Blockquote (parent gri #ddd/#888) --- */
blockquote {
	border-left: 4px solid var(--yhk-blue-400) !important;
	background: linear-gradient(120deg, rgba(30,86,201,.06), rgba(34,211,238,.05));
	color: var(--yhk-ink) !important;
	border-radius: 0 12px 12px 0;
	padding: 16px 22px !important;
	box-shadow: 0 6px 18px rgba(10,32,80,.06);
}

/* --- Tablolar --- */
table { border-color: #dbe6f6; border-radius: 10px; overflow: hidden; }
th { background: var(--yhk-grad-main); color: #fff !important; text-transform: uppercase; }
td, th { border-color: #e3ebf7 !important; }
tr:nth-child(even) td { background: #f4f8ff; }

/* --- Yatay cizgi --- */
hr { background: var(--yhk-grad-accent) !important; height: 2px !important; border: 0; opacity: .5; }

/* --- Arsiv / sayfa basligi --- */
.page-header {
	background: var(--yhk-grad-main);
	background-image: url('pcb-dark.svg'), var(--yhk-grad-main);
	background-repeat: repeat, no-repeat;
	background-size: 180px 180px, cover;
	border-radius: 16px;
	padding: 26px 28px !important;
	margin-bottom: 30px;
	box-shadow: var(--yhk-shadow-card);
	position: relative;
	overflow: hidden;
}
.page-header .page-title,
.page-header .archive-title,
.page-header h1, .page-header h2 { color: #fff !important; margin: 0; }
.page-header .taxonomy-description,
.page-header .archive-meta { color: #b9cbec !important; }

/* --- Yazi kartlari ic bosluk (card padding) --- */
#primary .hentry {
	padding: clamp(16px, 2.5vw, 28px);
	margin-bottom: 34px;
}
#primary .hentry .post-image-content { margin-bottom: 18px; }
#primary .hentry .post-image-content img,
#primary .hentry .wp-post-image { border-radius: 12px; width: 100%; }
/* Tekil yazi/sayfa da kart gorunumu korusun */
.single #primary .hentry, .page #primary .hentry { background: #fff; }

/* --- Meta bilgi (tarih/yazar/yorum) --- */
.entry-meta, .entry-meta a { color: var(--yhk-muted); }
.entry-meta a:hover { color: var(--yhk-blue-400); }

/* --- Yan kayan menu paneli (parent beyaz) - ust vurgu --- */
.side-menu {
	border-top: 4px solid transparent !important;
	border-image: var(--yhk-grad-accent) 1 !important;
}
.side-menu-wrap .side-nav-wrap a:hover,
.side-menu-wrap .side-nav-wrap a:focus { color: var(--yhk-blue-400) !important; }
.hide-menu-toggle .bars { box-shadow: 0 0 8px var(--yhk-glow-soft); }

/* --- Arama kutusu formu --- */
#search-box { border-radius: 10px; overflow: hidden; box-shadow: 0 8px 24px rgba(3,11,31,.25); }
#search-box .search-form { background-color: rgba(255,255,255,0.97) !important; }
#search-box input[type="search"], #search-box .search-submit { border-bottom-color: rgba(47,123,240,.35); }

/* --- Yorumlar --- */
.comment-list .comment-body {
	background: #fff;
	border: 1px solid #e3ebf7;
	border-radius: 12px;
	padding: 18px 20px;
	box-shadow: var(--yhk-shadow-card);
}
.comment-reply-link { color: var(--yhk-blue-500); }

/* --- Instagram / footer frontpage post alani baslik uyumu --- */
#colophon .widget-title { text-align: left; }

/* ============================================================
   12. SAYFALAMA & DIGER
   ============================================================ */
.pagination .page-numbers, .nav-links a, .page-links a {
	border-radius: 8px !important;
	transition: all .25s ease;
}
.pagination .page-numbers.current, .pagination a.page-numbers:hover {
	background: var(--yhk-grad-btn) !important;
	color: #fff !important;
	border-color: transparent !important;
	box-shadow: 0 6px 16px var(--yhk-glow-soft);
}

/* ============================================================
   13. ANIMASYONLAR
   ============================================================ */
@keyframes yhk-flow { 0% { background-position: 0% 50%; } 100% { background-position: 200% 50%; } }
@keyframes yhk-drift {
	0% { transform: translateX(0) rotate(18deg); opacity: .6; }
	100% { transform: translateX(40px) rotate(18deg); opacity: 1; }
}
@keyframes yhk-pulse {
	0%, 100% { box-shadow: 0 6px 20px var(--yhk-glow-soft); }
	50% { box-shadow: 0 6px 30px var(--yhk-glow); }
}
@keyframes yhk-blink {
	0% { box-shadow: 0 0 0 0 rgba(34, 224, 122, 0.7); }
	70% { box-shadow: 0 0 0 7px rgba(34, 224, 122, 0); }
	100% { box-shadow: 0 0 0 0 rgba(34, 224, 122, 0); }
}
@media (prefers-reduced-motion: reduce) {
	.site-header::before, .site-header::after,
	.site-footer::before, .site-footer::after,
	.yhk-topbar::after, .go-to-top, .yhk-live-dot { animation: none !important; }
}

/* ============================================================
   14. RESPONSIVE
   ============================================================ */
@media (max-width: 768px) {
	.four-column .feature-content-wrap:hover { transform: translateY(-5px); }
	.site-header::after { display: none; }
	.our-feature-box { padding: 32px 0; }
	/* Mobilde fixed arka plan janklanmasin */
	body.mocktail-color { background-attachment: scroll; }
}