/* nav-compact.css — Lucky Aussie Reels child theme.

   Keeps the category labels in the header row compact: they are a menu, not a
   set of headlines beside the brand.

   Cascade note (this is why previous attempts did nothing): the theme prints an
   inline <style id="lar-header-final"> from lar_header_final_css() on wp_head at
   priority 9999999, i.e. after every enqueued file. Any rule set only in a .css
   file loses to it. The authoritative size therefore lives in that inline block
   in functions.php. This file mirrors the same values and adds the variants the
   inline block does not cover, so the labels stay compact whichever markup is
   on the page.

   It never touches a panel's open/closed state: no display, visibility, opacity
   or height for .lvs-nav__sub. That belongs to nav-dropdown.css alone. */

/* ---------- Category labels: small, tight -------------------------------- */
.lvs-topbar .lvs-nav .lvs-nav__anchor,
.lvs-topbar .lvs-nav .lvs-nav__anchor:link,
.lvs-topbar .lvs-nav .lvs-nav__anchor:visited,
.lvs-topbar .lvs-nav .lvs-nav__anchor:hover,
.lvs-topbar .lvs-nav .lvs-nav__anchor:focus,
.lvs-nav .lvs-nav__anchor,
.lvs-nav .lvs-nav__anchor:link,
.lvs-nav .lvs-nav__anchor:visited {
	font-size: 0.72rem !important;
	font-weight: 600 !important;
	letter-spacing: 0.01em !important;
	line-height: 1.2 !important;
	padding: 4px 7px !important;
	border-radius: 6px !important;
	white-space: nowrap !important;
}

/* Any anchor the bar prints without the anchor class (a fallback list, an
   injected menu) is held to the same size rather than inheriting 1.35rem. */
.lvs-topbar .lvs-nav ul li > a,
.lvs-topbar .lvs-nav ul li > a:link,
.lvs-topbar .lvs-nav ul li > a:visited,
.lvs-nav__root > li > a,
.lvs-nav__root > li > a:link,
.lvs-nav__root > li > a:visited {
	font-size: 0.72rem !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	letter-spacing: 0.01em !important;
	padding: 4px 7px !important;
	border-radius: 6px !important;
	white-space: nowrap !important;
	text-decoration: none !important;
}

/* The caret that marks a category with a panel scales down with it. */
.lvs-topbar .lvs-nav .lvs-nav__anchor::after {
	font-size: 0.62rem !important;
}

/* ---------- Row rhythm ---------------------------------------------------- */
.lvs-topbar .lvs-nav .lvs-nav__root {
	gap: 1px 3px !important;
	padding: 4px 0 !important;
}

/* ---------- Wide screens: still compact ----------------------------------- */
@media (min-width: 1600px) {
	.lvs-topbar .lvs-topbar__inner {
		max-width: 1420px !important;
	}
	.lvs-topbar .lvs-nav .lvs-nav__anchor,
	.lvs-topbar .lvs-nav .lvs-nav__anchor:link,
	.lvs-topbar .lvs-nav .lvs-nav__anchor:visited,
	.lvs-nav .lvs-nav__anchor,
	.lvs-nav .lvs-nav__anchor:link,
	.lvs-nav .lvs-nav__anchor:visited {
		font-size: 0.76rem !important;
		padding: 5px 9px !important;
	}
}

@media (min-width: 2100px) {
	.lvs-topbar .lvs-topbar__inner {
		max-width: 1600px !important;
	}
}

/* ---------- Narrow screens: pull the size down once more ------------------
   Ordered widest-first so the narrower query is the one that wins. */
@media (max-width: 1180px) {
	.lvs-topbar .lvs-nav .lvs-nav__anchor,
	.lvs-topbar .lvs-nav .lvs-nav__anchor:link,
	.lvs-topbar .lvs-nav .lvs-nav__anchor:visited,
	.lvs-nav .lvs-nav__anchor,
	.lvs-nav .lvs-nav__anchor:link,
	.lvs-nav .lvs-nav__anchor:visited {
		font-size: 0.7rem !important;
		padding: 4px 6px !important;
	}
}

@media (max-width: 600px) {
	.lvs-topbar .lvs-nav .lvs-nav__anchor,
	.lvs-topbar .lvs-nav .lvs-nav__anchor:link,
	.lvs-topbar .lvs-nav .lvs-nav__anchor:visited,
	.lvs-nav .lvs-nav__anchor,
	.lvs-nav .lvs-nav__anchor:link,
	.lvs-nav .lvs-nav__anchor:visited {
		font-size: 0.68rem !important;
		padding: 3px 6px !important;
	}
	.lvs-topbar .lvs-nav .lvs-nav__root {
		gap: 1px 2px !important;
	}
}