/* Header 4: flat dark two-tier header (logo + rounded search + square buttons, icon menu bar).
   Desktop metrics: top bar 75px (container 1140, 10px margin + 5px padding, items top-aligned at 15px),
   search 34px pill, buttons 48x36 with 6px spacing, menu bar 48px. */

/* ---------- Top bar ---------- */
#header.halim-header-4 { background: #1c1c1c; background-image: none; }
/* Header content spans the full content box (same edges as the #wrapper background and the menu bar). */
#header.halim-header-4 > .container { padding-left: 0; padding-right: 0; }
#header.halim-header-4 #headwrap { margin: 10px 0; padding: 5px 0; }
#header.halim-header-4 #headwrap .slogan { margin-top: 0; padding: 0; }
#header.halim-header-4 .site-title { height: 45px; margin: 0 !important; background-position: left center !important; }

/* Search pill */
#header.halim-header-4 .halim-search-form { padding-left: 0; }
.halim-header-4 .halim-search-form .form-group { margin: 0; }
.halim-header-4 .halim-search-form .input-group,
.halim-header-4-nav #mobile-search-form .input-group { position: relative; display: block; width: 100%; }
.halim-header-4 .halim-search-form .form-control,
.halim-header-4-nav #mobile-search-form .form-control {
	float: none;
	display: block;
	width: 100%;
	height: 34px;
	padding: 10px 40px;
	color: #7aa6ce;
	font-size: 13px;
	background: rgba(18, 23, 27, .43) url(../images/search.svg) 5px 2px no-repeat;
	border: 1px solid #333 !important;
	border-radius: 20px !important;
	box-shadow: none !important;
	transition: border-radius .7s ease, border-color .25s ease;
}
.halim-header-4 .halim-search-form .form-control::placeholder,
.halim-header-4-nav #mobile-search-form .form-control::placeholder { color: #7aa6ce; opacity: .75; }
.halim-header-4 .halim-search-form .form-control:focus,
.halim-header-4-nav #mobile-search-form .form-control:focus { border-color: #444 !important; border-radius: 3px !important; }
.halim-header-4 .halim-search-form .hl-spin4,
.halim-header-4-nav #mobile-search-form .hl-spin4 { position: absolute; top: 9px; right: 14px; z-index: 3; color: #999; }

/* Square icon buttons */
#header.halim-header-4 #headwrap .h4-actions { padding-right: 0; text-align: right; }
.halim-header-4 .nav-items { display: inline-flex; align-items: center; justify-content: flex-end; }
.halim-header-4 .nav-items > .h4-btn,
.halim-header-4 .nav-items > .h4-user { margin: 0 3px; }
.halim-header-4 .nav-items > :last-child { margin-right: 0; }
.halim-header-4 .h4-btn {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 36px;
	padding: 0;
	color: #ccc;
	font-size: 16px;
	line-height: 1;
	background: #2b2b2b;
	border: 1px solid rgba(84, 59, 59, .08);
	border-radius: 0;
	cursor: pointer;
	transition: background-color .2s ease, color .2s ease;
}
.halim-header-4 .h4-btn i { width: 16px; margin: 0; line-height: 16px; text-align: center; }
.halim-header-4 .h4-btn i::before { margin: 0; width: auto; }
.halim-header-4 .h4-btn svg { display: block; flex: none; width: 16px; height: 16px; }
.halim-header-4 .h4-btn:hover,
.halim-header-4 .h4-btn:focus-visible,
.halim-header-4 .h4-user.open .h4-btn { color: #fff; background: #3a3a3a; outline: none; }
.halim-header-4 .h4-btn .count {
	position: absolute;
	top: -6px;
	right: -6px;
	min-width: 20px;
	height: 20px;
	padding: 0 4px;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	line-height: 20px;
	text-align: center;
	background: #d85050;
	border-radius: 10px;
}
.halim-header-4 .h4-user { display: inline-block; position: relative; }
.halim-header-4 .h4-user .dropdown-menu { min-width: 170px; margin-top: 6px; padding: 5px 0; background: #232323; border: 1px solid #333; border-radius: 4px; }
.halim-header-4 .h4-user .dropdown-menu > li > a { padding: 8px 15px; color: #ccc; }
.halim-header-4 .h4-user .dropdown-menu > li > a:hover { color: #ea8300; background: #2b2b2b; }

/* ---------- Menu bar ---------- */
/* No sticky bar: core.js adds .navbar-fixed-top / .heads-up on scroll; keep the bar in the page flow. */
.navbar-container.halim-header-4-nav.navbar-fixed-top,
.navbar-container.halim-header-4-nav.heads-up {
	position: relative;
	top: auto;
	border-width: 0;
	transform: none;
}
body.admin-bar .navbar-container.halim-header-4-nav.navbar-fixed-top { top: auto; }
.navbar-container.halim-header-4-nav { background: #1f2021; box-shadow: 0 2px 6px rgba(0, 0, 0, .18); }
.halim-header-4-nav .main-navigation { min-height: 48px; margin: 0; background: transparent; border: 0; border-radius: 0; }
.halim-header-4-nav .main-navigation .navbar-nav > li { padding-left: 0; }
.halim-header-4-nav .main-navigation .navbar-nav > li > a {
	display: flex;
	align-items: center;
	padding: 14px 10px;
	color: #d0d0d0;
	font-size: 14px;
	line-height: 20px;
	border-right: 1px solid #12171b;
	transition: all .5s ease;
}
.halim-header-4-nav .main-navigation .navbar-nav > li > a i {
	position: static;
	margin-right: 3px;
	font-size: 14px;
	line-height: 1;
}
.halim-header-4-nav .main-navigation .navbar-nav > li > a i::before { margin-left: 0; }
.halim-header-4-nav .main-navigation .navbar-nav > li > a .caret { margin-left: 4px; }
.halim-header-4-nav .main-navigation .navbar-nav > li > a:hover,
.halim-header-4-nav .main-navigation .navbar-nav > li > a:focus,
.halim-header-4-nav .main-navigation .nav .open > a,
.halim-header-4-nav .main-navigation .nav .open > a:hover,
.halim-header-4-nav .main-navigation .nav .open > a:focus { color: #ea8300; background: #2b2b2b; }
.halim-header-4-nav .main-navigation .navbar-nav > .active > a,
.halim-header-4-nav .main-navigation .navbar-nav > .active > a:focus { color: #fff; background: transparent; }
.halim-header-4-nav .main-navigation .navbar-nav > .active > a:hover { color: #ea8300; background: #2b2b2b; }
.halim-header-4-nav .main-navigation .navbar-nav > li.current_page_item:first-child > a { border-right: 0; }
.halim-header-4-nav .navbar-nav .dropdown-menu { margin-top: 0; padding: 5px 0; background: #232323; border: 1px solid #333; border-radius: 0 0 4px 4px; }
.halim-header-4-nav .navbar-nav .dropdown-menu > li > a { padding: 7px 15px; color: #c5c5c5; }
.halim-header-4-nav .navbar-nav .dropdown-menu > li > a:hover { color: #ea8300; background: #2b2b2b; }
.halim-header-4-nav .navbar-toggle .icon-bar { background: #ccc; }
.halim-header-4-nav .navbar-toggle .hl-search { color: #ccc; font-size: 16px; }

/* Watch history modal (reuses the bookmark list look) */
#h4-history-list .bookmark-date { color: #9ca3af; }
#h4-history-list:empty::before { content: attr(data-empty); display: block; padding: 10px 0; color: #aaa; text-align: center; }

@media (min-width: 768px) {
	.halim-header-4-nav .navbar-header { display: none; }
	.halim-header-4-nav .navbar-collapse.collapse { display: block !important; padding: 0; }
}

/* Tablet: logo row, then search + buttons */
@media (max-width: 991px) and (min-width: 768px) {
	#header.halim-header-4 #headwrap .slogan { width: 100%; margin-bottom: 10px; }
	#header.halim-header-4 .site-title { background-position: center !important; }
}

/* Phone: centered logo, centered buttons, hamburger + search in the menu bar */
@media (max-width: 767px) {
	#header.halim-header-4 #headwrap { margin: 0; padding: 15px 0; }
	#header.halim-header-4 .site-title { background-position: center !important; }
	#header.halim-header-4 #headwrap .h4-actions { float: none; width: 100%; margin-top: 15px; padding: 0; text-align: center; }
	.halim-header-4 .nav-items { justify-content: center; }
	.halim-header-4-nav .main-navigation { min-height: 56px; }
	.halim-header-4-nav .navbar-header { display: block; margin: 0; padding: 0; }
	.halim-header-4-nav .navbar-toggle.h4-toggle {
		display: flex;
		align-items: center;
		justify-content: center;
		min-width: 38px;
		height: 44px;
		margin: 6px 0;
		padding: 9px 10px;
		color: #ccc;
		background: transparent;
		border: 1px solid transparent;
		border-radius: 4px;
	}
	.halim-header-4-nav .navbar-toggle.h4-toggle.pull-left { min-width: 40px; }
	.halim-header-4-nav .navbar-toggle.h4-toggle.pull-right { height: 42px; margin: 6px 0 8px; }
	.halim-header-4-nav .navbar-toggle.h4-toggle:hover,
	.halim-header-4-nav .navbar-toggle.h4-toggle:focus { color: #fff; background: transparent; }
	.halim-header-4-nav .main-navigation .navbar-nav { margin: 0; }
	.halim-header-4-nav .main-navigation .navbar-nav > li > a { border-right: 0; border-top: 1px solid #2a2a2a; }
	.halim-header-4-nav #mobile-search-form { margin-top: 10px; padding: 0; }
	/* The "Press Enter" tooltip under the input made this panel scrollable: let it overflow instead. */
	.halim-header-4-nav #search-form.in { overflow: visible; max-height: none; }
	.halim-header-4-nav #search-form .tooltip { display: none !important; }
}

/* ---------- Page background (flat #1c1c1c everywhere, like the reference) ---------- */
body.halimthemes.halim-header-tpl-4 {
	background: #1c1c1c;
	background-image: none;
	background-blend-mode: normal;
}
body.halim-header-tpl-4 #wrapper {
	background: #1c1c1c;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .12);
}
body.halim-header-tpl-4 #footer {
	background: #1c1c1c;
	background-image: none;
}
body.halim-header-tpl-4 .footer-credit { background: #1c1c1c; }

/* ---------- Light mode ---------- */
body.halim-light-mode #header.halim-header-4 { background: #fff; border-bottom: 1px solid #e5e5e5; }
body.halim-light-mode .halim-header-4 .halim-search-form .form-control { color: #333; background-color: #f3f4f6; border-color: #ddd !important; }
body.halim-light-mode .halim-header-4 .h4-btn { color: #444; background: #f0f0f0; border-color: #e2e2e2; }
body.halim-light-mode .navbar-container.halim-header-4-nav { background: #f7f7f7; box-shadow: 0 2px 6px rgba(0, 0, 0, .06); }
body.halim-light-mode .halim-header-4-nav .main-navigation .navbar-nav > li > a { color: #444; border-color: #e5e5e5; }
body.halim-light-mode .halim-header-4-nav .main-navigation .navbar-nav > .active > a { color: #111; }
body.halim-light-mode .halim-header-4-nav .navbar-toggle .icon-bar { background: #444; }
body.halim-light-mode .halim-header-4-nav .navbar-toggle.h4-toggle { color: #444; }

/* ---------- Leftover navy surfaces → the grey palette of Header 4 ---------- */
/* Player control bar (Tập trước, Tập sau, Phóng to, Tắt đèn, Báo lỗi, lượt xem) */
body.halim-header-tpl-4 .player-control .plyr-ctrl-btn { color: #e6e6e6; background: #2b2b2b; }
body.halim-header-tpl-4 .player-control .plyr-ctrl-btn:hover { color: #fff; background: #3a3a3a; }
/* Filter panel */
body.halim-header-tpl-4 .halim-search-filter { background: #232323; }
body.halim-header-tpl-4 .halim-search-filter .filter-box { border-color: #333; }
body.halim-header-tpl-4 .halim-search-filter .filter-box-title { background: #2b2b2b; }
body.halim-header-tpl-4 .halim-search-filter .form-inline .form-control { color: #e6e6e6; background: #1c1c1c; }
/* "This is widget area" placeholder */
body.halim-header-tpl-4 .startPage { background: #232323; border-color: #333; }
/* Breadcrumb panel (when visible) */
body.halim-header-tpl-4 .halim-breadcrumb-panel,
body.halim-header-tpl-4 .halim-breadcrumb-panel .panel-heading { background: #1f2021; border-color: #2b2b2b; }
/* Footer divider, tag chips, plot box border */
body.halim-header-tpl-4 #footer .footer-logo { border-bottom-color: #2b2b2b; }
body.halim-header-tpl-4 .the_tag_list a { color: #a7a7a7; background: #232323; background-image: none; border-color: #333; }
body.halim-header-tpl-4 .the_tag_list a:hover { color: #f90; background: #2b2b2b; }
body.halim-header-tpl-4.halim-single-tpl-4 .entry-content.htmlwrap { border-color: rgba(255, 255, 255, .05); }
/* Bootstrap primary buttons (404 page …) */
body.halim-header-tpl-4 .btn-primary { color: #fff; background: #2b2b2b; border-color: #3a3a3a; }
body.halim-header-tpl-4 .btn-primary:hover,
body.halim-header-tpl-4 .btn-primary:focus { color: #fff; background: #bf7d18; border-color: #bf7d18; }
body.halim-header-tpl-4 .startPage.box-shadow2 { box-shadow: 8px -8px 0 0 #2b2b2b, 16px -16px 0 0 #333; }
/* Player overlays: loading ("Đang tải trình phát…"), processing countdown, password form */
body.halim-header-tpl-4 #halim-player-loader { background-color: rgba(20, 20, 20, .94); }
body.halim-header-tpl-4 #halim-player-timeleft { background-color: rgba(20, 20, 20, .94); }
body.halim-header-tpl-4 #halim-player-wrapper .post-password-form { background: #232323; }
/* SVG menu icons (hh-icon-*): 14px like the font icons, current text colour */
.halim-header-4-nav .main-navigation .navbar-nav > li > a .hh-menu-ico { flex: none; width: 14px; height: 14px; margin-right: 3px; }
.navbar-nav .hh-menu-ico { display: inline-block; width: 1em; height: 1em; vertical-align: -.125em; }

/* ---------- Genre dropdown, like the reference (blue panel, white 12.5px items, black open trigger) ---------- */
.halim-header-4-nav .main-navigation .navbar-nav .dropdown-menu {
	min-width: 160px;
	margin-top: 0;
	padding: 5px 0;
	background: #1f3d58 !important; /* style.css forces .dropdown-menu{background:#1d2636!important} */
	border: 0;
	border-radius: 0 0 4px 4px;
	box-shadow: 0 6px 12px rgba(0, 0, 0, .176);
}
.halim-header-4-nav .main-navigation .navbar-nav .dropdown-menu::after {
	content: '';
	position: absolute;
	top: -8px;
	left: 37px;
	z-index: 999;
	display: block;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #1f3d58;
	border-left: 8px solid transparent;
}
.halim-header-4-nav .main-navigation .navbar-nav .dropdown-menu > li > a {
	padding: 8px 15px;
	color: #fff;
	font-size: 12.5px;
	line-height: 18px;
	background: transparent;
}
.halim-header-4-nav .main-navigation .navbar-nav .dropdown-menu > li > a:hover,
.halim-header-4-nav .main-navigation .navbar-nav .dropdown-menu > li > a:focus { color: #ea8300; background: rgba(0, 0, 0, .15); }
.halim-header-4-nav .main-navigation .navbar-nav > li.open > a,
.halim-header-4-nav .main-navigation .navbar-nav > li.open > a:hover,
.halim-header-4-nav .main-navigation .navbar-nav > li.open > a:focus { color: #fff; background: #000; }

@media (max-width: 767px) {
	/* Menu panel edge to edge, sub items indented like the reference */
	.halim-header-4-nav #halim.navbar-collapse { margin: 0; padding: 0 !important; }
	.halim-header-4-nav .main-navigation .navbar-nav { margin: 0; }
	.halim-header-4-nav .main-navigation .navbar-nav .dropdown-menu { position: static; float: none; width: auto; min-width: 0; margin: 0; border: 0; border-radius: 0; box-shadow: none; }
	.halim-header-4-nav .main-navigation .navbar-nav .dropdown-menu::after { display: none; }
	.halim-header-4-nav .main-navigation .navbar-nav .open .dropdown-menu { border-top: 0 !important; }
	.halim-header-4-nav .main-navigation .navbar-nav .dropdown-menu > li > a { padding: 5px 15px 5px 25px; line-height: 20px; }
}

/* ---------- Footer 3 (logo only, like the reference) ---------- */
#footer.footer-tpl-3 { margin-top: 20px; background: #1c1c1c; background-image: none; border-top: 0; }
#footer.footer-tpl-3 .about { padding: 10px 20px 20px; background: #1c1c1c; }
#footer.footer-tpl-3 .footer-logo { margin: -20px -20px 0; padding: 15px 20px; border-bottom: 1px solid #333; }
#footer.footer-tpl-3 .footer-logo-link { display: inline-block; text-decoration: none; }
#footer.footer-tpl-3 .footer-logo img { display: inline-block; width: auto; max-height: 50px; margin: 0; }

/* ---------- Profile page + "recently visited" / bookmark lists: grey palette ---------- */
body.halim-header-tpl-4 .profile-sidebar { background: #232323; }
body.halim-header-tpl-4 .profile-usermenu ul li { border-bottom-color: #333; }
body.halim-header-tpl-4 .profile-usermenu ul li a { color: #c5c5c5; }
body.halim-header-tpl-4 .profile-usermenu ul li a:hover { color: #ea8300; background-color: #2b2b2b; }
body.halim-header-tpl-4 .profile-usermenu ul li.active a { color: #ea8300; background-color: #2b2b2b; border-left-color: #ea8300; }
body.halim-header-tpl-4 .profile-usertitle-job { color: #9a9a9a; }
body.halim-header-tpl-4 .popular-post .item { background: #232323; background-image: linear-gradient(to right, #232323 0%, #1f1f1f 100%); border-bottom: 1px solid #2b2b2b; }
body.halim-header-tpl-4 .popular-post .item:last-child { border-bottom: 0; }
body.halim-header-tpl-4 .popular-post .post_meta { background: #2b2b2b; background-image: none; }
body.halim-header-tpl-4 .popular-post .episode { background: #2b2b2b; }
body.halim-header-tpl-4 .halim-bookmark-lists li,
body.halim-header-tpl-4 .bookmark-list.profile-bm { border-bottom-color: #333; }
body.halim-header-tpl-4 .halim-bookmark-lists li .remove-bookmark { background: #2b2b2b; }
body.halim-header-tpl-4 .halim-bookmark-lists li .remove-bookmark:hover { color: #fff; background: #c0392b; }
body.halim-header-tpl-4 .halim-user-tool { border-bottom-color: #333; }
body.halim-header-tpl-4 .halim-ajax-popular-post-loading,
body.halim-header-tpl-4 .halim-ajax-get-post-loading { background-color: rgba(28, 28, 28, .78); }

/* ---------- History / bookmark popups: iOS 26 glass sheet ---------- */
#bookmark-modal .modal-dialog,
#h4-history-modal .modal-dialog { width: 460px; max-width: calc(100% - 24px); margin: 40px auto; }
#bookmark-modal .modal-content,
#h4-history-modal .modal-content {
	color: #f5f5f7;
	background: rgba(44, 44, 46, .82);
	border: 0;
	border-radius: 26px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .28), inset 0 0 0 .5px rgba(255, 255, 255, .08), 0 30px 70px rgba(0, 0, 0, .6);
	-webkit-backdrop-filter: blur(30px) saturate(180%);
	backdrop-filter: blur(30px) saturate(180%);
	overflow: hidden;
}
#bookmark-modal .modal-header,
#h4-history-modal .modal-header { position: relative; padding: 18px 56px 12px 22px; border: 0; }
#bookmark-modal .modal-title,
#h4-history-modal .modal-title { margin: 0; color: #f5f5f7; font-size: 17px; font-weight: 600; letter-spacing: -.2px; }
#bookmark-modal .modal-title i,
#h4-history-modal .modal-title i { margin-right: 6px; color: #ff9f0a; font-size: 15px; }
#bookmark-modal .modal-header .close,
#h4-history-modal .modal-header .close {
	position: absolute;
	top: 16px;
	right: 16px;
	width: 30px;
	height: 30px;
	margin: 0;
	padding: 0;
	color: rgba(235, 235, 245, .7);
	font-size: 18px;
	font-weight: 400;
	line-height: 30px;
	text-align: center;
	text-shadow: none;
	background: rgba(255, 255, 255, .12);
	border-radius: 50%;
	opacity: 1;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2);
}
#bookmark-modal .modal-header .close:hover,
#h4-history-modal .modal-header .close:hover { color: #fff; background: rgba(255, 255, 255, .2); }
#bookmark-modal .modal-body,
#h4-history-modal .modal-body { padding: 0 14px 6px; }
#bookmark-modal .halim-bookmark-lists,
#h4-history-modal .halim-bookmark-lists { max-height: 52vh; padding: 0; overflow-y: auto; background: rgba(255, 255, 255, .06); border-radius: 16px; box-shadow: inset 0 0 0 .5px rgba(255, 255, 255, .1); }
#bookmark-modal .halim-bookmark-lists::-webkit-scrollbar-track,
#h4-history-modal .halim-bookmark-lists::-webkit-scrollbar-track { background: transparent; }
#bookmark-modal .halim-bookmark-lists::-webkit-scrollbar-thumb,
#h4-history-modal .halim-bookmark-lists::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, .25); }
#bookmark-modal .halim-bookmark-lists li,
#h4-history-modal .halim-bookmark-lists li { position: relative; margin: 0; padding: 10px 12px; border: 0; }
#bookmark-modal .halim-bookmark-lists li + li::before,
#h4-history-modal .halim-bookmark-lists li + li::before { content: ""; position: absolute; top: 0; right: 0; left: 70px; height: .5px; background: rgba(255, 255, 255, .12); }
#bookmark-modal .halim-bookmark-lists li a,
#h4-history-modal .halim-bookmark-lists li a { display: grid; grid-template-columns: 46px minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 12px; align-items: center; padding-right: 36px; color: #f5f5f7; }
#bookmark-modal .halim-bookmark-lists li img,
#h4-history-modal .halim-bookmark-lists li img { grid-row: 1 / 3; float: none; width: 46px; height: 62px; margin: 0; object-fit: cover; border-radius: 8px; box-shadow: 0 0 0 .5px rgba(255, 255, 255, .15); }
#bookmark-modal .halim-bookmark-lists li .bookmark-title,
#h4-history-modal .halim-bookmark-lists li .bookmark-title { align-self: end; display: block; overflow: hidden; font-size: 15px; font-weight: 500; white-space: nowrap; text-overflow: ellipsis; }
#bookmark-modal .halim-bookmark-lists li .bookmark-date,
#h4-history-modal .halim-bookmark-lists li .bookmark-date { align-self: start; display: block; color: rgba(235, 235, 245, .6); font-size: 13px; }
#bookmark-modal .halim-bookmark-lists li .remove-bookmark { top: 50%; right: 12px; width: 26px; height: 26px; margin-top: -13px; padding: 0; color: rgba(235, 235, 245, .7); font-size: 11px; line-height: 26px; text-align: center; background: rgba(255, 255, 255, .12); border-radius: 50%; }
#bookmark-modal .halim-bookmark-lists li .remove-bookmark:hover { color: #fff; background: #ff453a; }
#bookmark-modal .halim-bookmark-lists li.bookmark-empty,
#h4-history-modal .halim-bookmark-lists:empty::before { padding: 28px 12px; color: rgba(235, 235, 245, .45); text-align: center; }
#bookmark-modal .modal-footer,
#h4-history-modal .modal-footer { display: flex; align-items: center; gap: 8px; padding: 12px 18px 18px; border: 0; }
#bookmark-modal .modal-footer > span { flex: 1; margin: 0 !important; color: rgba(235, 235, 245, .6); font-size: 13px; text-align: left; }
#bookmark-modal .modal-footer > span b { color: #f5f5f7; }
#h4-history-modal .modal-footer { justify-content: flex-end; }
#bookmark-modal .modal-footer .btn,
#h4-history-modal .modal-footer .btn { margin: 0; padding: 9px 18px; font-size: 14px; font-weight: 600; border: 0; border-radius: 999px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22); transition: filter .15s ease, background-color .15s ease; }
#bookmark-modal .modal-footer .btn i,
#h4-history-modal .modal-footer .btn i { display: none; }
#bookmark-modal .modal-footer .btn-default,
#h4-history-modal .modal-footer .btn-default { color: #f5f5f7; background: rgba(255, 255, 255, .14); }
#bookmark-modal .modal-footer .btn-default:hover,
#h4-history-modal .modal-footer .btn-default:hover { background: rgba(255, 255, 255, .22); }
#bookmark-modal .modal-footer .btn-danger,
#h4-history-modal .modal-footer .btn-danger { color: #ff6961; background: rgba(255, 69, 58, .18); }
#bookmark-modal .modal-footer .btn-danger:hover,
#h4-history-modal .modal-footer .btn-danger:hover { color: #fff; background: #ff453a; }
.modal-backdrop.in { opacity: .6; }
@media (max-width: 480px) {
	#bookmark-modal .modal-dialog,
	#h4-history-modal .modal-dialog { margin: 16px auto; }
	#bookmark-modal .modal-footer { flex-wrap: wrap; }
	#bookmark-modal .modal-footer > span { flex-basis: 100%; }
}
/* popup rows: movie title white, sub line muted (beats the generic link colours) */
body #bookmark-modal .halim-bookmark-lists li a,
body #bookmark-modal .halim-bookmark-lists li .bookmark-title,
body #h4-history-modal .halim-bookmark-lists li a,
body #h4-history-modal .halim-bookmark-lists li .bookmark-title { color: #fff !important; }
body #bookmark-modal .halim-bookmark-lists li a:hover .bookmark-title,
body #h4-history-modal .halim-bookmark-lists li a:hover .bookmark-title { color: #ff9f0a !important; }

/* Hidden homepage H1 (text from the SEO options); the logo keeps the site name in a <p>. */
.halim-sr-only { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

/* ---------- Main menu icons like hoathinh3d.day (stroke icons as CSS masks, gradient when active/hover) ---------- */
.halim-header-4-nav .main-navigation .navbar-nav > li.hh3d-mi > a { position: relative; gap: 6px; padding: 14px 14px; color: #d4d4d4; font-weight: 700; }
.halim-header-4-nav .main-navigation .navbar-nav > li.hh3d-mi > a::before { content: ""; flex: 0 0 auto; width: 18px; height: 18px; background-color: #a1a1aa; background-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; transition: background-color .18s ease, background-image .18s ease; }
.halim-header-4-nav .main-navigation .navbar-nav > li.mi-home > a::before { -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8'/%3E%3Cpath d='M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8'/%3E%3Cpath d='M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3C/svg%3E"); }
.halim-header-4-nav .main-navigation .navbar-nav > li.mi-genre > a::before { -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Crect width='7' height='7' x='3' y='3' rx='1'/%3E%3Crect width='7' height='7' x='14' y='3' rx='1'/%3E%3Crect width='7' height='7' x='14' y='14' rx='1'/%3E%3Crect width='7' height='7' x='3' y='14' rx='1'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Crect width='7' height='7' x='3' y='3' rx='1'/%3E%3Crect width='7' height='7' x='14' y='3' rx='1'/%3E%3Crect width='7' height='7' x='14' y='14' rx='1'/%3E%3Crect width='7' height='7' x='3' y='14' rx='1'/%3E%3C/svg%3E"); }
.halim-header-4-nav .main-navigation .navbar-nav > li.mi-movie > a::before { -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3Cpath d='M7 3v18M3 7.5h4M3 12h18M3 16.5h4M17 3v18M17 7.5h4M17 16.5h4'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3Cpath d='M7 3v18M3 7.5h4M3 12h18M3 16.5h4M17 3v18M17 7.5h4M17 16.5h4'/%3E%3C/svg%3E"); }
.halim-header-4-nav .main-navigation .navbar-nav > li.mi-airing > a::before { -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M4.9 19.1C1 15.2 1 8.8 4.9 4.9M7.8 16.2c-2.3-2.3-2.3-6.1 0-8.5'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3Cpath d='M16.2 7.8c2.3 2.3 2.3 6.1 0 8.5M19.1 4.9C23 8.8 23 15.1 19.1 19'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M4.9 19.1C1 15.2 1 8.8 4.9 4.9M7.8 16.2c-2.3-2.3-2.3-6.1 0-8.5'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3Cpath d='M16.2 7.8c2.3 2.3 2.3 6.1 0 8.5M19.1 4.9C23 8.8 23 15.1 19.1 19'/%3E%3C/svg%3E"); }
.halim-header-4-nav .main-navigation .navbar-nav > li.mi-schedule > a::before { -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M8 2v4M16 2v4'/%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M3 10h18M8 14h.01M12 14h.01M16 14h.01M8 18h.01M12 18h.01M16 18h.01'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M8 2v4M16 2v4'/%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M3 10h18M8 14h.01M12 14h.01M16 14h.01M8 18h.01M12 18h.01M16 18h.01'/%3E%3C/svg%3E"); }
.halim-header-4-nav .main-navigation .navbar-nav > li.mi-completed > a::before { -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E"); }
.halim-header-4-nav .main-navigation .navbar-nav > li.mi-top > a::before { -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M6 9H4.5a2.5 2.5 0 0 1 0-5H6M18 9h1.5a2.5 2.5 0 0 0 0-5H18M4 22h16M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20.24 7 22M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20.24 17 22'/%3E%3Cpath d='M18 2H6v7a6 6 0 0 0 12 0z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M6 9H4.5a2.5 2.5 0 0 1 0-5H6M18 9h1.5a2.5 2.5 0 0 0 0-5H18M4 22h16M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20.24 7 22M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20.24 17 22'/%3E%3Cpath d='M18 2H6v7a6 6 0 0 0 12 0z'/%3E%3C/svg%3E"); }
.halim-header-4-nav .main-navigation .navbar-nav > li.mi-rated > a::before { -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.12 2.12 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.12 2.12 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.12 2.12 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.12 2.12 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.12 2.12 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.12 2.12 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16z'/%3E%3C/svg%3E"); }
/* hover / current: gradient text + gradient icon + underline bar */
.halim-header-4-nav .main-navigation .navbar-nav > li.hh3d-mi > a::after { content: ""; position: absolute; right: 12px; bottom: 6px; left: 12px; height: 2px; background: linear-gradient(90deg, #ff8a00, #ff2d7a); border-radius: 2px; transform: scaleX(0); transform-origin: center; transition: transform .2s ease; }
.halim-header-4-nav .main-navigation .navbar-nav > li.hh3d-mi > a:hover,
.halim-header-4-nav .main-navigation .navbar-nav > li.hh3d-mi > a:focus,
.halim-header-4-nav .main-navigation .navbar-nav > li.hh3d-mi.open > a { color: #fff; background: transparent; }
.halim-header-4-nav .main-navigation .navbar-nav > li.hh3d-mi > a:hover::before,
.halim-header-4-nav .main-navigation .navbar-nav > li.hh3d-mi > a:focus::before,
.halim-header-4-nav .main-navigation .navbar-nav > li.hh3d-mi.open > a::before,
.halim-header-4-nav .main-navigation .navbar-nav > li.hh3d-mi.active > a::before { background-color: transparent; background-image: linear-gradient(90deg, #ff8a00, #ff2d7a); }
.halim-header-4-nav .main-navigation .navbar-nav > li.hh3d-mi > a:hover::after,
.halim-header-4-nav .main-navigation .navbar-nav > li.hh3d-mi > a:focus::after,
.halim-header-4-nav .main-navigation .navbar-nav > li.hh3d-mi.active > a::after { transform: scaleX(1); }
.halim-header-4-nav .main-navigation .navbar-nav > li.hh3d-mi.active > a,
.halim-header-4-nav .main-navigation .navbar-nav > li.hh3d-mi.active > a:hover,
.halim-header-4-nav .main-navigation .navbar-nav > li.hh3d-mi.active > a:focus { color: transparent !important; background-color: transparent !important; background-image: linear-gradient(90deg, #ff8a00, #ff2d7a) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; box-shadow: none !important; }
.halim-header-4-nav .main-navigation .navbar-nav > li.hh3d-mi.active > a .caret { color: #ff5a3c; -webkit-text-fill-color: #ff5a3c; }
/* collapsed (mobile) menu: rounded rows, bigger icons, left accent bar */
@media (max-width: 767px) {
	/* measured on hhpanda.st (390px): 14px text, grey #b3b3b3, current item plain white, no bar, no background */
	.halim-header-4-nav .main-navigation .navbar-nav > li.hh3d-mi > a { gap: 12px; min-height: 44px; margin: 0 10px; padding: 10px 12px; color: #b3b3b3; font-size: 14px; font-weight: 600; line-height: 1.2; border: 0; border-radius: 10px; transition: background-color .18s ease, color .18s ease; }
	.halim-header-4-nav .main-navigation .navbar-nav > li.hh3d-mi > a::before { width: 18px; height: 18px; }
	.halim-header-4-nav .main-navigation .navbar-nav > li.hh3d-mi > a::after { display: none; }
	.halim-header-4-nav .main-navigation .navbar-nav > li.hh3d-mi > a:hover,
	.halim-header-4-nav .main-navigation .navbar-nav > li.hh3d-mi > a:focus { background-color: rgba(255, 255, 255, .05); transform: none; }
	.halim-header-4-nav .main-navigation .navbar-nav > li.hh3d-mi.active > a,
	.halim-header-4-nav .main-navigation .navbar-nav > li.hh3d-mi.active > a:hover,
	.halim-header-4-nav .main-navigation .navbar-nav > li.hh3d-mi.active > a:focus { color: #fff !important; -webkit-text-fill-color: #fff !important; background-image: none !important; background-color: transparent !important; box-shadow: none !important; }
	.halim-header-4-nav .main-navigation .navbar-nav > li.hh3d-mi.active > a::before,
	.halim-header-4-nav .main-navigation .navbar-nav > li.hh3d-mi > a:hover::before,
	.halim-header-4-nav .main-navigation .navbar-nav > li.hh3d-mi > a:focus::before { background-color: #fff; background-image: none; }
	.halim-header-4-nav .main-navigation .navbar-nav > li.hh3d-mi.active > a .caret { color: #fff; -webkit-text-fill-color: #fff; }
	.halim-header-4-nav .main-navigation .navbar-nav > li.mi-genre > a .caret { margin-left: auto; transition: transform .22s ease; }
	.halim-header-4-nav .main-navigation .navbar-nav > li.mi-genre.open > a .caret { transform: rotate(180deg); }
}

/* ---------- Live search dropdown: values measured on hhpanda.st ---------- */
#header.halim-header-4 .ui-autocomplete.ajax-results { top: 100% !important; left: 0; width: 100%; }
body.halimmovies .ui-autocomplete.ajax-results { margin: 0; padding: 0; background-color: #171e24; border: 1px solid #273e52; border-top: 0; border-radius: 0; box-shadow: none; max-height: 500px; overflow-x: hidden; overflow-y: auto; list-style: none; z-index: 9999; }
body.halimmovies .ui-autocomplete li { margin: 0; padding: 12px; border-top: 1px solid #20282f; background: transparent; cursor: pointer; overflow: hidden; }
body.halimmovies .ui-autocomplete li.exact_result { background: transparent; } /* no darker "exact match" rows: every row the same */
body.halimmovies .ui-autocomplete li:hover { background: #1e262d; }
body.halimmovies .ui-autocomplete li a { display: block; padding: 0; color: #fff; font-weight: 700; white-space: normal; text-decoration: none; }
body.halimmovies .ui-autocomplete li .halim_list_item { overflow: hidden; }
body.halimmovies .ui-autocomplete li .image { float: left; margin-right: 10px; }
body.halimmovies .ui-autocomplete li img { display: block; width: 35px; height: 44px; margin: 0; border-radius: 0; object-fit: cover; }
body.halimmovies .ui-autocomplete li .label { display: -webkit-box; margin: 3px 0 0; padding: 0; color: #fff; font-size: 13px; font-weight: 400; line-height: 1.6; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
body.halimmovies .ui-autocomplete li .enName { display: block; color: #7d9db9; font-size: 11px; font-weight: 700; line-height: 1.6; }
body.halimmovies .ui-autocomplete li.view-all, body.halimmovies .ui-autocomplete li.no-result { padding: 10px 12px; text-align: center; }
body.halimmovies .ui-autocomplete li.view-all a { color: #7d9db9; font-size: 12px; font-weight: 700; }
body.halimmovies .ui-autocomplete li.no-result { color: #949494; font-size: 12px; }
#header.halim-header-4 .ui-autocomplete.ajax-results { left: 15px; width: calc(100% - 30px); }
body.halimmovies .ui-autocomplete.ajax-results { scrollbar-width: thin; scrollbar-color: #273e52 #171e24; } /* flush with the input (column padding 15px), thin dark scrollbar like hhpanda */
body.halimmovies .ui-autocomplete.ajax-results::-webkit-scrollbar { width: 6px; }
body.halimmovies .ui-autocomplete.ajax-results::-webkit-scrollbar-thumb { background: #273e52; border-radius: 3px; }
body.halimmovies .ui-autocomplete.ajax-results::-webkit-scrollbar-track { background: #171e24; }