/* Khaas Header Portraits — layout matched to the header as displayed on
   mshijazi.com (measured from the rendered old site):
   portrait 127x127 px circular, couplet box 265 px wide, white
   "Noto Nastaliq Urdu" at 12 px / 12 px line-height, blocks centred
   vertically in the red header band, hidden at <=1024 px like the original. */

.site-header {
	position: relative;
}

.khaas-portrait {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 265px;
	text-align: center;
	z-index: 30;
	pointer-events: none;
}

.khaas-portrait-quaid {
	right: 2.2%;
}

.khaas-portrait-iqbal {
	left: 2.2%;
}

.khaas-portrait img {
	width: 127px;
	height: 127px;
	object-fit: cover;
	border-radius: 50%;
	display: block;
	margin: 0 auto;
}

.khaas-couplet {
	color: #fff;
	font-family: "Noto Nastaliq Urdu", sans-serif;
	font-size: 12px;
	line-height: 12px;
	margin: 16px 0 0;
	padding: 0;
}

@media (max-width: 1024px) {
	.khaas-portrait {
		display: none;
	}
}

/* The original header band is tall (portraits + couplets sit inside it with
   the date/social strip clear above them). The theme's own band is only
   ~196 px, so on desktop widen it to fit the blocks without overlap. */
@media (min-width: 1025px) {
	.desktop-header {
		min-height: 262px;
	}
	.header-logo {
		padding-top: 22px;
	}
}

/* The original blocks sit inside the boxed (~1140 px) header container:
   measured couplet boxes start 116 px from each viewport edge at 1366 px. */
@media (min-width: 1200px) {
	.khaas-portrait-iqbal {
		left: calc(50% - 567px);
	}
	.khaas-portrait-quaid {
		right: calc(50% - 567px);
	}
}