/*
 * The app's menu (FWAPP_Menu) has nine rows, too many for one line in Minimal Fervent Theme's header
 * below about 1,300 pixels signed in. Between the theme's own break (979) and 1,359 this keeps the menu button,
 * repeating the theme's phone rules (style.css, "max-width: 979px") for that band. The theme's script
 * only toggles `is-open`, so this is all it takes.
 */
@media ( min-width: 980px ) and ( max-width: 1359px ) {
	.fervent-toggle { display: inline-flex; }
	.fervent-nav {
		position: absolute; left: 0; right: 0; top: 100%; margin: 0;
		background: var( --fervent-bg-elevated );
		border-bottom: 1px solid var( --fervent-border );
		box-shadow: var( --fervent-shadow-raised );
		max-height: calc( 100vh - var( --fervent-header-h ) );
		overflow-y: auto;
	}
	.fervent-nav[data-fervent-nav] { display: none; }
	.fervent-nav.is-open { display: block; }
	.fervent-header:not( .is-enhanced ) .fervent-nav { display: block; position: static; box-shadow: none; max-height: none; }
	.fervent-header:not( .is-enhanced ) .fervent-toggle { display: none; }
	.fervent-header-inner { position: relative; flex-wrap: wrap; }
	.fervent-menu { display: block; padding: 8px var( --fervent-gap ) 12px; }
	.fervent-menu a { padding: 12px 8px; font-size: 16px; border-radius: 8px; }
	.fervent-menu .sub-menu { position: static; display: block; min-width: 0; border: 0; box-shadow: none; padding: 0 0 0 16px; background: none; }
}
