/* =====================================================================
 * Popüler Hoca — tema özelleştirmeleri
 * Bu dosya tema güncellemelerinde KORUNUR.
 *
 *  1. Tasarım değişkenleri
 *  2. Butonlar
 *  3. Tekil yazı: 3 sütunlu düzen
 *  4. Başlık alanı (hero)
 *  5. İçindekiler (TOC)
 *  6. Makale tipografisi
 *  7. Makale arası + kapanış CTA
 *  8. Sağ sütun (CTA kartı, form, son yazılar)
 *  9. Mobil alt çubuk
 * 10. Footer
 * 11. Tema hatalarının görsel düzeltmeleri
 * ===================================================================== */

/* ------------------------------------------------------------------ *
 * 1. TASARIM DEĞİŞKENLERİ
 * ------------------------------------------------------------------ */

:root {
	--ph-ink:        #101d31;
	--ph-ink-soft:   #4a5a70;
	--ph-ink-faint:  #7b8798;
	--ph-line:       #e4e9f0;
	--ph-line-soft:  #eef1f6;
	--ph-surface:    #ffffff;
	--ph-canvas:     #f4f6f9;
	--ph-brand:      var(--c1, #f6a623);
	--ph-navy:       #10243f;
	--ph-navy-2:     #16304f;
	--ph-wa:         #25d366;
	--ph-wa-dark:    #1da851;
	--ph-radius:     14px;
	--ph-radius-sm:  10px;
	--ph-shadow:     0 1px 2px rgba(16, 36, 63, .04), 0 8px 24px rgba(16, 36, 63, .06);
	--ph-shadow-lg:  0 2px 6px rgba(16, 36, 63, .06), 0 18px 46px rgba(16, 36, 63, .10);
	--ph-sticky-top: 96px;
	--ph-max:        1360px;
	--ph-gap:        34px;
}

.phIcon {
	width: 18px;
	height: 18px;
	fill: currentColor;
	flex: 0 0 auto;
	display: inline-block;
	vertical-align: middle;
}

/* ------------------------------------------------------------------ *
 * 2. BUTONLAR
 * ------------------------------------------------------------------ */

.phBtn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	padding: 12px 20px;
	border: 1px solid transparent;
	border-radius: 100px;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
	transition: transform .16s ease, box-shadow .16s ease, background-color .16s ease, color .16s ease, border-color .16s ease;
	-webkit-appearance: none;
	appearance: none;
}

.phBtn:hover { transform: translateY(-1px); text-decoration: none; }
.phBtn:active { transform: translateY(0); }
.phBtn:focus-visible { outline: 3px solid rgba(37, 211, 102, .45); outline-offset: 2px; }

.phBtn--wa      { background: var(--ph-wa); color: #fff; box-shadow: 0 6px 18px rgba(37, 211, 102, .28); }
.phBtn--wa:hover{ background: var(--ph-wa-dark); color: #fff; box-shadow: 0 10px 26px rgba(37, 211, 102, .34); }

.phBtn--primary      { background: var(--ph-brand); color: #fff; box-shadow: 0 6px 18px rgba(16, 36, 63, .16); }
.phBtn--primary:hover{ color: #fff; filter: brightness(.94); }

.phBtn--dark      { background: var(--ph-navy); color: #fff; }
.phBtn--dark:hover{ background: var(--ph-navy-2); color: #fff; }

.phBtn--light      { background: #fff; color: var(--ph-navy); }
.phBtn--light:hover{ background: #f2f5f9; color: var(--ph-navy); }

.phBtn--ghost      { background: #fff; color: var(--ph-ink); border-color: var(--ph-line); }
.phBtn--ghost:hover{ border-color: var(--ph-ink-faint); color: var(--ph-ink); }

.phBtn--block { display: flex; width: 100%; }
.phBtn--lg    { padding: 15px 26px; font-size: 16px; }

/* ------------------------------------------------------------------ *
 * 3. TEKİL YAZI: 3 SÜTUNLU DÜZEN
 * ------------------------------------------------------------------ */

body.ph-single { background: var(--ph-canvas); }

#main.phLayout {
	display: grid;
	grid-template-columns: 250px minmax(0, 1fr) 322px;
	gap: var(--ph-gap);
	/* align-items:start VERMEYIN — sutunlar icerik kadar kisalir ve icindeki
	   position:sticky'nin kayacak yeri kalmaz. stretch (varsayilan) sart. */
	align-items: stretch;
	max-width: var(--ph-max);
	width: 100%;
	margin: 0 auto 50px;
	padding: 28px 20px 0 !important;
	/* sticky sütunlar overflow:hidden ile çalışmaz */
	overflow: visible;
}

#main.phLayout #content,
#main.phLayout #phAside {
	float: none;
	width: auto;
	min-width: 0;
	overflow: visible;
}

#main.phLayout .phLayout__toc { min-width: 0; }

/* Sütun kutuları tam yükseklik olmalı ki içlerindeki sticky kayabilsin */
#main.phLayout > .phLayout__toc,
#main.phLayout > #phAside { align-self: stretch; padding: 0; background: none; }

#main.phLayout #single > .safirBox {
	background: var(--ph-surface);
	border: 1px solid var(--ph-line);
	border-radius: var(--ph-radius);
	box-shadow: var(--ph-shadow);
	padding: 38px 44px 42px;
	margin-bottom: 0;
	overflow: visible;
}

#main.phLayout #single > .safirBox + .safirBox { margin-top: var(--ph-gap); }

/* Benzer yazılar kutusu */
#main.phLayout #related { padding: 4px 0; }
#main.phLayout #single .safirBox #related .widgetHeading .title {
	font-size: 20px;
	font-weight: 700;
	color: var(--ph-ink);
}

/* Yorumlar */
#main.phLayout #comments .safirBox {
	border: 1px solid var(--ph-line);
	border-radius: var(--ph-radius);
	box-shadow: var(--ph-shadow);
	margin-top: var(--ph-gap);
	padding: 30px 34px;
}

/* ------------------------------------------------------------------ *
 * 4. BAŞLIK ALANI (HERO)
 * ------------------------------------------------------------------ */

.phHero {
	margin: -38px -44px 32px;
	padding: 30px 44px 28px;
	border-bottom: 1px solid var(--ph-line-soft);
	background: linear-gradient(180deg, #fbfcfe 0%, #ffffff 100%);
	border-radius: var(--ph-radius) var(--ph-radius) 0 0;
}

.phHero__crumbs { margin-bottom: 16px; }
.phHero__crumbs #crumbs {
	font-size: 12.5px;
	color: var(--ph-ink-faint);
	letter-spacing: .01em;
}
.phHero__crumbs #crumbs a { color: var(--ph-ink-faint); text-decoration: none; }
.phHero__crumbs #crumbs a:hover { color: var(--ph-brand); }

.phHero__cats {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	margin-bottom: 14px;
}
.phHero__cats a {
	display: inline-block;
	padding: 5px 12px;
	border-radius: 100px;
	background: rgba(16, 36, 63, .06);
	color: var(--ph-ink-soft);
	font-size: 12px;
	font-weight: 600;
	text-decoration: none;
	transition: background-color .16s ease, color .16s ease;
}
.phHero__cats a:hover { background: var(--ph-brand); color: #fff; }

.phHero__title {
	font-size: 36px;
	line-height: 1.22;
	font-weight: 700;
	color: var(--ph-ink);
	letter-spacing: -.015em;
	text-wrap: balance;
	margin: 0 0 18px;
}

.phHero__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 22px;
	padding-bottom: 22px;
	border-bottom: 1px solid var(--ph-line-soft);
	margin-bottom: 22px;
}
.phHero__metaItem {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	font-size: 13.5px;
	color: var(--ph-ink-faint);
}
.phHero__metaItem .phIcon { width: 15px; height: 15px; opacity: .75; }

.phHero__actions { display: flex; flex-wrap: wrap; gap: 10px; }

/* ------------------------------------------------------------------ *
 * 5. İÇİNDEKİLER (TOC)
 * ------------------------------------------------------------------ */

.phToc {
	position: sticky;
	top: var(--ph-sticky-top);
	background: var(--ph-surface);
	border: 1px solid var(--ph-line);
	border-radius: var(--ph-radius);
	box-shadow: var(--ph-shadow);
	padding: 20px 8px 14px 18px;
	max-height: calc(100vh - var(--ph-sticky-top) - 30px);
	display: flex;
	flex-direction: column;
}

.phToc__toggle { display: none; }

.phToc__head {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--ph-ink-faint);
	padding-right: 10px;
	margin-bottom: 14px;
}

.phToc__list {
	list-style: none;
	margin: 0;
	padding: 0 8px 0 0;
	overflow-y: auto;
	overscroll-behavior: contain;
	counter-reset: none;
	flex: 1 1 auto;
}
.phToc__list::-webkit-scrollbar { width: 5px; }
.phToc__list::-webkit-scrollbar-thumb { background: var(--ph-line); border-radius: 3px; }

.phToc__item { margin: 0; list-style: none; }
.phToc__item:before { content: none; }

.phToc__item a {
	display: block;
	padding: 7px 10px 7px 13px;
	border-left: 2px solid transparent;
	font-size: 13.5px;
	line-height: 1.45;
	color: var(--ph-ink-soft);
	text-decoration: none;
	border-radius: 0 6px 6px 0;
	transition: color .15s ease, background-color .15s ease, border-color .15s ease;
}
.phToc__item a:hover { color: var(--ph-ink); background: var(--ph-line-soft); }

.phToc__item--h3 a { padding-left: 26px; font-size: 12.8px; color: var(--ph-ink-faint); }

.phToc__item.is-active > a {
	color: var(--ph-brand);
	border-left-color: var(--ph-brand);
	background: var(--ph-line-soft);
	font-weight: 600;
}

.phToc__progress {
	height: 3px;
	margin: 14px 10px 0 0;
	border-radius: 3px;
	background: var(--ph-line);
	overflow: hidden;
}
.phToc__progress span {
	display: block;
	height: 100%;
	width: 0;
	background: var(--ph-brand);
	transition: width .1s linear;
}

/* ------------------------------------------------------------------ *
 * 6. MAKALE TİPOGRAFİSİ
 * ------------------------------------------------------------------ */

#main.phLayout .reading,
#main.phLayout .reading p,
#main.phLayout .reading li {
	font-size: 17px;
	line-height: 1.78;
	color: #26364c;
}

#main.phLayout .reading > * + * { margin-top: 22px; }

#main.phLayout .reading h2 {
	font-size: 25px;
	line-height: 1.3;
	font-weight: 700;
	color: var(--ph-ink);
	letter-spacing: -.01em;
	margin-top: 46px;
	padding-top: 4px;
	scroll-margin-top: calc(var(--ph-sticky-top) - 10px);
	text-wrap: balance;
}

#main.phLayout .reading h2:first-child { margin-top: 0; }

#main.phLayout .reading h3 {
	font-size: 20px;
	line-height: 1.35;
	font-weight: 700;
	color: var(--ph-ink);
	margin-top: 34px;
	scroll-margin-top: calc(var(--ph-sticky-top) - 10px);
}

#main.phLayout .reading h4 { font-size: 17.5px; font-weight: 700; color: var(--ph-ink); margin-top: 26px; }

/* Makale içi metin bağlantıları. :not(.phBtn) ŞART — CTA blokları the_content
   ile içeriğe enjekte edildiği için butonlar da .reading içinde kalıyor; bu
   kural onları da yakalayınca buton yazısı mavi-üstüne-mavi olup kayboluyordu. */
#main.phLayout .reading a:not(.phBtn):not(.phInlineCta__phone) {
	color: var(--ph-brand);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}
#main.phLayout .reading a:not(.phBtn):not(.phInlineCta__phone):hover { color: var(--ph-navy); }

/* Makale içindeki butonlar kendi renklerini korusun */
#main.phLayout .reading a.phBtn { text-decoration: none; }
#main.phLayout .reading a.phBtn--wa,
#main.phLayout .reading a.phBtn--primary,
#main.phLayout .reading a.phBtn--dark { color: #fff; }
#main.phLayout .reading a.phBtn--light { color: var(--ph-navy); }
#main.phLayout .reading a.phBtn--ghost { color: var(--ph-ink); }
#main.phLayout .reading a.phBtn .phIcon { fill: currentColor; }

#main.phLayout .reading ul { padding-left: 4px; }
#main.phLayout .reading ul li {
	list-style: none;
	position: relative;
	padding-left: 26px;
	margin-bottom: 9px;
}
#main.phLayout .reading ul li:before {
	content: "";
	position: absolute;
	left: 6px;
	top: .72em;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--ph-brand);
}

#main.phLayout .reading ol { padding-left: 4px; counter-reset: phitem; }
#main.phLayout .reading ol li {
	list-style: none;
	position: relative;
	padding-left: 34px;
	margin-bottom: 9px;
	counter-increment: phitem;
}
#main.phLayout .reading ol li:before {
	content: counter(phitem);
	position: absolute;
	left: 0;
	top: .18em;
	width: 23px;
	height: 23px;
	border-radius: 50%;
	background: rgba(16, 36, 63, .07);
	color: var(--ph-ink);
	font-size: 12.5px;
	font-weight: 700;
	line-height: 23px;
	text-align: center;
	margin: 0;
}

#main.phLayout .reading blockquote {
	background: #fbfaf5;
	border-left: 3px solid var(--ph-brand);
	border-radius: 0 var(--ph-radius-sm) var(--ph-radius-sm) 0;
	padding: 18px 24px;
	font-style: normal;
	color: var(--ph-ink);
}

#main.phLayout .reading img { border-radius: var(--ph-radius-sm); height: auto; }

#main.phLayout .reading table { width: 100%; border-radius: var(--ph-radius-sm); overflow: hidden; }
#main.phLayout .reading th { background: var(--ph-canvas); font-weight: 700; color: var(--ph-ink); }
#main.phLayout .reading th,
#main.phLayout .reading td { border: 1px solid var(--ph-line); padding: 11px 14px; }

/* ------------------------------------------------------------------ *
 * 7. MAKALE ARASI + KAPANIŞ CTA
 * ------------------------------------------------------------------ */

.phInlineCta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin: 44px 0 !important;
	padding: 24px 26px 24px 30px;
	/* Marka renginden bağımsız nötr yüzey — site rengi maviyken krem zemin
	   yamalı duruyordu. Vurguyu soldaki şeride bırakıyoruz. */
	background: linear-gradient(135deg, #f8fafc 0%, #f2f6fb 100%);
	border: 1px solid #e2e9f2;
	border-radius: var(--ph-radius);
	position: relative;
	overflow: hidden;
}

.phInlineCta:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 4px;
	background: var(--ph-brand);
}

.phInlineCta__body { flex: 1 1 300px; }

.phInlineCta__title {
	font-size: 18px;
	font-weight: 700;
	color: var(--ph-ink);
	line-height: 1.35;
	margin-bottom: 6px;
}

.phInlineCta__text {
	font-size: 14.5px !important;
	line-height: 1.6 !important;
	color: var(--ph-ink-soft) !important;
	margin: 0 !important;
}

.phInlineCta__actions {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 9px;
	flex: 0 0 auto;
}

.phInlineCta__phone {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	font-size: 14px;
	font-weight: 600;
	color: var(--ph-ink-soft) !important;
	text-decoration: none !important;
}
.phInlineCta__phone:hover { color: var(--ph-ink) !important; }

.phClosingCta {
	margin: 48px 0 0 !important;
	padding: 34px 36px;
	border-radius: var(--ph-radius);
	background:
		radial-gradient(1000px 320px at 100% 0%, rgba(255, 255, 255, .10), transparent 60%),
		linear-gradient(135deg, var(--ph-navy) 0%, #0b1b30 100%);
	color: #fff;
}

.phClosingCta__inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 26px;
}

.phClosingCta__text { flex: 1 1 320px; }

.phClosingCta__kicker {
	display: inline-flex;
	align-items: center;
	padding: 5px 12px;
	border-radius: 100px;
	background: rgba(255, 255, 255, .12);
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: .05em;
	text-transform: uppercase;
	color: #ffd79a;
	margin-bottom: 12px;
}

.phClosingCta__title {
	font-size: 26px;
	font-weight: 700;
	line-height: 1.25;
	color: #fff;
	margin: 0 0 8px;
}

.phClosingCta p {
	font-size: 15px !important;
	line-height: 1.65 !important;
	color: rgba(255, 255, 255, .74) !important;
	margin: 0 !important;
	max-width: 52ch;
}

.phClosingCta__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	flex: 0 0 auto;
}
.phClosingCta .phBtn--dark { background: rgba(255, 255, 255, .14); color: #fff; }
.phClosingCta .phBtn--dark:hover { background: rgba(255, 255, 255, .22); }

/* ------------------------------------------------------------------ *
 * 8. SAĞ SÜTUN
 * ------------------------------------------------------------------ */

.phRail {
	position: sticky;
	top: var(--ph-sticky-top);
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.phCard {
	background: var(--ph-surface);
	border: 1px solid var(--ph-line);
	border-radius: var(--ph-radius);
	box-shadow: var(--ph-shadow);
	padding: 22px;
}

.phCard--cta {
	background: linear-gradient(180deg, #ffffff 0%, #fcfdff 100%);
	box-shadow: var(--ph-shadow-lg);
	border-color: #dde4ee;
}

.phCard__badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 5px 11px;
	border-radius: 100px;
	background: rgba(37, 211, 102, .12);
	color: #17924a;
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: .02em;
	margin-bottom: 13px;
}
.phCard__badge .phIcon { width: 14px; height: 14px; }

.phCard__title {
	font-size: 19px;
	font-weight: 700;
	line-height: 1.3;
	color: var(--ph-ink);
	margin-bottom: 8px;
}

.phCard__text {
	font-size: 13.8px;
	line-height: 1.6;
	color: var(--ph-ink-soft);
	margin: 0 0 16px;
}

.phCard .phBtn--block + .phBtn--block { margin-top: 9px; }

.phCard__mail {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	margin-top: 14px;
	font-size: 13px;
	color: var(--ph-ink-faint);
	text-decoration: none;
	word-break: break-all;
}
.phCard__mail:hover { color: var(--ph-brand); }

/* Form */
.phForm {
	margin-top: 18px;
	padding-top: 18px;
	border-top: 1px dashed var(--ph-line);
}

.phForm__head {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--ph-ink-faint);
	margin-bottom: 10px;
}

.phForm__field { display: block; margin-bottom: 9px; }

.phForm input {
	width: 100%;
	padding: 12px 14px;
	border: 1px solid var(--ph-line);
	border-radius: var(--ph-radius-sm);
	background: #fbfcfe;
	font-size: 14.5px;
	color: var(--ph-ink);
	transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}
.phForm input::placeholder { color: #9aa5b4; }
.phForm input:focus {
	outline: none;
	background: #fff;
	border-color: var(--ph-brand);
	box-shadow: 0 0 0 3px rgba(246, 166, 35, .14);
}
.phForm input.is-error { border-color: #e05c5c; box-shadow: 0 0 0 3px rgba(224, 92, 92, .12); }

.phForm__note {
	margin-top: 9px;
	font-size: 11.5px;
	line-height: 1.5;
	color: var(--ph-ink-faint);
	text-align: center;
}

/* Son yazılar */
.phCard--recent { padding: 20px; }

.phCard__head {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--ph-ink-faint);
	margin-bottom: 13px;
}

.phRecent { list-style: none; margin: 0; padding: 0; }
.phRecent__item + .phRecent__item { margin-top: 4px; padding-top: 12px; border-top: 1px solid var(--ph-line-soft); }
.phRecent__item:before { content: none; }

.phRecent__item a {
	display: flex;
	align-items: center;
	gap: 11px;
	text-decoration: none;
	color: var(--ph-ink);
}

.phRecent__thumb {
	flex: 0 0 auto;
	width: 52px;
	height: 52px;
	border-radius: 9px;
	overflow: hidden;
	background: var(--ph-canvas);
	display: flex;
	align-items: center;
	justify-content: center;
}
.phRecent__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.phRecent__thumb .phIcon { width: 20px; height: 20px; color: var(--ph-ink-faint); opacity: .5; }

.phRecent__title {
	font-size: 13.6px;
	font-weight: 600;
	line-height: 1.42;
	color: var(--ph-ink);
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	transition: color .15s ease;
}
.phRecent__item a:hover .phRecent__title { color: var(--ph-brand); }

/* ------------------------------------------------------------------ *
 * 9. MOBİL ALT ÇUBUK
 * ------------------------------------------------------------------ */

.phMobileBar { display: none; }

/* Tekil yazıda temanın yüzen düğmelerini kapat — alt çubukla çakışıyor */
body.ph-single #callUs,
body.ph-single .whatsappButton,
body.ph-single #whatsappBlock { display: none !important; }

/* ------------------------------------------------------------------ *
 * 10. FOOTER
 * ------------------------------------------------------------------ */

#footer.phFooter {
	background: var(--ph-navy);
	color: rgba(255, 255, 255, .70);
	font-size: 14.5px;
	line-height: 1.7;
	margin-top: 0;
}

#footer.phFooter .innerContainer { overflow: visible; max-width: calc(var(--safirWidth) + 10px); }

/* Dönüşüm şeridi */
#footer .phFooter__cta {
	background: linear-gradient(135deg, #16304f 0%, #0d1f38 100%);
	border-bottom: 1px solid rgba(255, 255, 255, .07);
	padding: 34px 0;
}

#footer .phFooter__ctaInner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 0 15px;
}

#footer .phFooter__ctaText { flex: 1 1 340px; }

#footer .phFooter__ctaKicker {
	display: inline-flex;
	padding: 5px 12px;
	border-radius: 100px;
	background: rgba(246, 166, 35, .16);
	color: #ffc978;
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: .05em;
	text-transform: uppercase;
	margin-bottom: 11px;
}

#footer .phFooter__ctaTitle {
	font-size: 25px;
	font-weight: 700;
	line-height: 1.25;
	color: #fff;
	margin-bottom: 6px;
}

#footer .phFooter__ctaText p {
	margin: 0;
	font-size: 14.5px;
	color: rgba(255, 255, 255, .66);
	max-width: 56ch;
}

#footer .phFooter__ctaActions { display: flex; flex-wrap: wrap; gap: 10px; flex: 0 0 auto; }

/* Ana alan */
#footer .phFooter__main { padding: 48px 0 40px; }

#footer .phFooter__grid {
	display: grid;
	grid-template-columns: 1.5fr 1fr 1.3fr 1fr;
	gap: 40px;
	padding: 0 15px;
}

#footer .phFooter__logo { margin-bottom: 16px; }
#footer .phFooter__logo img { max-width: 190px; height: auto; width: auto; }
#footer .phFooter__logoText { font-size: 22px; font-weight: 700; color: #fff; text-decoration: none; }

#footer .phFooter__about {
	font-size: 14px;
	line-height: 1.75;
	color: rgba(255, 255, 255, .62);
	margin-bottom: 20px;
}

#footer .phFooter__head {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .09em;
	text-transform: uppercase;
	color: #fff;
	margin-bottom: 18px;
	position: relative;
	padding-bottom: 12px;
}
#footer .phFooter__head:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 26px;
	height: 2px;
	border-radius: 2px;
	background: var(--ph-brand);
}

/* Footer menü */
#footer .phFooter__menu ul { list-style: none; margin: 0; padding: 0; }
#footer .phFooter__menu li { margin: 0 0 2px; padding: 0; border: 0; list-style: none; }
#footer .phFooter__menu li:before { content: none; }
#footer .phFooter__menu a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 5px 0;
	color: rgba(255, 255, 255, .68);
	font-size: 14px;
	text-decoration: none;
	transition: color .16s ease, transform .16s ease;
}
#footer .phFooter__menu a:hover { color: #fff; transform: translateX(3px); }
#footer .phFooter__menu a:after { content: none; }
#footer .phFooter__menu svg { width: 15px; height: 15px; fill: currentColor; opacity: .6; }
#footer .phFooter__menu .sub-menu { display: none; }

/* İletişim listesi */
#footer .phFooter__contact { list-style: none; margin: 0; padding: 0; }
#footer .phFooter__contactItem {
	display: flex;
	align-items: flex-start;
	gap: 11px;
	margin: 0 0 14px;
	padding: 0;
	list-style: none;
	font-size: 14px;
	line-height: 1.6;
	color: rgba(255, 255, 255, .68);
}
#footer .phFooter__contactItem:before { content: none; }
#footer .phFooter__contactItem svg {
	width: 17px;
	height: 17px;
	flex: 0 0 auto;
	margin-top: 3px;
	fill: var(--ph-brand);
}
#footer .phFooter__contactItem a { color: rgba(255, 255, 255, .68); text-decoration: none; }
#footer .phFooter__contactItem a:hover { color: #fff; }

/* Hızlı iletişim düğmeleri */
#footer .phFooter__quick { display: flex; flex-direction: column; gap: 9px; }
#footer .phFooter__quickBtn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 11px 14px;
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: var(--ph-radius-sm);
	background: rgba(255, 255, 255, .04);
	color: rgba(255, 255, 255, .82);
	font-size: 13.5px;
	font-weight: 600;
	text-decoration: none;
	word-break: break-all;
	transition: background-color .16s ease, border-color .16s ease, color .16s ease;
}
#footer .phFooter__quickBtn:hover {
	background: rgba(255, 255, 255, .09);
	border-color: rgba(255, 255, 255, .22);
	color: #fff;
}
#footer .phFooter__quickBtn .phIcon { width: 16px; height: 16px; color: var(--ph-brand); }

/* Sosyal */
#footer .phFooter__social ul.safirSocial {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer .phFooter__social ul.safirSocial li { margin: 0; padding: 0; list-style: none; }
#footer .phFooter__social ul.safirSocial li:before { content: none; }
#footer .phFooter__social ul.safirSocial a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .07);
	border: 1px solid rgba(255, 255, 255, .10);
	color: rgba(255, 255, 255, .85);
	transition: background-color .16s ease, transform .16s ease, border-color .16s ease;
}
#footer .phFooter__social ul.safirSocial a:hover {
	background: var(--ph-brand);
	border-color: var(--ph-brand);
	transform: translateY(-2px);
}
#footer .phFooter__social ul.safirSocial svg { width: 17px; height: 17px; fill: currentColor; }

/* Alt bar */
#footer #footerBottom.phFooter__bottom {
	border-top: 1px solid rgba(255, 255, 255, .08);
	background: rgba(0, 0, 0, .16);
	padding: 20px 0;
}
#footer #footerBottom.phFooter__bottomInner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 0 15px;
}
#footer .phFooter__copy {
	font-size: 13px;
	color: rgba(255, 255, 255, .52);
}
#footer .phFooter__copy a { color: rgba(255, 255, 255, .70); text-decoration: none; }
#footer .phFooter__copy a:hover { color: #fff; }

#footer .phFooter .safirTop {
	flex: 0 0 auto;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .12);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: background-color .16s ease, transform .16s ease;
}
#footer .phFooter .safirTop:hover { background: var(--ph-brand); transform: translateY(-2px); }
#footer .phFooter .safirTop svg { width: 16px; height: 16px; fill: #fff; }

/* ------------------------------------------------------------------ *
 * 11. TEMA HATALARININ GÖRSEL DÜZELTMELERİ
 * ------------------------------------------------------------------ */

/* Bozuk before_title HTML'i yüzünden ortaya çıkan kaçak "title" metni */
.widgetHeading > .title:empty { display: none; }

/* Arama kutusundaki varsayılan metin hilesi görsel olarak placeholder gibi dursun */
#search .searchForm input { color: var(--ph-ink); }

/* ------------------------------------------------------------------ *
 * DUYARLI (RESPONSIVE)
 * ------------------------------------------------------------------ */

@media (max-width: 1280px) {
	#main.phLayout {
		grid-template-columns: 220px minmax(0, 1fr) 300px;
		--ph-gap: 26px;
	}
	#main.phLayout #single > .safirBox { padding: 34px 34px 38px; }
	.phHero { margin: -34px -34px 28px; padding: 26px 34px 24px; }
}

@media (max-width: 1100px) {
	/* Sol TOC'u gizle, makale + CTA iki sütun kalsın */
	#main.phLayout {
		grid-template-columns: minmax(0, 1fr) 300px;
	}
	#main.phLayout .phLayout__toc {
		grid-column: 1 / -1;
	}
	.phToc {
		position: static;
		max-height: none;
		padding: 0;
		border: 1px solid var(--ph-line);
		margin-bottom: 4px;
	}
	.phToc__toggle {
		display: flex;
		align-items: center;
		gap: 10px;
		width: 100%;
		padding: 15px 18px;
		background: none;
		border: 0;
		font-size: 15px;
		font-weight: 700;
		color: var(--ph-ink);
		cursor: pointer;
		text-align: left;
	}
	.phToc__toggle > span { flex: 1 1 auto; }
	.phToc__toggle .phIcon--chevron { transition: transform .2s ease; opacity: .6; }
	.phToc__toggle[aria-expanded="true"] .phIcon--chevron { transform: rotate(180deg); }
	.phToc__head { display: none; }
	.phToc__list {
		max-height: 0;
		overflow: hidden;
		padding: 0 14px;
		transition: max-height .28s ease, padding .28s ease;
	}
	.phToc.is-open .phToc__list {
		max-height: 60vh;
		overflow-y: auto;
		padding: 0 14px 14px;
	}
	.phToc__progress { display: none; }
}

@media (max-width: 900px) {
	#main.phLayout {
		grid-template-columns: minmax(0, 1fr);
	}
	.phRail { position: static; }
	#main.phLayout > #phAside { max-width: 560px; margin: 0 auto; width: 100%; }
	#footer .phFooter__grid { grid-template-columns: 1fr 1fr; gap: 34px; }
}

@media (max-width: 760px) {
	#main.phLayout { padding: 18px 14px 0 !important; --ph-gap: 20px; }
	#main.phLayout #single > .safirBox { padding: 24px 20px 30px; border-radius: 12px; }
	.phHero { margin: -24px -20px 24px; padding: 20px 20px 20px; border-radius: 12px 12px 0 0; }
	.phHero__title { font-size: 27px; }
	.phHero__actions .phBtn { flex: 1 1 auto; justify-content: center; }

	#main.phLayout .reading, #main.phLayout .reading p, #main.phLayout .reading li { font-size: 16.3px; }
	#main.phLayout .reading h2 { font-size: 22px; margin-top: 36px; }
	#main.phLayout .reading h3 { font-size: 18.5px; margin-top: 28px; }

	.phInlineCta { padding: 20px; margin: 34px 0 !important; }
	.phInlineCta__actions { width: 100%; }
	.phClosingCta { padding: 26px 22px; }
	.phClosingCta__title { font-size: 22px; }
	.phClosingCta__actions { width: 100%; }
	.phClosingCta__actions .phBtn { flex: 1 1 auto; }

	#footer .phFooter__grid { grid-template-columns: 1fr; gap: 30px; }
	#footer .phFooter__main { padding: 36px 0 30px; }
	#footer .phFooter__cta { padding: 28px 0; }
	#footer .phFooter__ctaTitle { font-size: 21px; }
	#footer .phFooter__ctaActions { width: 100%; }
	#footer .phFooter__ctaActions .phBtn { flex: 1 1 auto; }
	#footer #footerBottom.phFooter__bottomInner { flex-direction: column; text-align: center; gap: 14px; }

	/* Mobil alt CTA çubuğu */
	body.ph-single { padding-bottom: 68px; }
	.phMobileBar {
		display: flex;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 9998;
		gap: 1px;
		background: var(--ph-line);
		box-shadow: 0 -4px 20px rgba(16, 36, 63, .14);
		padding-bottom: env(safe-area-inset-bottom);
	}
	.phMobileBar__btn {
		flex: 1 1 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		padding: 15px 8px;
		font-size: 15px;
		font-weight: 700;
		text-decoration: none;
		color: #fff;
	}
	.phMobileBar__btn--wa { background: var(--ph-wa); }
	.phMobileBar__btn--call { background: var(--ph-navy); }
	.phMobileBar__btn .phIcon { width: 19px; height: 19px; }

	/* Click to Chat eklentisinin yüzen WhatsApp balonu alt çubuğun üstüne
	   biniyordu. Alt çubukta zaten WhatsApp var — tekil yazıda, yalnızca
	   mobilde gizliyoruz. Diğer sayfalarda ve masaüstünde eklenti duruyor. */
	body.ph-single #ht-ctc-chat,
	body.ph-single .ht-ctc-chat,
	body.ph-single .ht_ctc_chat_style { display: none !important; }
}

@media (prefers-reduced-motion: reduce) {
	.phBtn, .phFooter__menu a, .phFooter__social ul.safirSocial a, .phToc__list, .phToc__progress span {
		transition: none !important;
	}
	.phBtn:hover { transform: none; }
}

/* ------------------------------------------------------------------ *
 * 12. İLETİŞİM SAYFASI
 * ------------------------------------------------------------------ */

#main.phContact {
	max-width: var(--ph-max);
	width: 100%;
	margin: 0 auto 50px;
	padding: 28px 20px 0 !important;
	overflow: visible;
	position: relative;
	z-index: 1;
}

#main.phContact #content.full { float: none; width: 100%; }

/* Harita — header.php'den geliyor, tam genişlik.
   Tema kabına 300px, iframe'e ise height="450" veriliyordu; üç ayrı yükseklik
   çakışınca içerik haritanın üstüne biniyordu. Tek yükseklikte sabitliyoruz. */
#contactMap {
	height: 340px;
	overflow: hidden;
	line-height: 0;
	background: var(--ph-canvas);
	position: relative;
	z-index: 0;
}
#contactMap iframe { width: 100%; height: 100%; border: 0; display: block; }

/* Başlık — opak kart. Metin hiçbir koşulda haritanın üstüne düşmesin. */
.phContact__hero {
	background: var(--ph-surface);
	border: 1px solid var(--ph-line);
	border-radius: var(--ph-radius);
	box-shadow: var(--ph-shadow);
	padding: 26px 32px 28px;
	margin-bottom: 22px;
}
.phContact__title {
	font-size: 36px;
	line-height: 1.2;
	font-weight: 700;
	color: var(--ph-ink);
	letter-spacing: -.015em;
	margin: 12px 0 12px;
}
.phContact__lead {
	font-size: 16.5px;
	line-height: 1.7;
	color: var(--ph-ink-soft);
	max-width: 62ch;
	margin: 0;
}

/* Bilgi kartları */
.phContact__cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
	gap: 14px;
	margin-bottom: 30px;
	/* start ŞART — yoksa uzun adres kartı bütün satırı gerip diğer kartları da
	   kocaman yapıyor. Her kart kendi boyunda dursun. */
	align-items: start;
}

/* Uzun adres + hizmet bölgesi listesi olan kart daha geniş dursun */
.phContact__card--address { grid-column: span 2; }

.phContact__regions {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 10px;
}
.phContact__region {
	display: inline-block;
	padding: 3px 10px;
	border-radius: 100px;
	background: rgba(16, 36, 63, .055);
	color: var(--ph-ink-soft);
	font-size: 12px;
	font-weight: 600;
	line-height: 1.6;
	white-space: nowrap;
}

.phContact__card {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	padding: 20px;
	background: var(--ph-surface);
	border: 1px solid var(--ph-line);
	border-radius: var(--ph-radius);
	box-shadow: var(--ph-shadow);
	text-decoration: none;
	color: inherit;
	transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
a.phContact__card:hover {
	transform: translateY(-2px);
	box-shadow: var(--ph-shadow-lg);
	border-color: #d5deea;
}

.phContact__cardIcon {
	flex: 0 0 auto;
	width: 42px;
	height: 42px;
	border-radius: 11px;
	background: rgba(16, 36, 63, .06);
	display: flex;
	align-items: center;
	justify-content: center;
}
.phContact__cardIcon .phIcon { width: 20px; height: 20px; color: var(--ph-brand); }

.phContact__cardBody { display: block; min-width: 0; }

.phContact__cardLabel {
	display: block;
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: .07em;
	text-transform: uppercase;
	color: var(--ph-ink-faint);
	margin-bottom: 5px;
}

.phContact__cardValue {
	display: block;
	font-size: 14.5px;
	line-height: 1.55;
	font-weight: 600;
	color: var(--ph-ink);
	word-break: break-word;
}

/* İki sütunlu alt bölüm */
.phContact__layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 340px;
	gap: var(--ph-gap);
	align-items: start;
}

.phContact__main { display: flex; flex-direction: column; gap: 20px; min-width: 0; }

.phCard--form { padding: 30px 32px 32px; }
.phCard--content { padding: 28px 32px; }

.phContact__formHead { margin-bottom: 22px; }
.phContact__formTitle {
	font-size: 23px;
	font-weight: 700;
	color: var(--ph-ink);
	margin: 0 0 7px;
}
.phContact__formHead p {
	font-size: 14.5px;
	line-height: 1.6;
	color: var(--ph-ink-soft);
	margin: 0;
}

/* Contact Form 7 alanları */
.phContact__form .wpcf7-form p { margin: 0 0 14px; }
.phContact__form input[type="text"],
.phContact__form input[type="email"],
.phContact__form input[type="tel"],
.phContact__form input[type="url"],
.phContact__form input[type="number"],
.phContact__form select,
.phContact__form textarea {
	width: 100%;
	padding: 13px 15px;
	border: 1px solid var(--ph-line);
	border-radius: var(--ph-radius-sm);
	background: #fbfcfe;
	font-size: 15px;
	font-family: inherit;
	color: var(--ph-ink);
	transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}
.phContact__form textarea { min-height: 150px; resize: vertical; }
.phContact__form input::placeholder,
.phContact__form textarea::placeholder { color: #9aa5b4; }
.phContact__form input:focus,
.phContact__form select:focus,
.phContact__form textarea:focus {
	outline: none;
	background: #fff;
	border-color: var(--ph-brand);
	box-shadow: 0 0 0 3px rgba(16, 36, 63, .08);
}

.phContact__form .wpcf7-submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	min-width: 200px;
	padding: 14px 30px;
	border: 0;
	border-radius: 100px;
	background: var(--ph-brand);
	color: #fff;
	font-size: 15.5px;
	font-weight: 600;
	cursor: pointer;
	transition: transform .16s ease, filter .16s ease;
}
.phContact__form .wpcf7-submit:hover { transform: translateY(-1px); filter: brightness(.94); }

.phContact__form .wpcf7-not-valid-tip { font-size: 12.5px; color: #d64545; margin-top: 5px; }
.phContact__form .wpcf7-response-output {
	margin: 16px 0 0 !important;
	padding: 13px 16px !important;
	border-radius: var(--ph-radius-sm) !important;
	border-width: 1px !important;
	font-size: 14px;
}
.phContact__form .wpcf7-spinner { margin-left: 10px; }

/* Sağ sütun */
.phContact__side { display: flex; flex-direction: column; gap: 18px; }
.phCard--social { padding: 20px 22px 22px; }

.phContact__social ul.safirSocial {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.phContact__social ul.safirSocial li { margin: 0; padding: 0; list-style: none; }
.phContact__social ul.safirSocial li:before { content: none; }
.phContact__social ul.safirSocial a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: rgba(16, 36, 63, .05);
	border: 1px solid var(--ph-line);
	color: var(--ph-ink-soft);
	transition: background-color .16s ease, color .16s ease, transform .16s ease, border-color .16s ease;
}
.phContact__social ul.safirSocial a:hover {
	background: var(--ph-brand);
	border-color: var(--ph-brand);
	color: #fff;
	transform: translateY(-2px);
}
.phContact__social ul.safirSocial svg { width: 17px; height: 17px; fill: currentColor; }

@media (max-width: 1000px) {
	.phContact__layout { grid-template-columns: minmax(0, 1fr); }
	.phContact__side { max-width: 560px; width: 100%; }
}

@media (max-width: 760px) {
	#main.phContact { padding: 18px 14px 0 !important; }
	.phContact__title { font-size: 27px; }
	.phContact__lead { font-size: 15.5px; }
	.phContact__cards { grid-template-columns: 1fr; gap: 11px; }
	.phContact__card--address { grid-column: span 1; }
	.phContact__hero { padding: 20px 20px 22px; }
	#contactMap { height: 240px; }
	.phCard--form { padding: 22px 20px 24px; }
	.phCard--content { padding: 22px 20px; }
	.phContact__formTitle { font-size: 20px; }
	.phContact__form .wpcf7-submit { width: 100%; }
}

/* ------------------------------------------------------------------ *
 * 13. ANASAYFA / GENEL MODERNİZASYON
 * Anasayfa tamamen bileşenlerden oluşuyor. Burada yalnızca sitede
 * gerçekten kullanılan bileşenler elden geçiriliyor:
 * advancedPostsWidget1, advancedPostsWidget2, aboutWidget.
 * ------------------------------------------------------------------ */

/* Bölüm ritmi — bölümler arası nefes alanı çok darDI */
.safirWidget.homeWidget .innerContainer { padding: 58px 20px; }

@media (max-width: 760px) {
	.safirWidget.homeWidget .innerContainer { padding: 38px 16px; }
}

/* Bölüm başlıkları: temanın nokta + degrade çizgi süsü yerine sade bir şerit */
.homeWidget .widgetHeading {
	margin-bottom: 28px;
	padding-bottom: 16px;
	align-items: baseline;
}
.homeWidget .widgetHeading:before { display: none; }
.homeWidget .widgetHeading:after {
	background: var(--ph-line);
	height: 1px;
}
.homeWidget .widgetHeading .text { font-size: 0; line-height: 0; }
.homeWidget .widgetHeading .title {
	position: relative;
	font-size: 27px;
	line-height: 1.25;
	font-weight: 700;
	color: var(--ph-ink);
	letter-spacing: -.015em;
	margin: 0;
	padding-bottom: 16px;
	text-transform: none;
}
.homeWidget .widgetHeading .title:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 48px;
	height: 3px;
	border-radius: 3px;
	background: var(--ph-brand);
}
.homeWidget.darkBg .widgetHeading .title { color: #fff; }

/* Yazı kartları — düz görsel + yazı yerine gerçek kart */
.homeWidget .listing .item,
.homeWidget .advancedPostsWidget1 .item,
.homeWidget .advancedPostsWidget2 .item,
.advancedPostsWidget1 .item,
.advancedPostsWidget2 .item {
	background: var(--ph-surface);
	border: 1px solid var(--ph-line);
	border-radius: var(--ph-radius);
	overflow: hidden;
	height: 100%;
	display: flex;
	flex-direction: column;
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.advancedPostsWidget1 .item:hover,
.advancedPostsWidget2 .item:hover {
	transform: translateY(-3px);
	box-shadow: var(--ph-shadow-lg);
	border-color: #d5deea;
}

.advancedPostsWidget1 .item .thumb,
.advancedPostsWidget2 .item .thumb {
	margin-bottom: 0;
	border-radius: 0;
	overflow: hidden;
}

.advancedPostsWidget1 .item .safirthumb img,
.advancedPostsWidget2 .item .safirthumb img {
	transition: transform .4s ease;
}
.advancedPostsWidget1 .item:hover .safirthumb img,
.advancedPostsWidget2 .item:hover .safirthumb img {
	transform: translate(-50%, -50%) scale(1.05);
}

.advancedPostsWidget1 .item .detail,
.advancedPostsWidget2 .item .detail {
	padding: 18px 20px 20px;
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	gap: 8px;
	text-align: left;
}

.advancedPostsWidget1 .item .detail .category,
.advancedPostsWidget2 .item .detail .category {
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--ph-ink-faint);
	line-height: 1.4;
}
.advancedPostsWidget1 .item .detail .category a,
.advancedPostsWidget2 .item .detail .category a { color: var(--ph-brand); }

.advancedPostsWidget1 .item .detail .title,
.advancedPostsWidget2 .item .detail .title {
	font-size: 16px;
	line-height: 1.42;
	font-weight: 700;
	text-transform: none;
	letter-spacing: 0;
	color: var(--ph-ink);
}
.advancedPostsWidget1 .item .detail .title a,
.advancedPostsWidget2 .item .detail .title a {
	color: var(--ph-ink);
	transition: color .16s ease;
}
.advancedPostsWidget1 .item:hover .detail .title a,
.advancedPostsWidget2 .item:hover .detail .title a { color: var(--ph-brand); }

/* Kartların aynı yükseklikte durması için satırları esnek yap */
.advancedPostsWidget1 .list,
.advancedPostsWidget2 .list { display: flex; flex-wrap: wrap; }
.advancedPostsWidget1 .list .item-container,
.advancedPostsWidget2 .list .item-container { display: flex; }
.advancedPostsWidget1 .list .item-container > .item,
.advancedPostsWidget2 .list .item-container > .item { width: 100%; }

/* Owl karusel içindeki kartlar da aynı davransın */
.advancedPostsWidget1 .owl-carousel .item-container,
.advancedPostsWidget2 .owl-carousel .item-container { height: 100%; }

/* Hakkımızda bileşeni */
.aboutWidget .infoBlock {
	color: var(--ph-ink-soft);
	line-height: 1.8;
	font-size: 15.5px;
}
.aboutWidget .infoBlock h2,
.aboutWidget .infoBlock h3 {
	color: var(--ph-ink);
	font-weight: 700;
	line-height: 1.3;
	margin-bottom: 14px;
}

/* Kenar çubuğu bileşen başlıkları h3 oldu — boyut aynı kalsın */
#aside .widgetHeading .title,
#phAside .widgetHeading .title {
	font-size: 17px;
	line-height: 1.35;
	font-weight: 700;
	margin: 0;
	color: var(--ph-ink);
}

/* ------------------------------------------------------------------ *
 * 14. safirCustomMenu — "Bizi Neden Seçmelisiniz?" tipi ikon kartları
 *
 * Temanın CSS'inde .safiricon için TEK kural var: display:block + margin-right:5px.
 * İkon SVG'sine hiç boyut verilmemiş, kart için de yüzey/hizalama tanımı yok.
 * Bu yüzden ikonlar kayıyor ve boyutları tutarsız çıkıyordu. Hepsini burada
 * açıkça tanımlıyoruz ki sonuç devralınan stillerden bağımsız olsun.
 * ------------------------------------------------------------------ */

.safirCustomMenu .items .item-container { height: auto; }

.safirCustomMenu .item {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 14px;
	height: 100%;
	padding: 32px 24px 28px;
	border-radius: var(--ph-radius);
	background: var(--ph-surface);
	border: 1px solid var(--ph-line);
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease;
}

/* İKON — kaymanın asıl sebebi buradaki margin-right:5px idi */
.safirCustomMenu .item > .safiricon,
.safirCustomMenu .item > .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 68px;
	height: 68px;
	margin: 0 0 2px;
	flex: 0 0 auto;
	border-radius: 50%;
	background: rgba(16, 36, 63, .06);
	color: var(--ph-brand);
}

.safirCustomMenu .item > .safiricon svg,
.safirCustomMenu .item > .icon svg {
	display: block;
	width: 34px;
	height: 34px;
	margin: 0;
	fill: currentColor;
}

.safirCustomMenu .item .title {
	padding: 0;
	margin: 0;
	font-size: 17px;
	line-height: 1.35;
	font-weight: 700;
	color: var(--ph-ink);
	text-transform: none;
}

.safirCustomMenu .item .desc {
	margin: 0;
	min-height: 0;            /* tema 60px dayatıyordu, kartlar dengesiz duruyordu */
	font-size: 14px;
	line-height: 1.65;
	color: var(--ph-ink-soft);
}

.safirCustomMenu .item:hover {
	transform: translateY(-3px);
	box-shadow: var(--ph-shadow-lg);
	border-color: #d5deea;
}

/* Koyu zeminli varyant */
.safirCustomMenu.darkBg .item {
	background: rgba(255, 255, 255, .045);
	border-color: rgba(255, 255, 255, .09);
}
.safirCustomMenu.darkBg .item > .safiricon,
.safirCustomMenu.darkBg .item > .icon {
	background: rgba(255, 255, 255, .08);
	color: #fff;
}
.safirCustomMenu.darkBg .item .title { color: #fff; }
.safirCustomMenu.darkBg .item .desc { color: rgba(255, 255, 255, .66); }
.safirCustomMenu.darkBg .item:hover {
	background: rgba(255, 255, 255, .075);
	border-color: rgba(255, 255, 255, .18);
	box-shadow: 0 18px 40px rgba(0, 0, 0, .28);
}

/* Karusel içindeki kartlar eşit yükseklikte dursun */
.safirCustomMenu .owl-carousel .owl-stage { display: flex; }
.safirCustomMenu .owl-carousel .owl-item { display: flex; height: auto; }
.safirCustomMenu .owl-carousel .owl-item > .item-container { display: flex; width: 100%; }
.safirCustomMenu .owl-carousel .owl-item .item { width: 100%; }

@media (max-width: 760px) {
	.safirCustomMenu .item { padding: 26px 20px 24px; }
	.safirCustomMenu .item > .safiricon,
	.safirCustomMenu .item > .icon { width: 58px; height: 58px; }
	.safirCustomMenu .item > .safiricon svg,
	.safirCustomMenu .item > .icon svg { width: 29px; height: 29px; }
}

/* ------------------------------------------------------------------ *
 * 15. categoriesWidget düzeltmesi
 * Bu bileşen .advancedPostsWidget1 sınıfını da taşıyor ama kart yapısı
 * farklı: .detail yerine <a> > .thumb + .titleContainer. Bölüm 13'teki
 * dolgu kuralı .detail aradığı için başlık kartın kenarına yapışıyordu.
 * ------------------------------------------------------------------ */

.categoriesWidget .item > a { display: block; height: 100%; }

.categoriesWidget .item .titleContainer {
	padding: 16px 18px 18px;
	text-align: center;
}
.categoriesWidget .item .titleContainer .title {
	font-size: 16px;
	line-height: 1.4;
	font-weight: 700;
	color: var(--ph-ink);
	text-transform: none;
}
.categoriesWidget.darkBg .item .titleContainer .title { color: #fff; }

/* ------------------------------------------------------------------ *
 * 16. MOBİL FOOTER
 *
 * Footer sütunları eskiden wp_is_mobile() ile PHP tarafında gizleniyordu.
 * Bu sunucu taraflı UA tespiti; önbellek devredeyken masaüstü çıktısı
 * mobile (ya da tersi) servis edilebiliyor ve footer boş görünüyordu.
 * Artık panel seçeneği .phHideMobile sınıfı basıyor, gizlemeyi CSS yapıyor.
 * ------------------------------------------------------------------ */

@media (max-width: 760px) {
	.phHideMobile { display: none !important; }

	/* Mobilde 4 sütun alt alta çok uzuyordu. Marka tam genişlik, menü ve
	   iletişim yan yana, hızlı iletişim tam genişlik. */
	#footer .phFooter__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 26px 20px;
	}
	#footer .phFooter__brand,
	#footer .phFooter__col--extra { grid-column: 1 / -1; }

	#footer .phFooter__main { padding: 32px 0 26px; }

	#footer .phFooter__logo { margin-bottom: 12px; }
	#footer .phFooter__logo img { max-width: 150px; }

	/* Uzun kurumsal metin footer'ı şişiriyordu — 4 satıra kırpılıyor */
	#footer .phFooter__about {
		font-size: 13.5px;
		line-height: 1.65;
		margin-bottom: 16px;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	#footer .phFooter__head {
		font-size: 11px;
		margin-bottom: 12px;
		padding-bottom: 9px;
	}

	#footer .phFooter__menu a { font-size: 13.5px; padding: 4px 0; }
	#footer .phFooter__contactItem { font-size: 13.5px; margin-bottom: 11px; gap: 9px; }
	#footer .phFooter__contactItem svg { width: 15px; height: 15px; }

	/* Adres alanında uzun şehir listesi var; mobilde 3 satıra kırpıyoruz */
	#footer .phFooter__contactItem span {
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	#footer .phFooter__quick { gap: 8px; }
	#footer .phFooter__quickBtn { padding: 10px 12px; font-size: 13px; }

	#footer .phFooter__social ul.safirSocial { gap: 8px; }
	#footer .phFooter__social ul.safirSocial a { width: 34px; height: 34px; }
	#footer .phFooter__social ul.safirSocial svg { width: 15px; height: 15px; }

	/* Tekil yazıda mobil CTA çubuğu var — footer'ın altına binmesin */
	body.ph-single #footer #footerBottom { padding-bottom: 26px; }
}

@media (max-width: 420px) {
	/* Çok dar ekranda iki sütun sıkışıyor, tek sütuna düşür */
	#footer .phFooter__grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
}