/* DiviRise demo bar. Scoped to its own ids and classes so it cannot touch the page it sits on. */

/* The theme's own header and footer are hidden, as in the listing screenshots: the demo shows
   DiviRise's pages, not Divi's placeholder logo. */
#main-header, #top-header, #main-footer, .et-l--header, .et-l--footer { display: none !important; }
#page-container { padding-top: 0 !important; margin-top: 0 !important; }

#divirise-demo-bar {
	position: sticky; top: 0; z-index: 2147483000;
	background: #12161c; color: #c3cad6; border-bottom: 1px solid #2b323f;
	font: 600 14px/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
	letter-spacing: 0; text-transform: none;
}
#divirise-demo-bar .drd-inner { max-width: 1240px; margin: 0 auto; padding: 10px 16px; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 22px; }
#divirise-demo-bar a { color: #c3cad6; text-decoration: none; }
#divirise-demo-bar a:hover, #divirise-demo-bar a[aria-current="page"] { color: #ffffff; }
#divirise-demo-bar a:focus-visible, #divirise-demo-bar select:focus-visible { outline: 2px solid #ff3300; outline-offset: 2px; border-radius: 4px; }
#divirise-demo-bar .drd-home { display: inline-flex; align-items: center; gap: 8px; color: #ffffff; font-weight: 800; }
#divirise-demo-bar .drd-home svg { width: 22px; height: 22px; fill: #ff3300; }
#divirise-demo-bar .drd-nav { display: flex; flex-wrap: wrap; gap: 6px 18px; }
#divirise-demo-bar .drd-nav a[aria-current="page"] { box-shadow: inset 0 -2px 0 #ff3300; }
#divirise-demo-bar .drd-pick { display: inline-flex; align-items: center; gap: 8px; margin: 0; }
#divirise-demo-bar .drd-pick span { color: #909bab; font-weight: 600; }
#divirise-demo-bar select { background: #1a1f28; color: #ffffff; border: 1px solid #3a4250; border-radius: 6px; padding: 5px 8px; font: inherit; }
#divirise-demo-bar .drd-back { margin-left: auto; color: #909bab; }

#drd-notice {
	position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%); z-index: 2147483001;
	max-width: min(560px, calc(100vw - 32px)); padding: 14px 18px; border-radius: 10px;
	background: #12161c; color: #c3cad6; box-shadow: 0 12px 32px rgb(0 0 0 / 35%);
	font: 400 15px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
	transition: opacity .6s;
}
#drd-notice strong { color: #ffffff; }
#drd-notice.drd-out { opacity: 0; }

@media (max-width: 600px) {
	/* Three rows on a phone: let it scroll away rather than hold a third of the screen. */
	#divirise-demo-bar { position: relative; }
	#divirise-demo-bar .drd-back { margin-left: 0; }
}