/* ══════════════════════════════════════════════════════════
   Sayfa widget'ları (metabox) — koşullu yüklenir
   style.css'ten taşındı; seçiciler değiştirilmedi.
══════════════════════════════════════════════════════════ */


/* Hakkımızda istatistik kartları */
.dxp-stat-grid {
	display              : grid;
	grid-template-columns: 1fr;
	gap                  : 16px;
	margin-top           : 32px;
}
@media (min-width: 640px) {
	.dxp-stat-grid { grid-template-columns: repeat(3, 1fr); }}
.dxp-stat-card {
	background   : #ffffff;
	border-radius: 16px;
	padding      : 20px;
	box-shadow   : var(--dxp-ring);
}
.dxp-stat-card .dxp-ic { width: 20px; height: 20px; color: var(--brand-green); }
.dxp-stat-value {
	margin-top : 12px;
	font-size  : 1.5rem;
	font-weight: 700;
	color      : var(--brand-charcoal);
}
.dxp-stat-label {
	font-size     : .75rem;
	text-transform: uppercase;
	letter-spacing: .1em;
	color         : var(--dxp-text-muted);
}

/* İletişim sayfası */
.dxp-contact-grid {
	display              : grid;
	grid-template-columns: 1fr;
	gap                  : 40px;
}
/* Widget'larla kurulmuş sayfada eski 2 KOLON bölünmesi uygulanmaz. */
.dxp-contact-grid--widgets { grid-template-columns: 1fr; }
@media (min-width: 1024px) {
	.dxp-contact-grid { grid-template-columns: 1fr 1.2fr; }
	.dxp-contact-grid--widgets { grid-template-columns: 1fr; }}
.dxp-contact-info .dxp-page-content { margin-bottom: 8px; }
.dxp-contact-list {
	list-style: none;
	margin    : 0;
	padding   : 0;
	display   : flex;
	flex-direction: column;
	gap       : 16px;
}
.dxp-contact-list a { text-decoration: none; }
.dxp-contact-card {
	display      : flex;
	align-items  : flex-start;
	gap          : 12px;
	padding      : 16px;
	border-radius: 16px;
	background   : #ffffff;
	box-shadow   : var(--dxp-ring);
}
.dxp-contact-ic {
	display        : grid;
	place-items    : center;
	width          : 40px;
	height         : 40px;
	flex-shrink    : 0;
	border-radius  : 9999px;
	background     : color-mix(in srgb, var(--brand-green) 10%, transparent);
	color          : var(--brand-green);
}
.dxp-contact-ic .dxp-ic { width: 20px; height: 20px; }
.dxp-contact-body { display: block; }
.dxp-contact-label {
	display       : block;
	font-size     : .625rem;
	font-weight   : 600;
	text-transform: uppercase;
	letter-spacing: .1em;
	color         : var(--dxp-text-muted);
}
.dxp-contact-value {
	display    : block;
	font-size  : .875rem;
	font-weight: 600;
	color      : var(--brand-charcoal);
}
.dxp-contact-hours {
	margin    : 20px 0 0;
	font-size : .875rem;
	color     : var(--dxp-text-muted);
}


/* ══════════════════════════════════════════════════════════
   Sayfa içeriği widget'ları (metabox) — ön yüz
   Sarmalayıcı: .dxp-page-widgets > .dxp-w.dxp-w-<tip>
   Renk/boşluk değerleri tema değişkenlerinden gelir.
══════════════════════════════════════════════════════════ */
.dxp-page-widgets {
	display   : grid;
	gap       : 28px;
	margin-top: 32px;
}

/*
 * 2 sütun (nested) düzeni.
 *
 * Sol ve sağ sütunlar BAĞIMSIZ yığınlardır (flex kolon). Grid satırları
 * paylaşılmadığı için bir kolonun kısa kalması diğerinde boşluk yaratmaz;
 * "solda 3, sağda 2" gibi dengesiz dağılımlar da derli toplu kalır.
 * Sayfa düzenleyicisindeki "Düzen → Nested (2 sütun)" seçimiyle açılır.
 */
.dxp-page-widgets--nested {
	display       : flex;
	flex-direction: column;
	gap           : 24px;
}

/* Bir kolon satırı: solda ve sağda birer bağımsız yığın. */
.dxp-pw-satir {
	display    : flex;
	align-items: flex-start;
	gap        : 24px;
}

/* Sütun yığını. Tek başınaysa tam genişliği kullanır. */
.dxp-pw-kolon {
	flex          : 1 1 0;
	min-width     : 0;
	display       : flex;
	flex-direction: column;
	gap           : 24px;
	/* Kısa kolon satır yüksekliğine göre aşağı itilmez: her zaman ÜSTTE. */
	align-self    : flex-start;
}

@media (max-width: 782px) {
	.dxp-page-widgets--nested { gap: 16px; }

	/* Dar ekranda sütunlar alt alta iner. */
	.dxp-pw-satir {
		flex-direction: column;
		gap           : 16px;
	}

	.dxp-pw-kolon { gap: 16px; }}

/* Hizalama yardımcıları (baslik/metin ve flex sarmalayıcılar) */
.dxp-pw--hiza-sol  { text-align: left; }
.dxp-pw--hiza-orta { text-align: center; }
.dxp-pw--hiza-sag  { text-align: right; }

/* ── Sayfa manşeti (hero) + çoklu ikon kutuları widget'ları ─────────── */
/* Manşet, şablon manşetiyle aynı sınıfları kullanır; yalnızca dış boşluk sıfırlanır. */
.dxp-page-widgets .dxp-w-manset > .dxp-page-title { margin-top: 0; margin-bottom: 0; }
.dxp-w-manset > .dxp-page-lead  { margin-top : 8px; }
/* İkon kutusu hizalaması (grid içinde kutu içeriği) */
.dxp-w-ikon-kutulari .dxp-w-ikon-kutu.dxp-pw--hiza-orta { align-items: center;    text-align: center; }
.dxp-w-ikon-kutulari .dxp-w-ikon-kutu.dxp-pw--hiza-sag  { align-items: flex-end;  text-align: right; }

/* 1) Başlık */
.dxp-w-baslik { margin: 0; }
.dxp-w-baslik .dxp-pw-baslik {
	margin        : 0;
	font-weight   : 700;
	line-height   : 1.2;
	letter-spacing: -.025em;
	color         : var(--brand-charcoal);
	text-wrap     : balance;
}
.dxp-w-baslik h1.dxp-pw-baslik { font-size: 2rem; }
.dxp-w-baslik h2.dxp-pw-baslik { font-size: 1.5rem; }
.dxp-w-baslik h3.dxp-pw-baslik { font-size: 1.25rem; }

/* Ortak bölüm başlığı (stats / ekip / harita ... üstü) */
.dxp-w-title {
	margin     : 0 0 16px;
	font-size  : 1.125rem;
	font-weight: 600;
	color      : var(--brand-charcoal);
}
.dxp-w-title:last-child { margin-bottom: 0; }

/* 2) Metin */
.dxp-w-metin {
	font-size  : .9375rem;
	line-height: 1.7;
	color      : var(--dxp-text-muted);
}
.dxp-w-metin > * + * { margin-top: 12px; }
.dxp-w-metin a { color: var(--dxp-primary); }

/* 3) Ayraç */
.dxp-w-ayrac { margin: 0; }
.dxp-pw-ayrac--cizgi {
	margin    : 0;
	border    : 0;
	border-top: 1px solid var(--dxp-border);
}
.dxp-pw-ayrac--nokta {
	display        : flex;
	justify-content: center;
	gap            : 8px;
	padding        : 8px 0;
}
.dxp-pw-ayrac--nokta span {
	width        : 6px;
	height       : 6px;
	border-radius: 9999px;
	background   : color-mix(in srgb, var(--brand-green) 45%, transparent);
}
.dxp-pw-ayrac--bosluk { height: 24px; }

/* 4) Görsel */
.dxp-w-gorsel { display: flex; }
.dxp-w-gorsel img {
	display      : block;
	max-width    : 100%;
	height       : auto;
	border-radius: var(--dxp-radius);
}
.dxp-w-gorsel--cerceve img { box-shadow: var(--dxp-shadow); }
.dxp-w-gorsel.dxp-pw--hiza-orta { justify-content: center; }
.dxp-w-gorsel.dxp-pw--hiza-sag  { justify-content: flex-end; }

/* 5) Buton */
.dxp-w-buton { display: flex; }
.dxp-w-buton.dxp-pw--hiza-orta { justify-content: center; }
.dxp-w-buton.dxp-pw--hiza-sag  { justify-content: flex-end; }
.dxp-w-btn--kenar {
	background: transparent;
	color     : var(--brand-green);
	border    : 1px solid color-mix(in srgb, var(--brand-green) 40%, transparent);
}
.dxp-w-btn--kenar:hover {
	background: color-mix(in srgb, var(--brand-green) 8%, transparent);
	color     : var(--brand-green-dark);
}

/* 6) İkon kutusu */
.dxp-w-ikon-kutu {
	display       : flex;
	flex-direction: column;
	align-items   : flex-start;
	gap           : 10px;
	padding       : 22px;
	border-radius : var(--dxp-radius);
	background    : #ffffff;
	box-shadow    : var(--dxp-ring);
}
.dxp-w-ikon-kutu.dxp-pw--hiza-orta { align-items: center; }
.dxp-w-ikon-kutu.dxp-pw--hiza-sag  { align-items: flex-end; }
.dxp-w-ikon-ic {
	display      : grid;
	place-items  : center;
	width        : 44px;
	height       : 44px;
	border-radius: 9999px;
	background   : color-mix(in srgb, var(--brand-green) 10%, transparent);
	color        : var(--brand-green);
}
.dxp-w-ikon-ic .dxp-ic { width: 22px; height: 22px; }
.dxp-w-ikon-baslik {
	margin     : 0;
	font-size  : 1.0625rem;
	font-weight: 600;
	color      : var(--brand-charcoal);
}
.dxp-w-ikon-metin {
	font-size  : .9375rem;
	line-height: 1.65;
	color      : var(--dxp-text-muted);
}

/* 7-8) Grid sarmalayıcı (stats / ekip / iletişim kartları) */
.dxp-w-grid {
	display              : grid;
	grid-template-columns: 1fr;
	gap                  : 16px;
	margin-top           : 0;
}
@media (min-width: 640px) {
	.dxp-w-grid {
		grid-template-columns: repeat(var(--dxp-w-cols, 3), minmax(0, 1fr));
	}}

/* 9) Ekip */
.dxp-w-ekip-card {
	display       : flex;
	flex-direction: column;
	align-items   : flex-start;
	padding       : 20px;
	border-radius : var(--dxp-radius);
	background    : #ffffff;
	box-shadow    : var(--dxp-ring);
}
.dxp-w-ekip-foto {
	display      : block;
	width        : 64px;
	height       : 64px;
	margin-bottom: 14px;
	border-radius: 9999px;
	object-fit   : cover;
}
.dxp-w-ekip-foto--bos {
	display    : grid;
	place-items: center;
	background : color-mix(in srgb, var(--brand-green) 10%, transparent);
	color      : var(--brand-green);
}
.dxp-w-ekip-foto--bos .dxp-ic { width: 28px; height: 28px; }
.dxp-w-ekip-ad {
	margin     : 0 0 2px;
	font-size  : 1rem;
	font-weight: 600;
	color      : var(--brand-charcoal);
}
.dxp-w-ekip-unvan {
	font-size     : .75rem;
	font-weight   : 600;
	text-transform: uppercase;
	letter-spacing: .08em;
	color         : var(--brand-green);
}
.dxp-w-ekip-aciklama {
	margin     : 10px 0 0;
	font-size  : .875rem;
	line-height: 1.6;
	color      : var(--dxp-text-muted);
}

/* 10) Madde listesi */
.dxp-w-liste-items {
	list-style: none;
	margin    : 0;
	padding   : 0;
	display   : grid;
	gap       : 10px;
}
.dxp-w-liste-items li {
	display    : flex;
	align-items: flex-start;
	gap        : 10px;
	font-size  : .9375rem;
	line-height: 1.6;
	color      : var(--dxp-text-muted);
}
.dxp-w-li-ic { flex-shrink: 0; color: var(--brand-green); }
.dxp-w-li-ic .dxp-ic { width: 18px; height: 18px; }
.dxp-w-li-dot {
	width        : 7px;
	height       : 7px;
	margin-top   : 8px;
	flex-shrink  : 0;
	border-radius: 9999px;
	background   : var(--brand-green);
}

/* 11) Alıntı */
.dxp-w-alinti {
	display       : flex;
	flex-direction: column;
	align-items   : flex-start;
	gap           : 12px;
	margin        : 0;
	padding       : 24px;
	border-radius : var(--dxp-radius);
	background    : var(--dxp-muted);
	border-left   : 3px solid var(--brand-green);
}
.dxp-w-alinti.dxp-pw--hiza-orta { align-items: center; }
.dxp-w-alinti.dxp-pw--hiza-sag  { align-items: flex-end; }
.dxp-w-alinti-avatar {
	width        : 52px;
	height       : 52px;
	border-radius: 9999px;
	object-fit   : cover;
}
.dxp-w-alinti-metin {
	margin     : 0;
	font-size  : 1.0625rem;
	font-style : italic;
	line-height: 1.6;
	color      : var(--brand-charcoal);
}
.dxp-w-alinti-metin p { margin: 0; }
.dxp-w-alinti-kaynak {
	font-size  : .8125rem;
	font-weight: 600;
	color      : var(--brand-green);
}

/* 12) Harita */
.dxp-w-harita-kutu {
	overflow      : hidden;
	border-radius : var(--dxp-radius);
	box-shadow    : var(--dxp-ring);
}
.dxp-w-harita-kutu iframe {
	display: block;
	width  : 100%;
	height : 100%;
	border : 0;
}

/* 13) Çalışma saatleri */
.dxp-w-saatler-tablo {
	width          : 100%;
	border-collapse: collapse;
	border-radius  : var(--dxp-radius);
	overflow       : hidden;
	box-shadow     : var(--dxp-ring);
}
.dxp-w-saatler-tablo th,
.dxp-w-saatler-tablo td {
	padding   : 12px 16px;
	text-align: left;
	font-size : .875rem;
	border-top: 1px solid var(--dxp-border);
}
.dxp-w-saatler-tablo tr:first-child th,
.dxp-w-saatler-tablo tr:first-child td { border-top: 0; }
.dxp-w-saatler-tablo th { font-weight: 600; color: var(--brand-charcoal); }
.dxp-w-saatler-tablo td { text-align: right; color: var(--dxp-text-muted); }
/* Tek değerli satır (saat sütunu yok): sağa yaslanmaz. */
.dxp-w-saatler-tablo td.dxp-w-saatler-tek { text-align: left; color: var(--brand-charcoal); }
.dxp-w-saatler-not {
	margin   : 12px 0 0;
	font-size: .8125rem;
	color    : var(--dxp-text-muted);
}

/* 14) İletişim kartları (tema .dxp-contact-* sınıflarını kullanır) */
.dxp-w-iletisim-kart .dxp-contact-list > li > a,
.dxp-w-iletisim-kart .dxp-contact-list > li > span { display: block; height: 100%; }
.dxp-w-iletisim-kart .dxp-contact-card { height: 100%; }

/* 15) Form */
.dxp-w-form--kart .dxp-w-form-body {
	padding      : 24px;
	border-radius: var(--dxp-radius);
	background   : #ffffff;
	box-shadow   : var(--dxp-ring);
}

/* 16) Sosyal medya */
.dxp-w-sosyal-list {
	list-style: none;
	margin    : 0;
	padding   : 0;
	display   : inline-flex;
	flex-wrap : wrap;
	gap       : 10px;
}
.dxp-w-sosyal-list a {
	display        : inline-flex;
	align-items    : center;
	gap            : 8px;
	padding        : 9px 16px;
	border-radius  : 9999px;
	background     : #ffffff;
	box-shadow     : var(--dxp-ring);
	font-size      : .875rem;
	font-weight    : 600;
	color          : var(--brand-charcoal);
	text-decoration: none;
	transition     : background var(--dxp-transition), color var(--dxp-transition);
}
.dxp-w-sosyal-list a:hover {
	background: var(--dxp-accent);
	color     : var(--dxp-accent-fg);
}
.dxp-w-sosyal-ic { color: var(--brand-green); }
.dxp-w-sosyal-ic .dxp-ic { width: 16px; height: 16px; }
.dxp-w-sosyal-ic i[class*="fa-"] { font-size: 16px; width: 16px; }

/* ══════════════════════════════════════════════════════════
   İçerik tipi (CPT) widget'ları
   İç markup single.php bölümleriyle aynı sınıfları kullanır.
   ══════════════════════════════════════════════════════════ */

/* İçerik widget'ı genişlik varyantları */
.dxp-detail-content--dar   { max-width: 640px; margin-left: auto; margin-right: auto; }
.dxp-detail-content--genis { max-width: 960px; }

/* Projeler widget'ı manuel kart görseli */
.dxp-proj-img {
	display      : block;
	width        : 100%;
	height       : auto;
	margin-bottom: 12px;
	border-radius: var(--dxp-radius);
}