/*
Theme Name: Klinik Ajans
Theme URI: https://klinikajans.com.tr
Author: Banliyö Digital
Description: Sağlık haberleri ve uzman görüşleri için beyaz ve petrol mavisi, güven veren, net bir haber portalı teması. Yazının başında uzman adı ve unvanı, güncelleme tarihi ve bilgilendirme notu; kişi kartı ve uzman profilleri desteklenir.
Version: 1.1.0
Requires at least: 6.2
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: klinikajans
*/

/* Ortak yapı assets/css/base.css içinde; burada yalnızca Klinik Ajans'ın görünümü var. */

:root {
	--al-ink: #0E2A33;
	--al-text: #2B3B42;
	--al-muted: #627480;
	--al-line: #DFE7EA;
	--al-soft: #EEF5F6;
	--al-paper: #FFFFFF;
	--al-bg: #FFFFFF;
	--al-petrol: #0B4A5A;
	--al-accent: #0F7C7C;
	--al-footer-bg: #082F39;
	--al-footer-text: rgba(255, 255, 255, .78);
	--al-header-bg: #FFFFFF;
	--al-radius: 8px;
	--al-display: 'IBM Plex Sans Variable', 'IBM Plex Sans', system-ui, sans-serif;
	--al-serif: 'IBM Plex Serif', Georgia, serif;
	--al-sans: 'IBM Plex Sans Variable', 'IBM Plex Sans', system-ui, sans-serif;
}

h1, h2, h3, h4 { font-weight: 650; letter-spacing: -.015em; line-height: 1.18; }
.al-kicker { font-size: 11.5px; font-weight: 650; letter-spacing: .08em; color: var(--al-accent); }
.al-meta { font-size: 13px; letter-spacing: 0; }
.al-btn { border-radius: var(--al-radius); background: var(--al-petrol); border-color: var(--al-petrol); }

/* Header */
.ka-header { -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: 0 1px 0 var(--al-line); }
.ka-top { background: var(--al-petrol); color: rgba(255, 255, 255, .85); font-size: 12.5px; }
.ka-top .al-wrap { display: flex; justify-content: space-between; align-items: center; min-height: 34px; }
.ka-main { display: flex; align-items: center; gap: 24px; min-height: 84px; transition: min-height .25s; }
.ka-ham { display: none; }
.ka-brand { display: flex; align-items: center; gap: 12px; }
.ka-mark { position: relative; width: 44px; height: 44px; border-radius: 11px; transition: all .25s; background: var(--al-accent); flex: none; }
.ka-mark::before, .ka-mark::after { content: ""; position: absolute; left: 50%; top: 50%; background: #fff; border-radius: 2px; transform: translate(-50%, -50%); }
.ka-mark::before { width: 23px; height: 7px; }
.ka-mark::after { width: 7px; height: 23px; }
.al-header.is-compact .ka-mark { width: 36px; height: 36px; border-radius: 9px; }
.ka-brand .al-logo--text { font-family: var(--al-sans); font-weight: 700; font-size: 38px; line-height: 1; letter-spacing: -.02em; text-transform: none; color: var(--al-petrol); white-space: nowrap; transition: font-size .25s; }
.al-header.is-compact .ka-brand .al-logo--text { font-size: 30px; letter-spacing: -.02em; }
.ka-brand .al-logo img { height: 62px; }
.al-header.is-compact .ka-brand .al-logo img { height: 46px; }
.ka-search { margin-left: auto; display: flex; align-items: center; width: min(420px, 40%); height: 46px; border: 1px solid var(--al-line); border-radius: 999px; background: var(--al-soft); padding: 0 6px 0 18px; }
.ka-search:focus-within { border-color: var(--al-accent); background: #fff; }
.ka-search input { flex: 1; min-width: 0; border: 0; background: transparent; font: inherit; font-size: 14.5px; color: var(--al-ink); }
.ka-search input:focus { outline: none; }
.ka-search button { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border: 0; border-radius: 50%; background: var(--al-petrol); color: #fff; cursor: pointer; }
.ka-searchbtn { display: none; }
.ka-navbar { background: var(--al-petrol); }
.ka-nav { border: 0; }
.ka-nav ul { justify-content: flex-start; gap: 0; flex-wrap: wrap; }
.ka-nav a { color: #fff; font-size: 14px; font-weight: 550; letter-spacing: 0; text-transform: none; padding: 13px 16px; }
.ka-nav li:first-child a { padding-left: 0; }
.ka-nav a::after { left: 16px; right: 16px; bottom: 0; height: 3px; background: #6FD3C8; }
.ka-nav li:first-child a::after { left: 0; }
.ka-nav a:hover, .ka-nav a[aria-current="page"] { color: #fff; background: rgba(255, 255, 255, .06); }
.al-header.is-compact .ka-top { display: none; }
.al-header.is-compact .ka-main { min-height: 64px; }
.al-progress span { background: #6FD3C8; }

/* Yan panel */
.al-drawer { background: var(--al-petrol); }
.al-drawer__nav a { font-family: var(--al-sans); font-weight: 600; font-size: 26px; }
.al-drawer__search input { font-family: var(--al-sans); font-style: normal; }

/* Bölüm başlığı */
.ka-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 22px; padding-bottom: 12px; border-bottom: 2px solid var(--al-line); position: relative; }
.ka-head::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 56px; height: 2px; background: var(--al-accent); }
.ka-head h2 { font-size: 24px; font-weight: 700; color: var(--al-petrol); }
.ka-head__more { font-size: 13px; font-weight: 600; color: var(--al-accent); }
.ka-head__more::after { content: " →"; }

/* Kartlar */
.al-card { gap: 12px; }
.al-card__title { font-size: 19px; line-height: 1.3; font-weight: 600; }
.al-card__title a { background-image: none; }
.al-card__title a:hover { color: var(--al-accent); }
.al-card__excerpt { font-family: var(--al-sans); font-size: 15px; color: var(--al-muted); }
.al-card--row .al-card__title { font-size: 16.5px; }
.al-card--row { grid-template-columns: 96px minmax(0, 1fr); gap: 14px; }

/* Manşet */
.ka-lead { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr); gap: 36px; padding-top: 32px; }
.ka-lead__main .al-card__title { font-size: clamp(28px, 2.8vw, 40px); line-height: 1.14; font-weight: 700; }
.ka-lead__main .al-card__excerpt { font-size: 17px; }
.ka-lead__side { display: flex; flex-direction: column; gap: 0; border: 1px solid var(--al-line); border-radius: var(--al-radius); padding: 6px 20px; }
.ka-lead__side .al-card { padding: 16px 0; border-bottom: 1px solid var(--al-line); }
.ka-lead__side .al-card:last-child { border-bottom: 0; }

/* Uzmanlarımız */
.ka-experts { margin-top: 64px; padding: 48px 0 52px; background: var(--al-soft); }
.ka-experts .al-experts__img { box-shadow: 0 0 0 4px #fff, 0 0 0 5px var(--al-line); }
.ka-experts .al-experts__item b { color: var(--al-petrol); }

/* 4'lü kartlar */
.ka-cards { gap: 32px 24px; }

/* Son haberler + kutu */
.ka-split { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 48px; }
.ka-timeline { list-style: none; margin: 0; padding: 0; }
.ka-timeline li { display: grid; grid-template-columns: 74px minmax(0, 1fr); gap: 18px; padding: 16px 0; border-bottom: 1px solid var(--al-line); }
.ka-timeline time { display: flex; flex-direction: column; font-size: 12.5px; color: var(--al-muted); line-height: 1.35; }
.ka-timeline time b { font-size: 17px; color: var(--al-petrol); }
.ka-timeline li > div { display: flex; flex-direction: column; gap: 4px; }
.ka-timeline__title { font-size: 18px; font-weight: 600; line-height: 1.32; color: var(--al-ink); }
.ka-timeline__title:hover { color: var(--al-accent); }
.ka-box { align-self: start; padding: 24px; border-radius: var(--al-radius); background: var(--al-soft); display: flex; flex-direction: column; gap: 24px; }
.ka-box__title { font-size: 18px; font-weight: 700; color: var(--al-petrol); }

/* Yazı sayfası: sola hizalı, uzman satırı ve tarihler */
.al-article { padding-top: 40px; }
.al-article__head { align-items: flex-start; text-align: left; max-width: 760px; gap: 16px; }
.al-article__title { font-size: clamp(32px, 3.6vw, 46px); line-height: 1.15; font-weight: 700; color: var(--al-ink); }
.al-article__deck { font-family: var(--al-sans); font-size: 19px; line-height: 1.55; color: var(--al-text); max-width: none; }
.al-article__head .al-expert { padding: 14px 0; border-top: 1px solid var(--al-line); border-bottom: 1px solid var(--al-line); width: 100%; }
.al-dates span + span::before { content: "·"; margin: 0 .55em; }
.al-dates { align-items: center; }
.al-dates .al-kicker { display: inline; margin: 0; }
.al-dates .al-kicker::after { content: "·"; margin: 0 .55em; color: var(--al-muted); font-weight: 400; }
.al-article__rule { display: none; }
.al-prose { max-width: 760px; margin-top: 28px; font-size: 18.5px; line-height: 1.78; }
.al-prose > p:first-of-type::first-letter { all: unset; }
.al-prose h2 { font-family: var(--al-sans); font-size: 26px; font-weight: 700; color: var(--al-petrol); }
.al-prose h3 { font-family: var(--al-sans); font-size: 21px; font-weight: 650; }
.al-prose blockquote, .al-prose .wp-block-quote { text-align: left; font-family: var(--al-serif); font-style: italic; font-size: 22px; color: var(--al-petrol); background: var(--al-soft); border-left: 4px solid var(--al-accent); border-radius: 0 var(--al-radius) var(--al-radius) 0; padding: 22px 26px; }
.al-prose blockquote::before { display: none; }
.al-prose ul li::marker { color: var(--al-accent); }
.al-prose img { border-radius: var(--al-radius); }
.al-article__end, .al-note, .al-article .bdk-cards { max-width: 760px; }
.al-note { border-left: 4px solid var(--al-accent); }
.al-endmark { display: none; }
.al-share { border-top: 1px solid var(--al-line); }
.al-share a, .al-share button { border-radius: 999px; }
.al-shead__title { font-size: 22px; letter-spacing: 0; text-transform: none; color: var(--al-petrol); }
.al-shead::after { background: var(--al-line); height: 2px; }

/* Kategori sayfası */
.al-archive__head { text-align: left; background: var(--al-soft); border: 0; border-radius: var(--al-radius); padding: 36px 40px; margin-top: 28px; }
.al-archive__title { font-weight: 700; font-size: clamp(32px, 4vw, 52px); color: var(--al-petrol); }
.al-archive__desc { margin-left: 0; }
.al-pagination .page-numbers { border-radius: var(--al-radius); }
.al-pagination .page-numbers.current { background: var(--al-petrol); border-color: var(--al-petrol); }

/* Footer */
.al-footer { text-align: left; }
.al-footer .al-logo--text { font-family: var(--al-sans); font-weight: 700; font-size: 30px; letter-spacing: -.02em; text-transform: none; }
.al-footer__text { margin-left: 0; font-family: var(--al-sans); font-size: 15px; }

/* Kişi kartı */
.bdk-card, .bdk-news { --bdk-accent: var(--al-accent); --bdk-radius: 8px; --bdk-head: var(--al-sans); --bdk-ui: var(--al-sans); --bdk-line: var(--al-line); }
.bdk-card { background: var(--al-soft); border: 0; border-left: 4px solid var(--al-accent); }
.bdk-card__name { font-weight: 700; color: var(--al-petrol) !important; }
.bdk-card--profile { background: transparent; border: 0; padding: 0; }
.bdk-card__photo { border-radius: 50% !important; aspect-ratio: 1 / 1 !important; }

@media (max-width: 1080px) {
	.ka-lead { grid-template-columns: minmax(0, 1fr); }
	.ka-split { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 860px) {
	.ka-top { display: none; }
	.ka-main { min-height: 60px; gap: 8px; }
	.al-header.is-compact .ka-main { min-height: 56px; }
	.ka-ham, .ka-searchbtn { display: inline-flex; }
	.ka-ham { margin-left: -10px; }
	.ka-brand { margin: 0 auto; gap: 8px; }
	.ka-mark, .al-header.is-compact .ka-mark { width: 32px; height: 32px; border-radius: 8px; }
	.ka-mark::before { width: 17px; height: 5px; }
	.ka-mark::after { width: 5px; height: 17px; }
	.ka-brand .al-logo--text { font-size: 28px; letter-spacing: -.02em; }
	.al-header.is-compact .ka-brand .al-logo--text { font-size: 24px; letter-spacing: -.02em; }
	.ka-brand .al-logo img { height: 42px; }
	.ka-searchbtn { margin-right: -10px; }
	.ka-search { display: none; }
	/* Mobilde yana kayan menü yok: menü hamburger düğmesinde */
	.ka-navbar { display: none; }
	.al-mast { border: 0; }
	.ka-lead { padding-top: 0; gap: 20px; }
	.ka-lead__main .al-img { margin: 0 calc(-1 * var(--al-gutter)); border-radius: 0; }
	.ka-lead__main .al-card__title { font-size: 27px; }
	.ka-lead__side { padding: 0 16px; }
	.ka-experts { margin-top: 48px; padding: 36px 0 40px; }
	.ka-cards { grid-template-columns: minmax(0, 1fr); gap: 0; }
	.ka-cards .al-card { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 14px; padding: 14px 0; border-bottom: 1px solid var(--al-line); }
	.ka-cards .al-card .al-img { aspect-ratio: 4 / 3; }
	.ka-cards .al-card__title { font-size: 16.5px; }
	.ka-timeline li { grid-template-columns: 58px minmax(0, 1fr); gap: 12px; }
	.ka-timeline__title { font-size: 16.5px; }
	.al-article { padding-top: 24px; }
	.al-article__title { font-size: 30px; }
	.al-article__deck { font-size: 17.5px; }
	.al-prose { font-size: 17.5px; }
	.al-archive__head { padding: 26px 22px; }
}