/*
 * English edition overrides.
 * Loaded last. Replaces the Urdu Nastaleeq typography with English fonts and
 * tightens the extra line spacing that Nastaleeq script needs.
 */

:root {
	--uv-en-body: "Inter", "Segoe UI", Roboto, Arial, sans-serif;
	--uv-en-head: "Merriweather", Georgia, "Times New Roman", serif;
}

html,
body {
	direction: ltr;
	text-align: left;
}

/* Body text: Inter everywhere, except icon fonts. */
/* :where() keeps this rule's specificity at zero so the heading rules below win. */
body,
body :where(*:not(i):not([class^="icon-"]):not([class*=" icon-"]):not(.dashicons):not([class*="dashicons-"]):not(.glyphicon):not([class*="glyphicon-"]):not(.fa):not([class*="fa-"])) {
	font-family: var(--uv-en-body) !important;
	letter-spacing: normal;
	word-spacing: normal;
}

body {
	font-size: 16px;
	line-height: 1.6;
	color: #222;
}

/* Headlines: Merriweather, tighter spacing than Urdu. */
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.entry-title, .entry-title a,
.uv-archive-title,
.uv-card-content h2,
.uv-category-lead h3 a,
.uv-archive-card-title a {
	font-family: var(--uv-en-head) !important;
	line-height: 1.35 !important;
	letter-spacing: -0.005em;
}

/* Small UI headings and labels read better in the sans font. */
.uv-section-heading h2,
.uv-sidebar-title h2,
.uv-footer-heading,
.uv-footer-mini-heading,
.uv-archive-widget-title,
.widget-title,
.uv-archive-eyebrow,
.uv-card-category,
.uv-archive-card-category,
.breaking_head,
.main-menu a,
.small-nav a,
.uv-latest-item h3 a,
.uv-small-story h3 a,
.uv-popular-item h3 a,
.uv-footer-post-copy h3 a,
.uv-sidebar-post-title,
.uv-sidebar-news-copy strong {
	font-family: var(--uv-en-body) !important;
}

.uv-section-heading h2,
.uv-sidebar-title h2,
.uv-footer-heading,
.widget-title,
.uv-archive-widget-title {
	font-weight: 700;
	letter-spacing: 0.01em;
}

/* List headlines: compact sans, semibold. */
.uv-latest-item h3,
.uv-small-story h3,
.uv-popular-item h3,
.uv-footer-post-copy h3,
.uv-opinion-card h3 {
	line-height: 1.4 !important;
}
.uv-latest-item h3 a,
.uv-small-story h3 a,
.uv-popular-item h3 a,
.uv-footer-post-copy h3 a,
.uv-sidebar-post-title,
.uv-sidebar-news-copy strong {
	font-weight: 600;
	line-height: 1.4 !important;
}

/* Paragraph text inside cards and posts. */
p,
.uv-card-excerpt,
.uv-category-lead p,
.uv-archive-card-excerpt,
.uv-footer-description {
	line-height: 1.65 !important;
}

/* Main navigation. */
.main-menu ul li a {
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0.01em;
}
.main-menu ul .sub-menu li {
	direction: ltr;
	text-align: left;
}

/* Single post body. */
#post-conten-single,
#post-conten-single p,
.entry-content,
.entry-content p {
	font-size: 18px;
	line-height: 1.75 !important;
	text-align: left;
}

/* Footer widget alignment comes from a Customizer setting (default: right). */
.footer-widget-col,
.footer-widgets .widget,
.uv-dynamic-footer {
	text-align: left !important;
}

/* Forms. */
input,
textarea,
select,
button {
	direction: ltr;
	text-align: left;
}
.search-form .search-submit,
input[type="submit"] {
	text-align: center;
}

/* News ticker label arrow points into the ticker (it sits on the left now). */
.breaking_head #left-triangle {
	border-right: 0 !important;
	border-left: 10px solid var(--accent-color) !important;
}

/* Numbered lists: room for two-digit numbers. */
.uv-latest-item__content {
	padding-left: 36px !important;
}
.uv-latest-number {
	font-family: var(--uv-en-body) !important;
	font-size: 22px;
	min-width: 30px;
}

/* Breaking news label. */
.breaking_head {
	font-size: 17px !important;
	font-weight: 700;
	line-height: 40px !important;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	padding: 0 22px 0 14px !important;
}

/* Hero cards: bold serif headlines like a newspaper front page. */
.uv-card-content h2 {
	font-weight: 700 !important;
}

/* ---- Single post: sizes tuned for English (Urdu sizes are larger). ---- */
@media (min-width: 769px) {
	.post .entry-header h1 {
		font-size: 34px !important;
		line-height: 1.3 !important;
	}
}

/* Share buttons: keep the label clear of the icon block. */
.social-bar ul li a span {
	font-size: 17px;
	font-weight: 600;
}
@media screen and (min-width: 786px) {
	.social-bar ul li a.layout-1 span {
		padding-left: 46px;
		line-height: 30px;
	}
}

.related-posts-header h2,
.post-ratings-header h2 {
	font-size: 24px !important;
}
.related-posts-grid h5,
.related-posts-grid h5 a {
	font-size: 16px !important;
	line-height: 1.4 !important;
}

/* Sidebar widgets (classic or block widgets). */
.widget h2,
.widget .wp-block-heading,
.uv-single-sidebar h2 {
	font-size: 20px !important;
	margin: 0 0 12px;
}
.widget ul li,
.widget ul li a,
.wp-block-latest-posts__list li a {
	font-size: 15px;
	line-height: 1.45;
}

/* Comment form. */
.comment-form label {
	font-size: 15px;
	font-weight: 600;
}
.comment-reply-title {
	font-family: var(--uv-en-head) !important;
	font-size: 22px;
}

/* Footer. */
.uv-footer-bottom p {
	font-size: 14px;
}
.uv-footer-mini-heading {
	font-weight: 700;
}

/* Archive: featured card headline. */
@media (min-width: 992px) {
	.uv-archive-card--featured .uv-archive-card-title,
	.uv-archive-card--featured .uv-archive-card-title a {
		font-size: 30px !important;
	}
}

/* Search inputs: readable text size. */
.search-form .search-field,
input[type="search"] {
	font-size: 15px !important;
}

/* Header logo: never wider than its column. */
#masthead .desktop-header .uv-header-logo-shell,
#masthead .desktop-header .logo {
	max-width: var(--logo-width, 200px);
}
#masthead .desktop-header .uv-client-logo {
	max-width: 100% !important;
}

/* The parent's "Header Ad" widget area sits between the logo and the banner.
   When it is empty it must not take any width, so the banner gets its full size. */
#masthead .desktop-header .uv-header-branding-shell > .header-banner {
	flex: 0 0 auto;
	width: auto !important;
	min-width: 0;
}