/*
	Theme Name:   Jannah Child
	Theme URI:    http://jannah.tielabs.com/
	Description:  Jannah child theme — minibilgi.com E-E-A-T eklemeleri
	Author:       TieLabs
	Author URI:   https://tielabs.com
	Template:     jannah
	Version:      1.4.0
	License:      license purchased
	License URI:  http://themeforest.net/licenses/regular_extended
	Text Domain:  jannah-child
*/

/* =========================================================================
   minibilgi — E-E-A-T styles
   ========================================================================= */

:root {
	--mb-bg-dark: #0f172a;
	--mb-bg-soft: #f6f7fb;
	--mb-border:  #e5e7eb;
	--mb-accent:  #d97706;
	--mb-accent-2:#0ea5e9;
	--mb-text:    #1f2937;
	--mb-muted:   #6b7280;
	--mb-shadow:  0 2px 8px rgba(15,23,42,.06);
}

/* ---- Üst trust bar -------------------------------------------------------- */
.mb-top-bar {
	background: var(--mb-bg-dark);
	color: #e5e7eb;
	font-size: 13px;
	border-bottom: 1px solid rgba(255,255,255,.06);
}
.mb-top-bar__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 8px 16px;
	max-width: 1200px;
	margin: 0 auto;
}
.mb-top-bar__claim {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-weight: 500;
	color: #f3f4f6;
}
.mb-top-bar__dot {
	width: 8px; height: 8px;
	border-radius: 50%;
	background: var(--mb-accent);
	box-shadow: 0 0 0 4px rgba(217,119,6,.18);
}
.mb-top-bar__nav ul {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 4px 18px;
	margin: 0;
	padding: 0;
}
.mb-top-bar__nav a {
	color: #cbd5e1;
	text-decoration: none;
	transition: color .15s ease;
}
.mb-top-bar__nav a:hover { color: #fff; }
.mb-top-bar__contact a { color: var(--mb-accent); font-weight: 600; }

@media (max-width: 720px) {
	.mb-top-bar { font-size: 12px; }
	.mb-top-bar__inner { flex-direction: column; align-items: flex-start; }
	.mb-top-bar__nav ul { gap: 2px 14px; }
}

/* ---- Ana sayfa Hero (H1 + intro) ------------------------------------------ */
/* Jannah'ın gizli H1'ini tamamen kapat — tek H1 bizim olsun. */
h1.h1-off { display: none !important; }

.mb-home-hero {
	background: linear-gradient(135deg, #0f172a 0%, #1e293b 60%, #0f172a 100%);
	color: #f8fafc;
	padding: 48px 0 40px;
	border-bottom: 3px solid var(--mb-accent);
}
.mb-home-hero__wrap {
	max-width: 980px;
	margin: 0 auto;
	padding: 0 20px;
	text-align: center;
}
.mb-home-hero__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: rgba(217,119,6,.15);
	color: #fbbf24;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
	padding: 6px 14px;
	border-radius: 999px;
	margin: 0 0 16px;
}
.mb-home-hero__eyebrow span { color: var(--mb-accent); font-size: 9px; }

.mb-home-hero__title {
	margin: 0 0 14px;
	font-size: 36px;
	line-height: 1.2;
	letter-spacing: -.02em;
	color: #fff;
	font-weight: 800;
}
.mb-home-hero__lead {
	margin: 0 auto 22px;
	max-width: 720px;
	font-size: 16.5px;
	line-height: 1.65;
	color: #cbd5e1;
}
.mb-home-hero__lead strong { color: var(--mb-accent); font-weight: 700; }

.mb-home-hero__signals {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px 24px;
	font-size: 13.5px;
	color: #94a3b8;
}
.mb-home-hero__signals li {
	display: inline-flex;
	align-items: baseline;
	gap: 6px;
}
.mb-home-hero__signals strong {
	color: #fff;
	font-size: 18px;
	font-weight: 700;
}

@media (max-width: 720px) {
	.mb-home-hero { padding: 36px 0 28px; }
	.mb-home-hero__title { font-size: 26px; }
	.mb-home-hero__lead { font-size: 15px; }
	.mb-home-hero__signals { gap: 6px 16px; font-size: 13px; }
	.mb-home-hero__signals strong { font-size: 16px; }
}

/* ---- Ana sayfa trust strip ------------------------------------------------ */
.mb-trust-strip {
	background: linear-gradient(180deg,#fff 0%,var(--mb-bg-soft) 100%);
	padding: 36px 0 28px;
	border-bottom: 1px solid var(--mb-border);
	margin-bottom: 20px;
}
.mb-trust-strip__wrap { max-width: 1200px; margin: 0 auto; padding: 0 16px; }
.mb-trust-strip__head { text-align: center; margin-bottom: 24px; }
.mb-trust-strip__head h2 {
	margin: 0 0 6px;
	font-size: 24px;
	color: var(--mb-text);
	letter-spacing: -.01em;
}
.mb-trust-strip__head h2 span { color: var(--mb-accent); }
.mb-trust-strip__head p { color: var(--mb-muted); margin: 0; font-size: 15px; }

.mb-trust-strip__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
}
.mb-trust-card {
	background: #fff;
	border: 1px solid var(--mb-border);
	border-radius: 10px;
	padding: 18px 16px;
	box-shadow: var(--mb-shadow);
	transition: transform .15s ease, box-shadow .15s ease;
}
.mb-trust-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(15,23,42,.08);
}
.mb-trust-card__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px; height: 36px;
	border-radius: 8px;
	background: rgba(217,119,6,.1);
	color: var(--mb-accent);
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 10px;
}
.mb-trust-card h3 {
	font-size: 15px;
	margin: 0 0 6px;
	color: var(--mb-text);
}
.mb-trust-card p {
	font-size: 13.5px;
	color: var(--mb-muted);
	line-height: 1.55;
	margin: 0;
}

@media (max-width: 980px) { .mb-trust-strip__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 520px) { .mb-trust-strip__grid { grid-template-columns: 1fr; } }

/* ---- Kategori intro ------------------------------------------------------- */
.mb-cat-intro {
	background: var(--mb-bg-soft);
	border: 1px solid var(--mb-border);
	border-left: 3px solid var(--mb-accent);
	border-radius: 8px;
	padding: 16px 18px;
	margin: 0 0 24px;
}
.mb-cat-intro__lead {
	margin: 0 0 10px;
	color: var(--mb-text);
	font-size: 15px;
	line-height: 1.6;
}
.mb-cat-intro__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 18px;
	font-size: 13.5px;
	color: var(--mb-muted);
}
.mb-cat-intro__count strong { color: var(--mb-accent); font-size: 16px; }
.mb-cat-intro__editorial a { color: var(--mb-accent); text-decoration: none; font-weight: 600; }
.mb-cat-intro__editorial a:hover { text-decoration: underline; }

/* ---- Reading time / kelime / güncelleme rozetleri ------------------------- */
.mb-reading-time {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 8px;
	margin: 8px 0 14px;
}
.mb-reading-time__pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: var(--mb-bg-soft);
	border: 1px solid var(--mb-border);
	color: var(--mb-muted);
	font-size: 12.5px;
	padding: 4px 10px;
	border-radius: 999px;
	font-weight: 500;
}
.mb-reading-time__pill--upd {
	background: rgba(14,165,233,.08);
	border-color: rgba(14,165,233,.25);
	color: #075985;
}
.mb-reading-time__pill--cnt { color: #6b7280; }

/* ---- Tek yazı meta (yayın / son güncelleme) ------------------------------ */
.mb-post-meta {
	margin: 26px 0 18px;
	padding: 12px 14px;
	background: var(--mb-bg-soft);
	border-left: 3px solid var(--mb-accent);
	border-radius: 6px;
	font-size: 14px;
}
.mb-post-meta__row {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	align-items: center;
}
.mb-post-meta__upd {
	background: rgba(14,165,233,.1);
	color: #075985;
	padding: 2px 8px;
	border-radius: 4px;
	font-weight: 500;
}
.mb-post-meta__editorial {
	margin-left: auto;
	color: var(--mb-accent);
	text-decoration: none;
	font-weight: 600;
}
.mb-post-meta__editorial:hover { text-decoration: underline; }

/* ---- Yazar kutusu --------------------------------------------------------- */
.mb-author {
	display: flex;
	gap: 18px;
	background: #fff;
	border: 1px solid var(--mb-border);
	border-radius: 10px;
	padding: 18px 18px;
	margin: 24px 0;
	box-shadow: var(--mb-shadow);
}
.mb-author__avatar-wrap { flex: 0 0 auto; }
.mb-author__avatar {
	border-radius: 50%;
	width: 80px;
	height: 80px;
	border: 3px solid var(--mb-bg-soft);
}
.mb-author__body { flex: 1; min-width: 0; }
.mb-author__head {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 6px;
	flex-wrap: wrap;
}
.mb-author__head h3 {
	margin: 0;
	font-size: 17px;
	color: var(--mb-text);
}
.mb-author__head h3 a { color: inherit; text-decoration: none; }
.mb-author__head h3 a:hover { color: var(--mb-accent); }
.mb-author__badge {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
	background: rgba(16,185,129,.12);
	color: #047857;
	padding: 3px 8px;
	border-radius: 4px;
}
.mb-author p {
	margin: 0;
	color: var(--mb-muted);
	font-size: 14px;
	line-height: 1.6;
}
.mb-author__placeholder { font-style: italic; opacity: .8; }

@media (max-width: 520px) {
	.mb-author { flex-direction: column; }
	.mb-author__avatar { width: 64px; height: 64px; }
}

/* ---- Kaynaklar / Referanslar --------------------------------------------- */
.mb-sources {
	margin: 24px 0;
	padding: 16px 18px;
	background: #fffbeb;
	border: 1px solid #fde68a;
	border-radius: 8px;
}
.mb-sources h3 {
	margin: 0 0 8px;
	font-size: 16px;
	color: #92400e;
}
.mb-sources__body {
	font-size: 14px;
	color: #78350f;
	line-height: 1.6;
}
.mb-sources__body a { color: var(--mb-accent); }

/* ---- Yazar arşiv hero ----------------------------------------------------- */
.mb-author-hero {
	background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
	color: #f1f5f9;
	padding: 36px 0 32px;
	margin-bottom: 22px;
	border-bottom: 3px solid var(--mb-accent);
}
.mb-author-hero__wrap {
	max-width: 980px;
	margin: 0 auto;
	padding: 0 20px;
	display: flex;
	gap: 26px;
	align-items: center;
}
.mb-author-hero__avatar-wrap { flex: 0 0 auto; }
.mb-author-hero__avatar {
	width: 140px; height: 140px;
	border-radius: 50%;
	border: 4px solid rgba(255,255,255,.1);
	box-shadow: 0 4px 16px rgba(0,0,0,.3);
}
.mb-author-hero__body { flex: 1; min-width: 0; }
.mb-author-hero__eyebrow {
	margin: 0 0 4px;
	color: #fbbf24;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .15em;
	text-transform: uppercase;
}
.mb-author-hero__title {
	margin: 0 0 6px;
	font-size: 32px;
	color: #fff;
	letter-spacing: -.01em;
	line-height: 1.1;
}
.mb-author-hero__exp {
	margin: 0 0 10px;
	color: var(--mb-accent);
	font-weight: 600;
	font-size: 15px;
}
.mb-author-hero__bio {
	margin: 0 0 14px;
	color: #cbd5e1;
	font-size: 14.5px;
	line-height: 1.6;
}
.mb-author-hero__signals {
	list-style: none;
	margin: 0 0 12px;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 6px 16px;
	font-size: 13px;
	color: #94a3b8;
}
.mb-author-hero__signals strong { color: #fff; }
.mb-author-hero__signals a { color: #fbbf24; text-decoration: none; }
.mb-author-hero__social {
	display: inline-block;
	background: rgba(255,255,255,.06);
	color: #fbbf24;
	padding: 6px 14px;
	border-radius: 999px;
	text-decoration: none;
	font-size: 13px;
	font-weight: 600;
}
.mb-author-hero__social:hover { background: rgba(255,255,255,.12); }

@media (max-width: 720px) {
	.mb-author-hero__wrap { flex-direction: column; text-align: center; }
	.mb-author-hero__avatar { width: 110px; height: 110px; }
	.mb-author-hero__title { font-size: 26px; }
	.mb-author-hero__signals { justify-content: center; }
}

/* ---- Yazarlar grid (shortcode) ------------------------------------------- */
.mb-authors-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 18px;
	margin: 24px 0;
}
.mb-author-card {
	background: #fff;
	border: 1px solid var(--mb-border);
	border-radius: 10px;
	box-shadow: var(--mb-shadow);
	transition: transform .15s ease, box-shadow .15s ease;
	overflow: hidden;
}
.mb-author-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 12px 28px rgba(15,23,42,.1);
}
.mb-author-card__link {
	display: block;
	padding: 22px 18px 18px;
	text-decoration: none;
	color: inherit;
	text-align: center;
}
.mb-author-card__avatar img {
	width: 96px; height: 96px;
	border-radius: 50%;
	margin: 0 auto 12px;
	display: block;
	border: 3px solid var(--mb-bg-soft);
}
.mb-author-card__name {
	margin: 0 0 4px;
	font-size: 17px;
	color: var(--mb-text);
}
.mb-author-card__exp {
	margin: 0 0 8px;
	color: var(--mb-accent);
	font-size: 13px;
	font-weight: 600;
}
.mb-author-card__bio {
	margin: 0 0 12px;
	color: var(--mb-muted);
	font-size: 13.5px;
	line-height: 1.55;
	min-height: 60px;
}
.mb-author-card__count {
	display: inline-block;
	background: var(--mb-bg-soft);
	color: var(--mb-text);
	font-size: 12.5px;
	font-weight: 600;
	padding: 4px 12px;
	border-radius: 999px;
}

@media (max-width: 860px) { .mb-authors-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 520px) { .mb-authors-grid { grid-template-columns: 1fr; } }

/* ---- İçindekiler (TOC) ---------------------------------------------------- */
.mb-toc {
	background: #fffbeb;
	border: 1px solid #fde68a;
	border-radius: 8px;
	padding: 14px 18px;
	margin: 0 0 22px;
}
.mb-toc__head {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	margin-bottom: 8px;
	border-bottom: 1px dashed #fde68a;
	padding-bottom: 6px;
}
.mb-toc__head strong { color: #92400e; font-size: 15px; }
.mb-toc__hint { color: #b45309; font-size: 12px; }
.mb-toc ol {
	margin: 0;
	padding-left: 24px;
	color: #78350f;
}
.mb-toc li {
	margin: 4px 0;
	font-size: 14px;
	line-height: 1.5;
}
.mb-toc a {
	color: #78350f;
	text-decoration: none;
	border-bottom: 1px dotted transparent;
}
.mb-toc a:hover {
	color: var(--mb-accent);
	border-bottom-color: var(--mb-accent);
}

/* ---- 404 hero ------------------------------------------------------------ */
.mb-404 { padding: 40px 0; }
.mb-404__wrap {
	max-width: 880px;
	margin: 0 auto;
	padding: 0 20px;
	text-align: center;
}
.mb-404__code {
	font-size: 96px;
	font-weight: 900;
	color: var(--mb-accent);
	line-height: 1;
	margin: 0 0 8px;
	letter-spacing: -.04em;
}
.mb-404__title {
	margin: 0 0 10px;
	font-size: 26px;
	color: var(--mb-text);
}
.mb-404__lead {
	margin: 0 auto 22px;
	max-width: 640px;
	color: var(--mb-muted);
	font-size: 15.5px;
	line-height: 1.6;
}
.mb-404__search {
	display: flex;
	max-width: 520px;
	margin: 0 auto 26px;
	border: 1px solid var(--mb-border);
	border-radius: 8px;
	overflow: hidden;
	background: #fff;
	box-shadow: var(--mb-shadow);
}
.mb-404__search input[type="search"] {
	flex: 1;
	border: 0;
	padding: 12px 16px;
	font-size: 15px;
	outline: none;
}
.mb-404__search button {
	background: var(--mb-accent);
	color: #fff;
	border: 0;
	padding: 0 22px;
	font-weight: 600;
	cursor: pointer;
}
.mb-404__cats, .mb-404__recent {
	background: var(--mb-bg-soft);
	border: 1px solid var(--mb-border);
	border-radius: 8px;
	padding: 18px;
	margin: 14px 0;
	text-align: left;
}
.mb-404__cats h2, .mb-404__recent h2 {
	margin: 0 0 12px;
	font-size: 16px;
	color: var(--mb-text);
}
.mb-404__chips {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.mb-404__chips a {
	display: inline-block;
	background: #fff;
	border: 1px solid var(--mb-border);
	color: var(--mb-text);
	padding: 5px 12px;
	border-radius: 999px;
	text-decoration: none;
	font-size: 13px;
	transition: all .15s ease;
}
.mb-404__chips a:hover {
	background: var(--mb-accent);
	color: #fff;
	border-color: var(--mb-accent);
}
.mb-404__recent ul { list-style: none; margin: 0; padding: 0; }
.mb-404__recent li { padding: 6px 0; border-bottom: 1px solid var(--mb-border); }
.mb-404__recent li:last-child { border-bottom: 0; }
.mb-404__recent a { color: var(--mb-text); text-decoration: none; font-size: 14px; }
.mb-404__recent a:hover { color: var(--mb-accent); }

/* ---- Footer bilgi sütunları ---------------------------------------------- */
.mb-footer-info {
	background: var(--mb-bg-dark);
	color: #cbd5e1;
	padding: 40px 0 24px;
	border-top: 3px solid var(--mb-accent);
}
.mb-footer-info__inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 16px;
	display: grid;
	grid-template-columns: 1.4fr 1fr 1fr 1fr;
	gap: 28px;
}
.mb-footer-info__col h3,
.mb-footer-info__col h4 {
	color: #fff;
	margin: 0 0 12px;
	font-size: 15px;
	letter-spacing: .02em;
	text-transform: uppercase;
}
.mb-footer-info__col h3 { font-size: 18px; text-transform: none; }
.mb-footer-info__col p {
	font-size: 14px;
	line-height: 1.6;
	color: #94a3b8;
	margin: 0 0 12px;
}
.mb-footer-info__col ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.mb-footer-info__col li {
	font-size: 14px;
	padding: 4px 0;
	color: #cbd5e1;
}
.mb-footer-info__col a {
	color: #cbd5e1;
	text-decoration: none;
	transition: color .15s ease;
}
.mb-footer-info__col a:hover { color: var(--mb-accent); }
.mb-footer-info__col span { color: #64748b; font-size: 12px; }
.mb-footer-info__meta strong { color: #f1f5f9; font-weight: 600; }

.mb-footer-info__social a {
	display: inline-block;
	padding: 6px 10px;
	background: rgba(255,255,255,.05);
	border-radius: 4px;
	margin: 2px 0;
}

@media (max-width: 980px) {
	.mb-footer-info__inner { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
	.mb-footer-info__inner { grid-template-columns: 1fr; }
}

/* ---- Footer alt strip ----------------------------------------------------- */
.mb-footer-strip {
	background: #0b1220;
	color: #94a3b8;
	font-size: 13px;
	padding: 12px 0;
}
.mb-footer-strip__inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 16px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 8px 20px;
}
.mb-footer-strip__claim { color: #64748b; font-size: 12px; }

@media (max-width: 720px) {
	.mb-footer-strip__inner { flex-direction: column; align-items: flex-start; }
}
