/* The warning is server-rendered and stays visible after the dialog closes. */
.anticiclic-demo-mode #main-header .et_menu_container {
	display: grid;
	grid-template-columns: auto minmax(220px, 290px) minmax(0, 1fr);
	align-items: center;
	column-gap: 20px;
	height: auto !important;
	min-height: 94px;
	padding-block: 10px;
	box-sizing: border-box;
}

.anticiclic-demo-mode #main-header .et_menu_container::after { display: none; }

.anticiclic-demo-mode #main-header .logo_container {
	position: static;
	grid-column: 1;
	grid-row: 1;
	width: auto;
	height: auto;
}

.anticiclic-demo-mode #main-header .logo_helper { display: none; }
.anticiclic-demo-mode #main-header #logo { vertical-align: middle; }

.anticiclic-demo-mode #main-header #et-top-navigation {
	grid-column: 3;
	grid-row: 1;
	justify-self: end;
	float: none;
	min-width: 0;
	height: auto;
	padding: 0 !important;
}

.anticiclic-demo-mode #main-header #top-menu {
	justify-content: flex-end;
	flex-wrap: wrap;
	row-gap: 8px;
}

#main-header .anticiclic-demo-badge {
	display: inline-flex;
	grid-column: 2;
	grid-row: 1;
	align-items: center;
	justify-self: start;
	gap: 9px;
	max-width: 100%;
	padding: 8px 12px;
	border: 1px solid #efc66c;
	border-radius: 10px;
	background: #fff2d2;
	color: #653b0b;
	box-sizing: border-box;
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 12px;
	line-height: 1.4;
	text-align: left;
	white-space: normal;
}

#main-header .anticiclic-demo-badge__icon {
	flex: 0 0 20px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}

#main-header .anticiclic-demo-badge__text { min-width: 0; }
#main-header .anticiclic-demo-badge strong { display: block; font-size: 13px; font-weight: 750; }

.anticiclic-demo-mode #main-header.et-fixed-header .et_menu_container { min-height: 64px; padding-block: 6px; }

/* Keep the full warning below the logo when navigation needs more space. */
@media (max-width: 1199px) {
	.anticiclic-demo-mode #main-header .et_menu_container {
		grid-template-columns: minmax(0, 1fr) auto;
		row-gap: 8px;
		padding-block: 12px;
	}

	.anticiclic-demo-mode #main-header #et-top-navigation { grid-column: 2; }
	#main-header .anticiclic-demo-badge { grid-column: 1 / -1; grid-row: 2; padding: 6px 10px; }
	#main-header .anticiclic-demo-badge strong { display: inline; }
}

@media (max-width: 980px) {
	.anticiclic-demo-mode #main-header .et_mobile_menu { top: 100%; }
}

@media (max-width: 480px) {
	.anticiclic-demo-mode #main-header .et_menu_container { width: calc(100% - 32px); }
	#main-header .anticiclic-demo-badge strong { display: block; }
}