/* Movie Home Blocks – main menu / header (1.2.0) */

/* Hide the theme's own header (Hello Elementor, Astra, GeneratePress, Kadence, Blocksy, OceanWP, Divi...) */
body.mhb-header-on #masthead,
body.mhb-header-on #site-header,
body.mhb-header-on .site-header,
body.mhb-header-on header#header,
body.mhb-header-on #main-header,
body.mhb-header-on #top-header,
body.mhb-header-on .elementor-location-header { display: none !important; }
/* Hello Elementor shows the page title ("Home") above Elementor pages – hide it on the homepage and Elementor pages */
body.mhb-header-on.home .page-header,
body.mhb-header-on.elementor-page .page-header { display: none !important; }

.mhb-header {
	--mhb-bg: #0b0d12;
	--mhb-panel: #10141f;
	--mhb-card: #151a26;
	--mhb-line: #1e2435;
	--mhb-text: #d5d9e6;
	--mhb-muted: #8b93a7;
	--mhb-accent: #ff2d55;
	position: relative;
	z-index: 99990;
	width: 100%;
	background: rgba(11,13,18,.92);
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
	border-bottom: 1px solid var(--mhb-line);
	font-family: inherit;
	transition: box-shadow .25s, background .25s;
}
body.mhb-sticky .mhb-header { position: sticky; top: 0; }
body.admin-bar.mhb-sticky .mhb-header { top: 32px; }
@media (max-width: 782px) { body.admin-bar.mhb-sticky .mhb-header { top: 46px; } }
.mhb-header.is-scrolled { box-shadow: 0 8px 30px rgba(0,0,0,.45); background: rgba(11,13,18,.97); }
.mhb-header *, .mhb-drawer * { box-sizing: border-box; }

.mhb-hd-in {
	max-width: 1300px;
	margin: 0 auto;
	padding: 0 20px;
	height: 70px;
	display: flex;
	align-items: center;
	gap: 28px;
	transition: height .25s;
}
.mhb-header.is-scrolled .mhb-hd-in { height: 60px; }

/* logo */
.mhb-brand { flex: 0 0 auto; display: flex; align-items: center; }
.mhb-header .mhb-logo, .mhb-header .custom-logo-link { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; padding: 8px 0; }
.mhb-header .custom-logo { max-height: 42px; width: auto; display: block; }
.mhb-logo-mark {
	position: relative;
	width: 34px;
	height: 34px;
	border-radius: 9px;
	background: linear-gradient(135deg, #ff2d55, #ff6b3d);
	box-shadow: 0 6px 16px rgba(255,45,85,.4);
	flex: 0 0 34px;
}
.mhb-logo-mark::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -7px 0 0 -4px;
	border-style: solid;
	border-width: 7px 0 7px 12px;
	border-color: transparent transparent transparent #fff;
}
.mhb-header .mhb-logo-text { font-size: 22px; font-weight: 800; letter-spacing: -.01em; color: #fff; line-height: 1; white-space: nowrap; }

/* menu */
.mhb-nav { flex: 1 1 auto; min-width: 0; }
.mhb-header .mhb-menu, .mhb-drawer .mhb-menu { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; gap: 4px; }
.mhb-menu li { position: relative; margin: 0; padding: 0; list-style: none; }
.mhb-header .mhb-menu > li > a {
	position: relative;
	display: block;
	padding: 10px 14px;
	border-radius: 9px;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.2;
	color: #cfd4e3;
	text-decoration: none;
	white-space: nowrap;
}
.mhb-header .mhb-menu > li > a:hover,
.mhb-header .mhb-menu > li:focus-within > a { color: #fff; background: var(--mhb-card); }
.mhb-header .mhb-menu > li.current-menu-item > a,
.mhb-header .mhb-menu > li.current-menu-ancestor > a,
.mhb-header .mhb-menu > li.current_page_item > a { color: #fff; }
.mhb-header .mhb-menu > li.current-menu-item > a::after,
.mhb-header .mhb-menu > li.current-menu-ancestor > a::after,
.mhb-header .mhb-menu > li.current_page_item > a::after {
	content: "";
	position: absolute;
	left: 14px;
	right: 14px;
	bottom: 2px;
	height: 3px;
	border-radius: 3px;
	background: var(--mhb-accent);
}
/* caret */
.mhb-header .mhb-menu > .menu-item-has-children > a { padding-right: 28px !important; }
.mhb-header .mhb-menu > .menu-item-has-children > a::before {
	content: "";
	position: absolute;
	right: 12px;
	top: 50%;
	margin-top: -4px;
	width: 6px;
	height: 6px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg);
	opacity: .7;
}

/* dropdown */
.mhb-header .sub-menu {
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 5;
	min-width: 230px;
	margin: 8px 0 0;
	padding: 8px;
	list-style: none;
	background: var(--mhb-panel);
	border: 1px solid var(--mhb-line);
	border-radius: 14px;
	box-shadow: 0 22px 50px rgba(0,0,0,.55);
	opacity: 0;
	visibility: hidden;
	transform: translateY(8px);
	transition: opacity .2s, transform .2s, visibility .2s;
}
.mhb-header .sub-menu::before { content: ""; position: absolute; left: 0; right: 0; top: -10px; height: 10px; }
.mhb-header .menu-item-has-children:hover > .sub-menu,
.mhb-header .menu-item-has-children:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: none; }
.mhb-header .sub-menu a { display: block; padding: 10px 14px; border-radius: 9px; color: #cfd4e3; font-size: 14.5px; font-weight: 500; text-decoration: none; white-space: nowrap; }
.mhb-header .sub-menu a:hover { background: var(--mhb-accent); color: #fff; }

/* actions */
.mhb-hd-actions { margin-left: auto; display: flex; align-items: center; gap: 10px; flex: 0 0 auto; }
.mhb-header .mhb-ico, .mhb-drawer .mhb-ico {
	width: 42px;
	height: 42px;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 0 !important;
	border-radius: 50% !important;
	background: var(--mhb-card) !important;
	color: #fff !important;
	cursor: pointer;
	transition: background .2s;
}
.mhb-header .mhb-ico:hover, .mhb-drawer .mhb-ico:hover { background: var(--mhb-accent) !important; color: #fff !important; }
.mhb-header .mhb-cta, .mhb-drawer .mhb-cta {
	display: inline-block;
	padding: 11px 22px;
	border-radius: 999px;
	background: var(--mhb-accent);
	color: #fff;
	font-size: 14.5px;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	white-space: nowrap;
	transition: transform .2s, box-shadow .2s;
}
.mhb-header .mhb-cta:hover, .mhb-drawer .mhb-cta:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 8px 22px rgba(255,45,85,.45); }
.mhb-burger { display: none !important; flex-direction: column; gap: 4px; }
.mhb-burger span { display: block; width: 18px; height: 2px; border-radius: 2px; background: #fff; }

/* search bar (drops down under the header) */
.mhb-searchbar { max-height: 0; overflow: hidden; border-top: 0 solid var(--mhb-line); transition: max-height .3s ease; }
.mhb-searchbar.is-open { max-height: 110px; border-top-width: 1px; }
.mhb-searchbar-in { max-width: 1300px; margin: 0 auto; padding: 18px 20px; }
.mhb-search { display: flex; gap: 10px; margin: 0; }
.mhb-search input[type="search"] {
	flex: 1 1 auto;
	min-width: 0;
	height: 48px;
	padding: 0 20px;
	background: var(--mhb-card);
	border: 1px solid #262e45;
	border-radius: 999px;
	color: #fff;
	font-size: 16px;
	outline: none;
	box-shadow: none;
}
.mhb-search input[type="search"]::placeholder { color: var(--mhb-muted); }
.mhb-search input[type="search"]:focus { border-color: var(--mhb-accent); }
.mhb-search button {
	flex: 0 0 auto;
	height: 48px;
	padding: 0 26px;
	border: 0 !important;
	border-radius: 999px !important;
	background: var(--mhb-accent) !important;
	color: #fff !important;
	font-size: 15px;
	font-weight: 700;
	cursor: pointer;
}

/* mobile drawer */
.mhb-scrim { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99991; background: rgba(0,0,0,.65); opacity: 0; transition: opacity .3s; }
.mhb-scrim.is-open { opacity: 1; }
.mhb-drawer {
	--mhb-bg: #0b0d12; --mhb-panel: #10141f; --mhb-card: #151a26; --mhb-line: #1e2435; --mhb-accent: #ff2d55; --mhb-muted: #8b93a7;
	position: fixed;
	z-index: 99992;
	top: 0;
	right: 0;
	bottom: 0;
	width: min(88vw, 370px);
	padding: 18px 20px 28px;
	overflow-y: auto;
	background: var(--mhb-bg);
	border-left: 1px solid var(--mhb-line);
	transform: translateX(105%);
	visibility: hidden;
	transition: transform .32s ease, visibility .32s;
}
.mhb-drawer.is-open { transform: none; visibility: visible; }
.mhb-drawer-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }
.mhb-drawer-title { font-size: 18px; font-weight: 800; color: #fff; }
.mhb-drawer .mhb-close { font-size: 28px; line-height: 1; }
.mhb-drawer .mhb-search { margin-bottom: 18px; }
.mhb-drawer .mhb-search input[type="search"] { height: 44px; padding: 0 16px; font-size: 15px; }
.mhb-drawer .mhb-search button { height: 44px; padding: 0 18px; }
.mhb-drawer .mhb-menu { flex-direction: column; align-items: stretch; gap: 2px; }
.mhb-drawer .mhb-menu a { display: block; padding: 13px 14px; border-radius: 10px; color: #e3e6f0; font-size: 16.5px; font-weight: 600; text-decoration: none; }
.mhb-drawer .mhb-menu a:hover, .mhb-drawer .current-menu-item > a, .mhb-drawer .current_page_item > a { background: var(--mhb-card); color: #fff; }
.mhb-drawer .current-menu-item > a, .mhb-drawer .current_page_item > a { box-shadow: inset 3px 0 0 var(--mhb-accent); }
.mhb-drawer .sub-menu { list-style: none; margin: 0 0 6px 14px; padding: 0 0 0 10px; border-left: 1px solid var(--mhb-line); }
.mhb-drawer .sub-menu a { font-size: 15px; font-weight: 500; color: #aeb5c8; padding: 10px 12px; }
.mhb-drawer .mhb-cta-block { display: block; margin-top: 22px; text-align: center; padding: 14px 22px; }
body.mhb-lock { overflow: hidden; }

/* responsive */
@media (max-width: 960px) {
	.mhb-nav { display: none; }
	.mhb-burger { display: inline-flex !important; }
	.mhb-hd-in { gap: 14px; height: 62px; }
	.mhb-header.is-scrolled .mhb-hd-in { height: 56px; }
	.mhb-header .mhb-hd-actions .mhb-cta { display: none; }
}
@media (max-width: 480px) {
	.mhb-header .mhb-logo-text { font-size: 19px; }
	.mhb-searchbar-in { padding: 14px 16px; }
	.mhb-search button { padding: 0 18px; }
}
@media (prefers-reduced-motion: reduce) {
	.mhb-header, .mhb-drawer, .mhb-scrim, .mhb-searchbar, .mhb-header .sub-menu { transition: none; }
}