/*
Theme Name: Modern Insurance Store
Theme URI: https://moderninsurancestore.com
Author: The Modern Insurance Store
Description: Senior-friendly block theme for The Modern Insurance Store — an independent Medicare, health, and life insurance brokerage serving Cincinnati and Southwest Ohio.
Version: 1.0.9
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: modern-insurance
*/

/* Header navigation: bolder, senior-friendly type on desktop and inside the mobile overlay */
.wp-block-navigation .wp-block-navigation-item__content,
.wp-block-navigation .wp-block-navigation-submenu__toggle {
	font-weight: 700;
}

/* Mobile menu overlay: give the panel real breathing room instead of running
   items flush to the screen edge, and size the type for easy reading. Scoped
   to the open-overlay state only (.is-menu-open) — the same markup is also
   used for the desktop inline menu, so an unscoped rule here would force
   desktop nav items to stack instead of running horizontally. */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog {
	padding: 1.5rem;
	box-sizing: border-box;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	padding: 0.9rem 0.75rem;
	font-size: 1.25rem;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
	width: 100%;
}

/* Yoast breadcrumb trail — small and muted so it reads as a navigation aid,
   not competing with the page's own H1. */
.breadcrumb-trail {
	font-size: 0.9rem;
	color: #6b6b6b;
	margin-bottom: 0.5rem;
}

.breadcrumb-trail a {
	color: #6b6b6b;
	text-decoration: underline;
}

.breadcrumb-trail .breadcrumb_last {
	color: #222222;
	text-decoration: none;
}

.last-updated {
	font-size: 0.85rem;
	color: #6b6b6b;
	font-style: italic;
	margin-top: -0.5rem;
	margin-bottom: 1rem;
}

.compare-plans {
	margin-top: 1rem;
	padding: 1.5rem;
	border: 1px solid #E4DEDD;
	border-radius: 0.75rem;
	background-color: #F8F9FA;
}

.compare-plans h2 {
	font-size: 1.375rem;
	margin-top: 0;
}

.compare-plans ul {
	margin-bottom: 0;
	padding-left: 1.25rem;
}

.compare-plans li {
	font-size: 1.125rem;
	margin-bottom: 0.4rem;
}