/* Khali page ka raasta dikhane wala khana (inc/areas/ab-empty-page.php).
 *
 * Yeh khana sirf un pages par chhapta hai jin me abhi content nahi. Is liye isay saadgi se saaf
 * dikhna chahiye — koi bhari tasveer, koi shor nahi: do unwaan aur link ki ek qatar, jinhe phone par
 * ungli se asani se dabaya ja sake (44px ki qatar).
 */

.yb .yb-emptypage__title {
	margin: 0 0 20px;
	font-size: clamp(18px, 2vw, 22px);
	letter-spacing: .02em;
}

.yb .yb-emptypage__list {
	display: grid;
	/* Teen se zyada khane ek lakeer me nahi: paanch patli qatarein ek nazar me qatar hi nahi
	   lagtin, bas lafz bikhre hue lagte hain. Teen chaure khane parhe bhi jate hain aur ungli ke
	   liye bhi theek hain. */
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 0;
	max-width: var(--yb-c-measure, 1100px);
	margin: 0;
	padding: 0;
	border-top: 1px solid var(--yb-line, #e2e2e2);
	border-left: 1px solid var(--yb-line, #e2e2e2);
	list-style: none;
}

.yb .yb-emptypage__link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	min-height: 64px;
	padding: 14px 20px;
	border-right: 1px solid var(--yb-line, #e2e2e2);
	border-bottom: 1px solid var(--yb-line, #e2e2e2);
	font-weight: 600;
	text-decoration: none;
	transition: background-color .15s ease;
}

/* Dayein taraf ka nishan — qatar par click hota hai, yeh sirf raasta batata hai. */
.yb .yb-emptypage__link::after {
	content: "";
	flex: 0 0 auto;
	width: 9px;
	height: 9px;
	border-top: 1.5px solid currentColor;
	border-right: 1.5px solid currentColor;
	transform: rotate(45deg);
}

.yb .yb-emptypage__link:hover,
.yb .yb-emptypage__link:focus-visible {
	background: var(--yb-wash, #f6f6f6);
}

/* Doosra khana pehle ke neeche — upar ki padding dohri na ho. */
.yb .yb-emptypage + .yb-emptypage {
	padding-top: 0;
}

/* Page ka naam — khali page par bhi upar nazar aata hai. */
.yb .yb-emptypage__head {
	padding-top: 40px;
	padding-bottom: 8px;
}

.yb .yb-emptypage__h1 {
	margin: 0;
	font-size: 32px;
	font-weight: 600;
	line-height: 1.2;
}

@media (max-width: 767px) {
	.yb .yb-emptypage__head { padding-top: 28px; }
	.yb .yb-emptypage__h1 { font-size: 24px; }
}

/* Naam aur pehle khane ke darmiyan itni khali jagah nahi — dono ek hi cheez ke do hisse hain. */
.yb .yb-emptypage__head + .yb-emptypage {
	padding-top: 8px;
}

/* Jo thora matan page par pehle se hai (ek lakeer ka jumla) — unwaan ke neeche, raaste ke khane se
 * pehle. Isay poore page ki chaurai me phelane ki zaroorat nahi, parhne ki chaurai kaafi hai. */
.yb .yb-emptypage__lead {
	padding-top: 0;
	padding-bottom: 8px;
}

.yb .yb-emptypage__lead p {
	max-width: var(--yb-c-measure, 1100px);
	margin: 0 0 12px;
}