/**
 * Global website navbar: explicit My Account + Log out links (see templates/includes/navbar/navbar_login.html).
 * Complements Bootstrap’s .navbar; keeps tap targets and spacing sane on small viewports.
 *
 * Hamburger icon: see website_navbar_toggler_fix.css (web_include_css + block style on /me, /update-password).
 */

/* /login: hide Standard Navbar until post-auth portal (guest /portal hides nav in template). Themes can still inject nav outside login’s empty navbar block—body class is set in website_context.suppress_website_navbar_on_login. */
body.ca-pre-portal-no-navbar > nav.navbar,
body.ca-pre-portal-no-navbar nav.navbar.navbar-light.navbar-expand-lg {
	display: none !important;
}

/* Banner image from Website Settings or website_context.default_navbar_brand */
.navbar .navbar-brand img {
	max-height: 2.25rem;
	width: auto;
	height: auto;
	vertical-align: middle;
}

.navbar .church-navbar-account-link .nav-link,
.navbar .church-navbar-logout-link .nav-link {
	display: inline-flex;
	align-items: center;
	min-height: 2.75rem;
	padding-top: 0.35rem;
	padding-bottom: 0.35rem;
}

/* Right cluster: slight separation between text links and avatar dropdown */
.navbar .ml-auto.navbar-nav .church-navbar-logout-link + .nav-item.dropdown {
	margin-left: 0.15rem;
}

@media (max-width: 991.98px) {
	/* Collapsed menu: full-width tap rows read as distinct actions */
	.navbar-collapse .navbar-nav .church-navbar-account-link .nav-link,
	.navbar-collapse .navbar-nav .church-navbar-logout-link .nav-link {
		min-height: 2.75rem;
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
	}
}
