/*
 * تبيان — نصف الشهرية
 * كل المسافات من classes هنا، لا من attributes داخل البلوكات، تجنّبًا لأخطاء block validation.
 * لا ألوان مكتوبة inline: كلها من متغيرات theme.json.
 * العربية: بلا uppercase ولا letter-spacing، وارتفاع سطر أعلى، وخصائص منطقية inline-start/end.
 */

:root {
	--tb-max: 1200px;
	--tb-gutter: clamp(1rem, 4vw, 2.25rem);
	--tb-line: var(--wp--preset--color--tint);
	--tb-radius: 2px;
}

* { box-sizing: border-box; }

body {
	background: var(--wp--preset--color--ground);
	color: var(--wp--preset--color--ink);
	font-family: var(--wp--preset--font-family--body);
	line-height: 2;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

/* العربية لا تُكتب بحروف كبيرة ولا تُباعد حروفها */
h1, h2, h3, h4, h5, h6,
.tb-btn, .tb-chip, .tb-card__kicker, .tb-sechead__title, .wp-block-button__link {
	text-transform: none;
	letter-spacing: 0;
}

img { max-width: 100%; height: auto; }

/* رابط التخطّي: مخفي حتى يصله التركيز بلوحة المفاتيح */
.tb-skip {
	position: absolute;
	inset-inline-start: -9999px;
	top: 0;
	z-index: 100;
	background: var(--wp--preset--color--ink);
	color: var(--wp--preset--color--surface);
	padding: 0.75rem 1.25rem;
	text-decoration: none;
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 600;
	border-radius: 0 0 var(--tb-radius) var(--tb-radius);
}
.tb-skip:focus {
	inset-inline-start: 1rem;
	color: var(--wp--preset--color--surface);
}

.screen-reader-text {
	position: absolute; width: 1px; height: 1px; overflow: hidden;
	clip-path: inset(50%); white-space: nowrap;
}

:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: 3px solid var(--wp--preset--color--accent);
	outline-offset: 2px;
	border-radius: 2px;
}
/* الكارت كله قابل للنقر، فليُظهر التركيز على الكارت لا على الرابط وحده */
.tb-card:has(.tb-card__title a:focus-visible) {
	outline: 3px solid var(--wp--preset--color--accent);
	outline-offset: 2px;
}
.tb-card .tb-card__title a:focus-visible { outline: none; }

/* ---------- غلاف الصفحة ---------- */
.tb-wrap {
	max-width: var(--tb-max);
	margin-inline: auto;
	padding-inline: var(--tb-gutter);
}
.tb-section { padding-block: clamp(1.5rem, 3.5vw, 2.5rem); }
.tb-section--tight { padding-block: clamp(1rem, 2.5vw, 1.5rem); }
.tb-surface { background: var(--wp--preset--color--surface); }

/* ---------- الشريط العلوي ---------- */
.tb-topbar {
	background: var(--wp--preset--color--ink);
	color: var(--wp--preset--color--tint);
}
.tb-topbar__in {
	max-width: var(--tb-max);
	margin-inline: auto;
	padding: 0.4rem var(--tb-gutter);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	font-size: var(--wp--preset--font-size--xs);
}
.tb-topbar__tag { opacity: 0.72; }
.tb-topbar__link {
	color: var(--wp--preset--color--surface);
	text-decoration: none;
	font-weight: 600;
	font-family: var(--wp--preset--font-family--body);
}
.tb-topbar__link:hover { color: var(--wp--preset--color--accent); }
@media (max-width: 600px) { .tb-topbar__tag { display: none; } }

/* ---------- الهيدر ---------- */
.tb-header {
	background: var(--wp--preset--color--surface);
	border-bottom: 1px solid var(--tb-line);
	position: relative;
	z-index: 30;
}
.tb-header__in {
	max-width: var(--tb-max);
	margin-inline: auto;
	padding: 0.9rem var(--tb-gutter);
	display: flex;
	align-items: center;
	gap: clamp(1rem, 3vw, 2.25rem);
}
/* blockGap ينزل العناصر عن الخط داخل أي حاوية نجعلها flex يدويًا */
.tb-header__in > * { margin-block: 0; }
.tb-logo { flex: none; }
.tb-logo img, .tb-logo .custom-logo { display: block; height: 58px; width: auto; }
.tb-nav { flex: 1 1 auto; min-width: 0; }
.tb-search--compact { flex: none; margin-inline-start: auto; }

.tb-nav ul,
.tb-nav .tb-nav__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	gap: 1.5rem;
	flex-wrap: wrap;
}
.tb-nav li { margin-block: 0; position: relative; }
.tb-nav .sub-menu {
	position: absolute;
	inset-inline-start: 0;
	top: 100%;
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--tb-line);
	border-radius: var(--tb-radius);
	padding: 0.35rem 0;
	min-width: 190px;
	flex-direction: column;
	gap: 0;
	display: none;
	z-index: 40;
}
.tb-nav li:hover > .sub-menu,
.tb-nav li:focus-within > .sub-menu { display: flex; }
.tb-nav .sub-menu a { padding: 0.45rem 0.9rem; width: 100%; border-bottom: 0; }
.tb-nav a {
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 600;
	color: var(--wp--preset--color--ink-muted);
	text-decoration: none;
	padding-block: 0.45rem;
	display: inline-block;
	border-bottom: 2px solid transparent;
}
.tb-nav a:hover { color: var(--wp--preset--color--ink); border-bottom-color: var(--tb-line); }
.tb-nav .current-menu-item > a,
.tb-nav .current-menu-parent > a {
	color: var(--wp--preset--color--ink);
	border-bottom-color: var(--wp--preset--color--accent);
}

.tb-burger {
	display: none;
	background: none;
	border: 1px solid var(--tb-line);
	border-radius: var(--tb-radius);
	padding: 0.45rem 0.6rem;
	cursor: pointer;
	color: var(--wp--preset--color--ink);
	line-height: 1;
}
.tb-burger svg { display: block; width: 22px; height: 22px; }

/* ووردبريس لا يتحول إلى قائمة مطوية إلا تحت 600px — نفرضها إلى 1100px */
@media (max-width: 1100px) {
	.tb-header__in { flex-wrap: wrap; }
	.tb-burger { display: block; margin-inline-start: auto; }
	.tb-search--compact { display: none; }
	.tb-nav {
		position: absolute;
		inset-inline: 0;
		top: 100%;
		background: var(--wp--preset--color--surface);
		border-bottom: 1px solid var(--tb-line);
		padding: 0.5rem var(--tb-gutter) 1.1rem;
		display: none;
		grid-column: 1 / -1;
	}
	.tb-nav[data-open="true"] { display: block; }
	.tb-nav ul, .tb-nav .tb-nav__list { flex-direction: column; gap: 0; }
	.tb-nav .sub-menu { position: static; border: 0; padding: 0; min-width: 0; display: flex; }
	.tb-nav .sub-menu a { padding-inline-start: 1.5rem; }
	.tb-nav li { border-bottom: 1px solid var(--tb-line); }
	.tb-nav li:last-child { border-bottom: 0; }
	.tb-nav a { padding-block: 0.75rem; width: 100%; font-size: var(--wp--preset--font-size--base); border-bottom: 0; }
	.tb-logo img, .tb-logo .custom-logo { height: 38px; }
}

/* ---------- كعب أعداد النشرة ---------- */
.tb-spine {
	display: flex;
	gap: 0;
	align-items: stretch;
	background: var(--wp--preset--color--secondary);
	overflow-x: auto;
	scrollbar-width: none;
}
.tb-spine::-webkit-scrollbar { display: none; }
.tb-spine__label {
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--xs);
	font-weight: 400;
	color: var(--wp--preset--color--surface);
	background: var(--wp--preset--color--accent);
	padding: 0.55rem 1.1rem;
	white-space: nowrap;
	display: flex;
	align-items: center;
}
.tb-spine__num {
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--xs);
	font-weight: 500;
	font-variant-numeric: tabular-nums;
	color: var(--wp--preset--color--tint);
	text-decoration: none;
	padding: 0.55rem 1.1rem;
	white-space: nowrap;
	border-inline-end: 1px solid rgba(255, 255, 255, 0.12);
}
.tb-spine__num.is-current {
	background: var(--wp--preset--color--surface);
	color: var(--wp--preset--color--secondary);
	font-weight: 700;
}
.tb-spine__num:hover { color: var(--wp--preset--color--surface); }
.tb-spine__num.is-current:hover { color: var(--wp--preset--color--secondary); }

/* ---------- مقال الصدارة ---------- */
.tb-lede {
	display: grid;
	grid-template-columns: 1fr 0.62fr;
	gap: clamp(1.25rem, 3vw, 2.25rem);
	align-items: center;
	background: var(--wp--preset--color--surface);
	padding: clamp(1.5rem, 4vw, 2.5rem);
	border-radius: var(--tb-radius);
	border-block-end: 3px solid var(--wp--preset--color--accent);
}
.tb-lede > * { margin-block: 0; }
.tb-lede__text { display: grid; gap: 0.75rem; align-content: start; }
.tb-lede__text > * { margin-block: 0; }
.tb-lede__issue {
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--xs);
	font-weight: 400;
	color: var(--wp--preset--color--accent-ink);
}
.tb-lede__title {
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--xxxl);
	font-weight: 400;
	line-height: 1.45;
}
.tb-lede__title a { color: inherit; text-decoration: none; }
.tb-lede__title a:hover { color: var(--wp--preset--color--accent-ink); }
.tb-lede__excerpt { color: var(--wp--preset--color--ink-muted); max-width: 52ch; }
.tb-lede__media {
	align-self: center;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--tb-line);
	border-radius: var(--tb-radius);
	padding: 0.4rem;
	background: var(--wp--preset--color--surface);
}
/* صور تبيان بوسترات فيها نص — contain حتى لا يُقتطع منها شيء */
.tb-lede__media img {
	width: 100%;
	height: auto;
	max-height: 340px;
	object-fit: contain;
	display: block;
	border-radius: var(--tb-radius);
}
@media (max-width: 782px) {
	.tb-lede { grid-template-columns: 1fr; }
	.tb-lede__media { order: -1; }
}

/* الزر: يرث لون الروابط لو تُرك، فتُضبط ألوانه صراحةً */
.tb-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	justify-self: start;
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 600;
	text-decoration: none;
	background: var(--wp--preset--color--ink);
	color: var(--wp--preset--color--surface);
	padding: 0.7rem 1.35rem;
	border-radius: var(--tb-radius);
}
.tb-btn:hover { background: var(--wp--preset--color--secondary); color: var(--wp--preset--color--surface); }

/* ---------- رأس القسم ---------- */
.tb-sechead {
	display: flex;
	align-items: baseline;
	gap: 0.85rem;
	flex-wrap: wrap;
	margin-block-end: 1.25rem;
	padding-block-end: 0.7rem;
	border-bottom: 1px solid var(--tb-line);
	position: relative;
}
.tb-sechead::after {
	content: "";
	position: absolute;
	inset-block-end: -1px;
	inset-inline-start: 0;
	width: 64px;
	height: 3px;
	background: var(--wp--preset--color--accent);
}
.tb-sechead > * { margin-block: 0; }
.tb-sechead__title {
	font-family: var(--wp--preset--font-family--display); font-size: var(--wp--preset--font-size--xl); font-weight: 400; }
.tb-sechead__meta {
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--xs);
	color: var(--wp--preset--color--ink-muted);
	font-variant-numeric: tabular-nums;
}
.tb-sechead__more {
	margin-inline-start: auto;
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 500;
	text-decoration: none;
	color: var(--wp--preset--color--accent-ink);
}
.tb-sechead__more:hover { color: var(--wp--preset--color--ink); }

/* ---------- الكروت ---------- */
.tb-grid {
	display: grid;
	gap: 1.15rem;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}
.tb-grid > * { margin-block: 0; }
.tb-grid--mini { grid-template-columns: 1fr; gap: 0.7rem; }

.tb-card {
	position: relative;
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--tb-line);
	border-radius: var(--tb-radius);
	transition: border-color .2s ease;
	overflow: hidden;
	display: grid;
	grid-template-rows: auto 1fr;
	align-content: start;
}
.tb-card > * { margin-block: 0; }
.tb-card__media {
	overflow: hidden;
	background: var(--wp--preset--color--tint);
	display: flex;
	align-items: center;
	justify-content: center;
}
.tb-card__img { width: 100%; height: 200px; object-fit: cover; display: block; transition: transform .35s ease; }
.tb-card:hover .tb-card__img { transform: scale(1.03); }
.tb-card__body {
	padding: 0.95rem 1.1rem 1.2rem;
	display: grid;
	gap: 0.5rem;
	align-content: start;
}
.tb-card__body > * { margin-block: 0; }
.tb-card__kicker {
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--xs);
	font-weight: 400;
	color: var(--wp--preset--color--secondary);
	text-decoration: none;
	position: relative;
	z-index: 2;
}
.tb-card__kicker:hover { color: var(--wp--preset--color--accent-ink); }
.tb-card__title {
	font-family: var(--wp--preset--font-family--display); font-size: var(--wp--preset--font-size--lg); font-weight: 400; line-height: 1.7; }
.tb-card__title a { color: inherit; text-decoration: none; }
/* الكارت كله قابل للنقر عبر ::after على رابط العنوان */
.tb-card__title a::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
}
.tb-card:hover { border-color: var(--wp--preset--color--ink-muted); }
.tb-card:hover .tb-card__title { color: var(--wp--preset--color--accent-ink); }
.tb-card__excerpt { color: var(--wp--preset--color--ink-muted); font-size: var(--wp--preset--font-size--sm); }
.tb-card__date {
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--xs);
	color: var(--wp--preset--color--ink-muted);
	font-variant-numeric: tabular-nums;
}

.tb-card--mini {
	grid-template-columns: 1fr 96px;
	grid-template-rows: auto;
	align-items: center;
	gap: 0.85rem;
	padding: 0.7rem 0.85rem;
}
.tb-card--mini .tb-card__media { order: 2; }
.tb-card--mini .tb-card__img { height: 68px; border-radius: var(--tb-radius); }
.tb-card--mini .tb-card__body { padding: 0; gap: 0.3rem; }
.tb-card--mini .tb-card__title { font-size: var(--wp--preset--font-size--sm); line-height: 1.7; }

.tb-card--lede .tb-card__img { height: 300px; }

/* ---------- الشبكة المزدوجة للرئيسية ---------- */
.tb-split {
	display: grid;
	grid-template-columns: 1.45fr 1fr;
	gap: 1.15rem;
	align-items: start;
	align-content: start;
}
/* العمود الضيّق يحاذي أعلى الكروت الكبيرة بدل أن يتمدّد تحتها */
.tb-split > * { align-self: start; }
.tb-split > * { margin-block: 0; }
@media (max-width: 860px) { .tb-split { grid-template-columns: 1fr; } }

/* ---------- بلاطات الأقسام ---------- */
.tb-tiles {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
	gap: 0.85rem;
}
.tb-tiles > * { margin-block: 0; }
.tb-tile {
	display: grid;
	gap: 0.35rem;
	align-content: space-between;
	min-height: 112px;
	padding: 1.05rem 1.1rem;
	border-radius: var(--tb-radius);
	text-decoration: none;
	background: var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--surface);
}
.tb-tile--1 { background: var(--wp--preset--color--accent); }
.tb-tile--2 { background: var(--wp--preset--color--secondary); }
.tb-tile--3 { background: var(--wp--preset--color--secondary-soft); }
.tb-tile--4 { background: var(--wp--preset--color--ink); }
.tb-tile:hover { filter: brightness(1.12); color: var(--wp--preset--color--surface); }
.tb-tile__name {
	font-family: var(--wp--preset--font-family--display);
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--lg);
	font-weight: 400;
	line-height: 1.5;
}
.tb-tile__count {
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--xs);
	opacity: 0.85;
	font-variant-numeric: tabular-nums;
}

/* ---------- رأس الأرشيف ---------- */
.tb-archhead {
	background: var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--tint);
	padding: clamp(1.5rem, 4vw, 2.5rem) clamp(1.25rem, 4vw, 2.25rem);
	display: grid;
	gap: 0.5rem;
	border-radius: var(--tb-radius);
}
.tb-archhead > * { margin-block: 0; }
.tb-archhead__eyebrow {
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--xs);
	font-weight: 400;
	opacity: 0.75;
}
.tb-archhead__title {
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--xxl);
	font-weight: 400;
	color: var(--wp--preset--color--surface);
	line-height: 1.45;
}
.tb-archhead__desc { opacity: 0.85; max-width: 58ch; font-size: var(--wp--preset--font-size--sm); }
.tb-chips { display: flex; gap: 0.5rem; flex-wrap: wrap; margin-block-start: 0.6rem; }
.tb-chip {
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--xs);
	font-weight: 500;
	padding: 0.3rem 0.85rem;
	border-radius: 99px;
	text-decoration: none;
	background: rgba(255, 255, 255, 0.14);
	color: var(--wp--preset--color--surface);
}
.tb-chip.is-current { background: var(--wp--preset--color--surface); color: var(--wp--preset--color--secondary); font-weight: 700; }
.tb-chip:hover { background: rgba(255, 255, 255, 0.26); color: var(--wp--preset--color--surface); }

/* ---------- المقال المفرد ---------- */
.tb-single { background: var(--wp--preset--color--surface); border-radius: var(--tb-radius); }
.tb-single__head { padding: clamp(1.5rem, 4vw, 2.5rem) clamp(1.25rem, 4vw, 2.25rem) 0; display: grid; gap: 0.6rem; }
.tb-single__head > * { margin-block: 0; }
.tb-single__body { padding: clamp(1.25rem, 3vw, 2rem) clamp(1.25rem, 4vw, 2.25rem) clamp(1.5rem, 4vw, 2.5rem); }
.tb-single__body p { margin-block: 0 1.1rem; }
.tb-single__body h2 { font-size: var(--wp--preset--font-size--xl); margin-block: 2rem 0.75rem; }
.tb-single__body h3 { font-size: var(--wp--preset--font-size--lg); margin-block: 1.5rem 0.6rem; }
.tb-single__body ul, .tb-single__body ol { padding-inline-start: 1.4rem; }
.tb-single__body img { border-radius: var(--tb-radius); }
.tb-single__body a { color: var(--wp--preset--color--accent-ink); }

.tb-byline {
	display: flex;
	gap: 0.85rem;
	align-items: center;
	background: var(--wp--preset--color--tint);
	border-radius: var(--tb-radius);
	padding: 0.9rem 1.1rem;
	margin-block-start: 1.5rem;
}
.tb-byline > * { margin-block: 0; }
.tb-byline__mark {
	width: 44px; height: 44px; flex: none;
	border-radius: 50%;
	background: var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--surface);
	display: grid; place-items: center;
	font-family: var(--wp--preset--font-family--body);
	font-weight: 400;
}
.tb-byline__text { display: grid; gap: 0.1rem; }
.tb-byline__text b { font-family: var(--wp--preset--font-family--body); font-size: var(--wp--preset--font-size--sm); }
.tb-byline__text span { font-size: var(--wp--preset--font-size--xs); color: var(--wp--preset--color--ink-muted); }

/* ---------- البحث والترقيم ---------- */
.tb-search { display: flex; gap: 0.5rem; flex-wrap: wrap; align-items: stretch; }
.tb-search--compact { flex-wrap: nowrap; max-width: 260px; }
.tb-search--compact input[type="search"] { flex: 1 1 150px; padding: 0.45rem 0.8rem; font-size: var(--wp--preset--font-size--xs); }
.tb-search--compact button { padding: 0.45rem 0.9rem; font-size: var(--wp--preset--font-size--xs); }
.tb-search > * { margin-block: 0; }
.tb-search input[type="search"] {
	flex: 1 1 220px;
	min-width: 0;
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--sm);
	padding: 0.6rem 0.9rem;
	border: 1px solid var(--tb-line);
	border-radius: var(--tb-radius);
	background: var(--wp--preset--color--surface);
	color: var(--wp--preset--color--ink);
}
.tb-search button {
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 600;
	padding: 0.6rem 1.35rem;
	border: 0;
	border-radius: var(--tb-radius);
	background: var(--wp--preset--color--ink);
	color: var(--wp--preset--color--surface);
	cursor: pointer;
}
.tb-search button:hover { background: var(--wp--preset--color--secondary); }

.tb-pager { display: flex; gap: 0.4rem; flex-wrap: wrap; margin-block-start: 1.75rem; }
.tb-pager > * { margin-block: 0; }
.tb-pager .page-numbers {
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--sm);
	font-variant-numeric: tabular-nums;
	text-decoration: none;
	padding: 0.4rem 0.85rem;
	border: 1px solid var(--tb-line);
	border-radius: var(--tb-radius);
	background: var(--wp--preset--color--surface);
	color: var(--wp--preset--color--ink);
}
.tb-pager .page-numbers.current { background: var(--wp--preset--color--ink); color: var(--wp--preset--color--surface); border-color: var(--wp--preset--color--ink); }
.tb-pager a.page-numbers:hover { border-color: var(--wp--preset--color--ink); }

.tb-empty {
	background: var(--wp--preset--color--surface);
	border-radius: var(--tb-radius);
	padding: 2.5rem 1.5rem;
	text-align: center;
	color: var(--wp--preset--color--ink-muted);
}

/* ---------- 404 ---------- */
.tb-404 {
	background: var(--wp--preset--color--surface);
	border-radius: var(--tb-radius);
	padding: clamp(2rem, 5vw, 3rem) var(--tb-gutter);
	display: grid;
	gap: 0.6rem;
	justify-items: center;
	text-align: center;
}
.tb-404 > * { margin-block: 0; }
.tb-404__code {
	font-family: var(--wp--preset--font-family--display);
	font-family: var(--wp--preset--font-family--body);
	font-size: clamp(3.5rem, 11vw, 6rem) !important;
	font-weight: 400;
	line-height: 1;
	color: var(--wp--preset--color--secondary);
	font-variant-numeric: tabular-nums;
}
.tb-404__title {
	font-family: var(--wp--preset--font-family--display); font-size: var(--wp--preset--font-size--xl); }
.tb-404__text { color: var(--wp--preset--color--ink-muted); max-width: 46ch; }
.tb-404__links { display: flex; gap: 0.5rem; flex-wrap: wrap; justify-content: center; margin-block-start: 0.6rem; }
.tb-404__links a {
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--sm);
	text-decoration: none;
	padding: 0.5rem 1.1rem;
	border-radius: 99px;
	background: var(--wp--preset--color--tint);
	color: var(--wp--preset--color--ink);
}
.tb-404__links a:hover { background: var(--wp--preset--color--secondary); color: var(--wp--preset--color--surface); }
.tb-404 .tb-search {
	width: min(420px, 100%);
	flex-wrap: nowrap;
	margin-block-start: 0.4rem;
}

/* ---------- الفوتر ---------- */
.tb-footer,
footer.wp-block-template-part {
	background: var(--wp--preset--color--ink);
	color: var(--wp--preset--color--tint);
	margin-block-start: clamp(2rem, 5vw, 3.25rem);
}
.tb-footer__in {
	max-width: var(--tb-max);
	margin-inline: auto;
	padding: clamp(2rem, 4vw, 3rem) var(--tb-gutter);
	display: grid;
	grid-template-columns: 1.5fr 1fr 1fr 1fr;
	gap: clamp(1.5rem, 3vw, 2.5rem);
	align-items: start;
}
.tb-footer__in > * { margin-block: 0; }
@media (max-width: 960px) { .tb-footer__in { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .tb-footer__in { grid-template-columns: 1fr; } }

.tb-footer__col { display: grid; gap: 0.7rem; align-content: start; }
.tb-footer__col > * { margin-block: 0; }
.tb-footer__col--brand { gap: 0.9rem; }

/* النسخة الداكنة لا تحتاج مربّعًا أبيض خلفها */
.tb-footer__brand { width: max-content; }
.tb-footer__brand img { height: 56px; width: auto; display: block; }
.tb-footer__brand--boxed {
	background: var(--wp--preset--color--surface);
	border-radius: var(--tb-radius);
	padding: 0.6rem 0.85rem;
}
.tb-footer__about {
	font-size: var(--wp--preset--font-size--sm);
	color: var(--wp--preset--color--tint);
	opacity: 0.78;
	line-height: 1.95;
	max-width: 40ch;
}
.tb-footer__h {
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 400;
	color: var(--wp--preset--color--surface);
	padding-block-end: 0.55rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}
.tb-footer__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.1rem; }
.tb-footer__list li {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 0.6rem;
	padding-block: 0.4rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.tb-footer__list li:last-child { border-bottom: 0; }
.tb-footer__list--plain li { border-bottom: 0; padding-block: 0.28rem; }
.tb-footer__list a {
	color: var(--wp--preset--color--tint);
	text-decoration: none;
	font-size: var(--wp--preset--font-size--sm);
	opacity: 0.86;
}
.tb-footer__list a:hover { color: var(--wp--preset--color--surface); opacity: 1; }
.tb-footer__count {
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--xs);
	color: var(--wp--preset--color--ink-muted);
	font-variant-numeric: tabular-nums;
	flex: none;
}

.tb-footer__legal { border-top: 1px solid rgba(255, 255, 255, 0.12); }
.tb-footer__legalin {
	max-width: var(--tb-max);
	margin-inline: auto;
	padding: 0.9rem var(--tb-gutter);
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem 1.5rem;
	justify-content: space-between;
	font-size: var(--wp--preset--font-size--xs);
	color: var(--wp--preset--color--ink-muted);
}
.tb-footer__legalin a { color: var(--wp--preset--color--tint); text-decoration: none; }
.tb-footer__legalin a:hover { color: var(--wp--preset--color--surface); }

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation: none !important; transition: none !important; }
}
