/* Monetro AR Fixes — site-wide header/footer consistency.
 *
 * GeneratePress prints a global `a{text-decoration:underline;color:var(--accent)}`
 * (generate-style-inline-css) whose exceptions cover .main-navigation but not
 * this theme's custom .nav-list header. Only the homepage happens to load
 * challenges-ui.css, which resets it — every other page showed underlined
 * menu/banner links. Scope the reset to the site chrome so all pages match. */
.site-header a,
.promo-line a,
.site-footer a {
	text-decoration: none;
}

/* GP typography also leaks `ul{margin-bottom:1.5em}` into the header nav,
 * pushing the list above the pill's vertical center on non-home pages. */
.site-header ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* The logo anchor is the only shrinkable flex item in .header-inner; wide menus
 * (Arabic + Tajawal on blog/archive pages) squeezed it to ~74px, and the fixed
 * 38px img height meant it also distorted. Let it shrink proportionally
 * (height follows width via the intrinsic ratio) but never below 120px. */
.header-logo {
	min-width: 120px;
}

.header-logo img {
	height: auto;
	max-height: 38px;
	max-width: 100%;
}

/* Reclaim nav width on Arabic pages so the logo rarely needs to shrink. */
html[lang^="ar"] .nav-list {
	gap: 2px;
}

html[lang^="ar"] .nav-list a {
	padding: 10px 8px;
}