/* ==========================================================================
   Qubtiva Bilim Kurulu — önyüz stilleri
   Estetik: "klinik premium" — derin lacivert + cyan/teal aurora, cam kartlar
   ========================================================================== */

.qbk {
	--qbk-navy:   #071c33;
	--qbk-navy-2: #0c2a4c;
	--qbk-blue:   #1490c8;
	--qbk-cyan:   #38c6ee;
	--qbk-teal:   #17b99c;
	--qbk-green:  #22c55e;
	--qbk-ink:    #12283f;
	--qbk-muted:  #5d7186;
	--qbk-bg:     #f4f8fb;
	--qbk-card:   #ffffff;
	--qbk-line:   #e2ecf4;
	--qbk-ring:   rgba(20, 144, 200, .16);
	--qbk-radius: 22px;
	/* Fontlar temadan miras alınır; eklenti font yüklemez. */
	--qbk-font-display: inherit;
	--qbk-font-body: inherit;

	color: var(--qbk-ink);
	-webkit-font-smoothing: antialiased;
	line-height: 1.65;

	/* Tema sarmalayıcıları (flex/grid) içinde daralmayı önle.
	   WoodMart gibi temalar içerik alanını display:grid yapar (wd-grid-g);
	   grid-column: 1/-1 tüm kolonları kaplamayı garanti eder. */
	display: block;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	flex: 1 1 100%;
	grid-column: 1 / -1;
}

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

/* Tekil sayfalar ve tam sayfa kurul görünümü, tema konteynerinden bağımsız
   olarak ekranın tamamına yayılır (full-bleed). Kısa kodla gömülen ızgara
   (qbk-board--standalone olmayan) bulunduğu alanın genişliğinde kalır. */
.qbk-single,
.qbk-board--standalone {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}
body.single-qbk_doktor,
body.page-template-qbk-kurul-page,
body.post-type-archive-qbk_doktor { overflow-x: hidden; }

/* WoodMart'ın içerik alanına eklediği dikey boşluğu bizim sayfalarda kaldır:
   full-bleed hero, tema başlığının hemen altından başlasın. */
body.single-qbk_doktor .wd-content-layout,
body.page-template-qbk-kurul-page .wd-content-layout,
body.post-type-archive-qbk_doktor .wd-content-layout { padding-block: 0; }

/* Tema başlık çubuğu bizim şablonlarda gizlenir (başlık hero içinde zaten var) */
body.page-template-qbk-kurul-page .page-title,
body.single-qbk_doktor .page-title,
body.post-type-archive-qbk_doktor .page-title { display: none; }

.qbk a, .qbk a:hover { text-decoration: none; }

.qbk-wrap {
	max-width: 1180px;
	margin: 0 auto;
	padding: 0 24px;
}
.qbk-wrap--narrow { max-width: 860px; }

/* --- Giriş animasyonu ------------------------------------------------- */
.qbk-reveal {
	opacity: 0;
	transform: translateY(22px);
	transition: opacity .7s cubic-bezier(.22,.61,.36,1), transform .7s cubic-bezier(.22,.61,.36,1);
	transition-delay: var(--qbk-delay, 0ms);
}
.qbk-reveal.is-visible { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
	.qbk-reveal { opacity: 1; transform: none; transition: none; }
}

/* --- Küçük parçalar ---------------------------------------------------- */
.qbk-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 14px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .22em;
	text-transform: uppercase;
	color: var(--qbk-blue);
}
.qbk-eyebrow span {
	width: 34px; height: 2px;
	background: linear-gradient(90deg, var(--qbk-cyan), var(--qbk-teal));
	border-radius: 2px;
}
.qbk-eyebrow--light { color: var(--qbk-cyan); }

.qbk-btn {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	padding: 12px 22px;
	border-radius: 999px;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	transition: transform .25s, box-shadow .25s, background .25s, color .25s;
}
.qbk-btn--ghost {
	color: var(--qbk-navy-2);
	background: transparent;
	box-shadow: inset 0 0 0 1.5px var(--qbk-line);
}
.qbk-btn--ghost:hover {
	color: #fff;
	background: var(--qbk-navy-2);
	box-shadow: inset 0 0 0 1.5px var(--qbk-navy-2);
	transform: translateY(-1px);
}

/* ==========================================================================
   KURUL IZGARASI (arşiv + kısa kod + sayfa şablonu)
   ========================================================================== */

.qbk-board-hero {
	position: relative;
	overflow: hidden;
	margin: 0 0 64px;
	padding: 92px 0 150px;
	background:
		radial-gradient(900px 420px at 85% -10%, rgba(56,198,238,.28), transparent 60%),
		radial-gradient(700px 420px at 8% 110%, rgba(23,185,156,.22), transparent 55%),
		linear-gradient(160deg, #061729 0%, var(--qbk-navy) 45%, #0a2d52 100%);
	color: #fff;
	text-align: center;
}
.qbk-board-hero::after {
	/* alt kenarı sayfa fonuna yumuşakça bağlayan kavis */
	content: "";
	position: absolute;
	left: -10%; right: -10%; bottom: -60px;
	height: 120px;
	background: var(--qbk-bg, #fff);
	border-radius: 50% 50% 0 0 / 100% 100% 0 0;
}
.qbk-board-hero-glow {
	position: absolute;
	inset: 0;
	background-image: radial-gradient(rgba(255,255,255,.14) 1px, transparent 1.4px);
	background-size: 26px 26px;
	mask-image: radial-gradient(600px 300px at 50% 20%, #000 0%, transparent 75%);
	-webkit-mask-image: radial-gradient(600px 300px at 50% 20%, #000 0%, transparent 75%);
}
.qbk-board-title {
	margin: 0 auto 20px;
	font-size: clamp(34px, 5vw, 54px);
	font-weight: 700;
	letter-spacing: -.02em;
	line-height: 1.12;
	color: #fff; /* tema h1 rengini ezme */
}
.qbk-board-intro {
	max-width: 780px;
	margin: 0 auto;
	font-size: 16.5px;
	line-height: 1.8;
	color: rgba(255,255,255,.78);
}
.qbk-board-intro--inline {
	max-width: 820px;
	margin: 0 auto 40px;
	color: var(--qbk-muted);
	text-align: center;
}
.qbk-board .qbk-grid { position: relative; z-index: 1; }
.qbk-board-hero + .qbk-wrap .qbk-grid { margin-top: -110px; }

.qbk-grid {
	display: grid;
	grid-template-columns: repeat(var(--qbk-cols, 3), minmax(0, 1fr));
	gap: 28px;
	padding-bottom: 80px;
}
@media (max-width: 900px)  { .qbk-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 560px)  { .qbk-grid { grid-template-columns: 1fr; } }

.qbk-card {
	position: relative;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border-radius: var(--qbk-radius);
	background: var(--qbk-card);
	text-decoration: none;
	box-shadow: 0 1px 2px rgba(7,28,51,.06), 0 12px 34px -14px rgba(7,28,51,.18);
	transition: transform .35s cubic-bezier(.22,.61,.36,1), box-shadow .35s;
}
.qbk-card::before {
	/* hover'da beliren gradyan çerçeve */
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	padding: 1.5px;
	background: linear-gradient(135deg, var(--qbk-cyan), var(--qbk-teal));
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	opacity: 0;
	transition: opacity .35s;
	pointer-events: none;
	z-index: 2;
}
.qbk-card:hover { transform: translateY(-7px); box-shadow: 0 2px 4px rgba(7,28,51,.06), 0 28px 60px -18px rgba(9,60,105,.35); }
.qbk-card:hover::before { opacity: 1; }

.qbk-card-media {
	position: relative;
	aspect-ratio: 7 / 5.4;
	overflow: hidden;
	background: linear-gradient(165deg, #9ed2ef 0%, #2f9fd6 55%, #0f5f96 100%);
	display: flex;
	align-items: flex-end;
	justify-content: center;
}
.qbk-card-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top center;
	transition: transform .6s cubic-bezier(.22,.61,.36,1);
}
.qbk-card:hover .qbk-card-media img { transform: scale(1.045); }
.qbk-card-initials {
	align-self: center;
	font-size: 64px;
	font-weight: 700;
	color: rgba(255,255,255,.85);
}

.qbk-card-body { padding: 24px 26px 26px; }
.qbk-card-name {
	margin: 0 0 6px;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: -.015em;
	color: var(--qbk-ink);
	line-height: 1.3;
}
.qbk-card-role {
	margin: 0 0 16px;
	font-size: 14px;
	font-weight: 500;
	color: var(--qbk-blue);
}
.qbk-card-cta {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: var(--qbk-muted);
	transition: color .25s;
}
.qbk-card-cta svg { transition: transform .3s; }
.qbk-card:hover .qbk-card-cta { color: var(--qbk-teal); }
.qbk-card:hover .qbk-card-cta svg { transform: translateX(5px); }

/* ==========================================================================
   TEKİL — MODERN
   ========================================================================== */

.qbk-single--modern { background: var(--qbk-bg); padding-bottom: 90px; }

.qbk-hero {
	position: relative;
	overflow: hidden;
	color: #fff;
	padding-bottom: 120px;
	background:
		radial-gradient(1000px 480px at 88% -20%, rgba(56,198,238,.30), transparent 62%),
		radial-gradient(760px 420px at 0% 120%, rgba(23,185,156,.20), transparent 55%),
		linear-gradient(160deg, #061729 0%, var(--qbk-navy) 45%, #0a2d52 100%);
}
.qbk-hero-glow {
	position: absolute;
	top: -160px; right: -120px;
	width: 560px; height: 560px;
	background: radial-gradient(circle, rgba(56,198,238,.35), transparent 65%);
	filter: blur(10px);
	animation: qbk-drift 9s ease-in-out infinite alternate;
	pointer-events: none;
}
@keyframes qbk-drift {
	from { transform: translate(0,0) scale(1); }
	to   { transform: translate(-50px, 34px) scale(1.12); }
}
@media (prefers-reduced-motion: reduce) { .qbk-hero-glow { animation: none; } }
.qbk-hero-grid {
	position: absolute;
	inset: 0;
	background-image: linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
	background-size: 44px 44px;
	mask-image: radial-gradient(700px 360px at 30% 30%, #000, transparent 80%);
	-webkit-mask-image: radial-gradient(700px 360px at 30% 30%, #000, transparent 80%);
	pointer-events: none;
}
.qbk-hero-inner { padding: 72px 0 0; }
.qbk-hero-name {
	margin: 0 0 10px;
	font-size: clamp(32px, 4.6vw, 52px);
	font-weight: 700;
	letter-spacing: -.025em;
	line-height: 1.1;
	color: #fff;
}
.qbk-hero-role {
	display: inline-block;
	margin: 4px 0 0;
	padding: 8px 18px;
	border-radius: 999px;
	background: rgba(255,255,255,.09);
	border: 1px solid rgba(255,255,255,.16);
	backdrop-filter: blur(6px);
	font-size: 14.5px;
	font-weight: 500;
	color: rgba(255,255,255,.92);
}
.qbk-hero-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 30px;
}
.qbk-hero-nav a {
	padding: 8px 16px;
	border-radius: 999px;
	border: 1px solid rgba(255,255,255,.14);
	font-size: 12.5px;
	font-weight: 500;
	letter-spacing: .02em;
	color: rgba(255,255,255,.72);
	text-decoration: none;
	transition: background .25s, color .25s, border-color .25s;
}
.qbk-hero-nav a:hover {
	background: rgba(56,198,238,.16);
	border-color: rgba(56,198,238,.5);
	color: #fff;
}

.qbk-layout {
	display: grid;
	grid-template-columns: 330px minmax(0, 1fr);
	gap: 34px;
	align-items: start;
	margin-top: -86px;
	position: relative;
	z-index: 2;
}
@media (max-width: 880px) {
	.qbk-layout { grid-template-columns: 1fr; margin-top: -70px; }
}

.qbk-aside { position: sticky; top: 96px; }
@media (max-width: 880px) { .qbk-aside { position: static; } }

.qbk-profile-card {
	overflow: hidden;
	border-radius: var(--qbk-radius);
	background: var(--qbk-card);
	box-shadow: 0 1px 2px rgba(7,28,51,.05), 0 24px 60px -20px rgba(7,28,51,.30);
}
.qbk-profile-photo {
	aspect-ratio: 7 / 5.8;
	overflow: hidden;
	background: linear-gradient(165deg, #9ed2ef 0%, #2f9fd6 55%, #0f5f96 100%);
}
.qbk-profile-photo img { width: 100%; height: 100%; object-fit: cover; object-position: top center; }
.qbk-profile-meta { padding: 22px 24px 8px; }
.qbk-profile-name {
	margin: 0 0 4px;
	font-size: 19px;
	font-weight: 700;
	letter-spacing: -.01em;
	color: var(--qbk-ink);
}
.qbk-profile-role { margin: 0; font-size: 13.5px; font-weight: 500; color: var(--qbk-blue); }
.qbk-profile-card .qbk-btn { margin: 16px 24px 24px; }

.qbk-section-card {
	margin-bottom: 26px;
	border-radius: var(--qbk-radius);
	background: var(--qbk-card);
	box-shadow: 0 1px 2px rgba(7,28,51,.05), 0 14px 40px -18px rgba(7,28,51,.14);
	overflow: hidden;
	scroll-margin-top: 110px;
}
.qbk-section-head {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 24px 30px 22px;
	border-bottom: 1px solid var(--qbk-line);
	background: linear-gradient(180deg, rgba(20,144,200,.045), transparent);
}
.qbk-section-no {
	flex: none;
	display: grid;
	place-items: center;
	width: 42px; height: 42px;
	border-radius: 13px;
	background: linear-gradient(135deg, var(--qbk-blue), var(--qbk-teal));
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	box-shadow: 0 8px 18px -6px rgba(20,144,200,.55);
}
.qbk-section-head h2 {
	margin: 0;
	font-size: 21px;
	font-weight: 700;
	letter-spacing: -.015em;
	color: var(--qbk-ink);
}
.qbk-section-body { padding: 26px 30px 30px; }

/* İçerik blokları */
.qbk-sub {
	margin: 22px 0 12px;
	font-size: 14.5px;
	font-weight: 600;
	color: var(--qbk-navy-2);
}
.qbk-sub:first-child { margin-top: 0; }

.qbk-list {
	list-style: none;
	margin: 0 0 8px;
	padding: 0;
}
.qbk-list li {
	position: relative;
	padding: 9px 0 9px 32px;
	font-size: 15.5px;
	color: #33475c;
	border-bottom: 1px dashed var(--qbk-line);
}
.qbk-list li:last-child { border-bottom: 0; }
.qbk-list li::before {
	content: "";
	position: absolute;
	left: 4px; top: 15px;
	width: 15px; height: 15px;
	border-radius: 50%;
	background:
		url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="3.4" stroke-linecap="round" stroke-linejoin="round"><path d="M5 13l4 4 10-10"/></svg>') center/9px no-repeat,
		linear-gradient(135deg, var(--qbk-blue), var(--qbk-teal));
}
.qbk-list--cols {
	display: grid;
	grid-template-columns: repeat(2, minmax(0,1fr));
	column-gap: 30px;
}
@media (max-width: 640px) { .qbk-list--cols { grid-template-columns: 1fr; } }

.qbk-table-scroll { overflow-x: auto; margin: 6px 0 10px; }
.qbk-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	font-size: 14.5px;
	border: 1px solid var(--qbk-line);
	border-radius: 14px;
	overflow: hidden;
}
.qbk-table th {
	padding: 12px 16px;
	text-align: left;
	font-size: 12.5px;
	font-weight: 600;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: #fff;
	background: linear-gradient(135deg, var(--qbk-navy-2), var(--qbk-blue));
	white-space: nowrap;
}
.qbk-table td {
	padding: 12px 16px;
	color: #33475c;
	border-top: 1px solid var(--qbk-line);
	vertical-align: top;
}
.qbk-table tbody tr:nth-child(even) td { background: #f7fafc; }

/* ==========================================================================
   TEKİL — KLASİK
   ========================================================================== */

.qbk-single--klasik { background: #fff; padding-bottom: 90px; }
.qbk-klasik-head { text-align: center; padding: 36px 0 8px; }
.qbk-klasik-name {
	margin: 0 0 8px;
	font-size: clamp(30px, 4vw, 44px);
	font-weight: 700;
	letter-spacing: -.02em;
	color: var(--qbk-ink);
}
.qbk-klasik-role { margin: 0 0 30px; font-size: 15.5px; font-weight: 500; color: var(--qbk-blue); }
.qbk-klasik-photo {
	max-width: 680px;
	margin: 0 auto;
	border-radius: var(--qbk-radius);
	overflow: hidden;
	box-shadow: 0 24px 60px -22px rgba(7,28,51,.35);
	background: linear-gradient(165deg, #9ed2ef 0%, #2f9fd6 55%, #0f5f96 100%);
}
.qbk-klasik-photo img { display: block; width: 100%; height: auto; }

.qbk-klasik-section { padding: 44px 0 4px; }
.qbk-klasik-section h2 {
	position: relative;
	margin: 0 0 20px;
	padding-bottom: 14px;
	font-size: 25px;
	font-weight: 700;
	letter-spacing: -.015em;
	color: var(--qbk-blue);
}
.qbk-klasik-section h2::after {
	content: "";
	position: absolute;
	left: 0; bottom: 0;
	width: 54px; height: 3px;
	border-radius: 3px;
	background: linear-gradient(90deg, var(--qbk-cyan), var(--qbk-teal));
}

/* ==========================================================================
   TEKİL — MİNİMAL
   ========================================================================== */

.qbk-single--minimal { background: #fff; padding-bottom: 100px; }
.qbk-min-head {
	display: flex;
	align-items: center;
	gap: 36px;
	padding: 52px 0 22px;
	border-bottom: 2px solid var(--qbk-ink);
	margin-bottom: 10px;
}
@media (max-width: 640px) { .qbk-min-head { flex-direction: column; align-items: flex-start; gap: 22px; } }
.qbk-min-photo {
	flex: none;
	width: 168px; height: 168px;
	border-radius: 50%;
	overflow: hidden;
	background: linear-gradient(165deg, #9ed2ef 0%, #2f9fd6 55%, #0f5f96 100%);
	box-shadow: 0 0 0 6px #fff, 0 0 0 7.5px var(--qbk-line);
}
.qbk-min-photo img { width: 100%; height: 100%; object-fit: cover; object-position: top center; }
.qbk-min-role {
	margin: 0 0 8px;
	font-size: 12.5px;
	font-weight: 600;
	letter-spacing: .22em;
	text-transform: uppercase;
	color: var(--qbk-teal);
}
.qbk-min-title h1 {
	margin: 0;
	font-size: clamp(30px, 4.4vw, 48px);
	font-weight: 300;
	letter-spacing: -.02em;
	line-height: 1.12;
	color: var(--qbk-ink);
}
.qbk-min-section {
	display: grid;
	grid-template-columns: 220px minmax(0, 1fr);
	gap: 28px;
	padding: 34px 0;
	border-bottom: 1px solid var(--qbk-line);
}
@media (max-width: 700px) { .qbk-min-section { grid-template-columns: 1fr; gap: 10px; } }
.qbk-min-section h2 {
	margin: 4px 0 0;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: .01em;
	color: var(--qbk-blue);
}
.qbk-min-section .qbk-list li { border-bottom: 0; padding: 5px 0 5px 26px; }
.qbk-min-section .qbk-list li::before {
	width: 7px; height: 7px;
	top: 14px; left: 6px;
	background: var(--qbk-teal);
}