/**
 * Beranda: hero full viewport + header transparan.
 * Di atas slide video: logo & utilitas putih (body.elara-hero-slide-video).
 * Di atas slide gambar: teks/ikon gelap seperti setelah scroll.
 * Hanya aktif dengan body.elara-home-front.
 */

body.elara-home-front .elara-home-header-stack {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1030;
	transition:
		background-color 0.35s ease,
		box-shadow 0.35s ease;
	background: transparent;
	box-shadow: none !important;
}

/* Slide gambar + belum scroll: jangan blur/frost di belakang bar (bukan “backdrop”) */
body.elara-home-front:not(.elara-home-header-scrolled):not(.elara-hero-slide-video) .elara-home-header-stack {
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	background: transparent !important;
}

/* Sticky / setelah scroll: putih penuh — tanpa transparansi & tanpa blur (bukan kaca buram) */
body.elara-home-front.elara-home-header-scrolled .elara-home-header-stack {
	background: #ffffff !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	box-shadow: 0 1px 0 rgba(20, 20, 20, 0.06) !important;
}

/* —— Atas: transparan, teks putih —— */
body.elara-home-front:not(.elara-home-header-scrolled) .elara-home-header-stack .top-navbar {
	background: transparent !important;
	border-color: rgba(255, 255, 255, 0.22) !important;
}

body.elara-home-front:not(.elara-home-header-scrolled) .elara-home-header-stack .top-navbar .text-reset,
body.elara-home-front:not(.elara-home-header-scrolled) .elara-home-header-stack .top-navbar .dropdown-toggle,
body.elara-home-front:not(.elara-home-header-scrolled) .elara-home-header-stack .top-navbar span {
	color: rgba(255, 255, 255, 0.95) !important;
}

body.elara-home-front:not(.elara-home-header-scrolled) .elara-home-header-stack .top-navbar .opacity-60 {
	opacity: 1 !important;
}

/* —— Header utama —— */
body.elara-home-front .elara-home-main-header {
	background: transparent !important;
	box-shadow: none !important;
	transition: background-color 0.35s ease, border-color 0.35s ease;
}

body.elara-home-front.elara-home-header-scrolled .elara-home-main-header {
	background: transparent !important;
	border-color: rgba(20, 20, 20, 0.06) !important;
}

body.elara-home-front:not(.elara-home-header-scrolled).elara-hero-slide-video .elara-home-main-header .text-reset,
body.elara-home-front:not(.elara-home-header-scrolled).elara-hero-slide-video .elara-home-main-header .modern-nav-link,
body.elara-home-front:not(.elara-home-header-scrolled).elara-hero-slide-video .elara-home-main-header .nav-icon-link,
body.elara-home-front:not(.elara-home-header-scrolled).elara-hero-slide-video .elara-home-main-header .la,
body.elara-home-front:not(.elara-home-header-scrolled).elara-hero-slide-video .elara-home-main-header .las,
body.elara-home-front:not(.elara-home-header-scrolled).elara-hero-slide-video .elara-home-main-header .navbar-toggler-icon {
	color: #fff !important;
}

body.elara-home-front:not(.elara-home-header-scrolled).elara-hero-slide-video .elara-home-main-header .navbar-toggler-icon {
	filter: brightness(0) invert(1);
}

body.elara-home-front:not(.elara-home-header-scrolled).elara-hero-slide-video .elara-home-main-header .brand-name {
	color: #fff !important;
}

/* Logo gambar → putih hanya di atas slide video */
body.elara-home-front:not(.elara-home-header-scrolled).elara-hero-slide-video .elara-home-main-header .header-main-logo {
	filter: brightness(0) invert(1);
	transition: filter 0.35s ease;
}

/* Di atas slide gambar (bukan video): menu & logo gelap */
body.elara-home-front:not(.elara-home-header-scrolled):not(.elara-hero-slide-video) .elara-home-main-header .text-reset,
body.elara-home-front:not(.elara-home-header-scrolled):not(.elara-hero-slide-video) .elara-home-main-header .modern-nav-link,
body.elara-home-front:not(.elara-home-header-scrolled):not(.elara-hero-slide-video) .elara-home-main-header .nav-icon-link,
body.elara-home-front:not(.elara-home-header-scrolled):not(.elara-hero-slide-video) .elara-home-main-header .la,
body.elara-home-front:not(.elara-home-header-scrolled):not(.elara-hero-slide-video) .elara-home-main-header .las,
body.elara-home-front:not(.elara-home-header-scrolled):not(.elara-hero-slide-video) .elara-home-main-header .navbar-toggler-icon {
	color: var(--dark-gray, #141414) !important;
}

body.elara-home-front:not(.elara-home-header-scrolled):not(.elara-hero-slide-video) .elara-home-main-header .navbar-toggler-icon {
	filter: none !important;
}

body.elara-home-front:not(.elara-home-header-scrolled):not(.elara-hero-slide-video) .elara-home-main-header .brand-name {
	color: var(--dark-gray, #141414) !important;
}

body.elara-home-front:not(.elara-home-header-scrolled):not(.elara-hero-slide-video) .elara-home-main-header .header-main-logo {
	filter: none !important;
	transition: filter 0.35s ease;
}

body.elara-home-front.elara-home-header-scrolled .elara-home-main-header .header-main-logo {
	filter: none !important;
}

/* Bar menu tengah */
body.elara-home-front:not(.elara-home-header-scrolled).elara-hero-slide-video .elara-home-main-header .nav-menu-bar {
	background: transparent !important;
	border-top-color: rgba(255, 255, 255, 0.18) !important;
}

body.elara-home-front:not(.elara-home-header-scrolled):not(.elara-hero-slide-video) .elara-home-main-header .nav-menu-bar {
	background: transparent !important;
	border-top-color: rgba(20, 20, 20, 0.1) !important;
}

body.elara-home-front.elara-home-header-scrolled .elara-home-main-header .nav-menu-bar {
	background: rgba(255, 255, 255, 0.6) !important;
	border-top-color: rgba(20, 20, 20, 0.06) !important;
}

body.elara-home-front.elara-home-header-scrolled .elara-home-main-header .modern-nav-link,
body.elara-home-front.elara-home-header-scrolled .elara-home-main-header .nav-icon-link,
body.elara-home-front.elara-home-header-scrolled .elara-home-main-header .text-reset:not(.dropdown-item) {
	color: var(--dark-gray, #141414) !important;
}

body.elara-home-front.elara-home-header-scrolled .elara-home-main-header .la,
body.elara-home-front.elara-home-header-scrolled .elara-home-main-header .las {
	color: var(--dark-gray, #141414) !important;
}

body.elara-home-front.elara-home-header-scrolled .elara-home-header-stack .top-navbar {
	background: transparent !important;
	border-color: rgba(20, 20, 20, 0.06) !important;
}

body.elara-home-front.elara-home-header-scrolled .elara-home-header-stack .top-navbar .text-reset,
body.elara-home-front.elara-home-header-scrolled .elara-home-header-stack .top-navbar .dropdown-toggle,
body.elara-home-front.elara-home-header-scrolled .elara-home-header-stack .top-navbar span {
	color: var(--dark-gray, #141414) !important;
}

/* Utilitas kanan — teks putih di slide video, tanpa pill/bg */
body.elara-home-front:not(.elara-home-header-scrolled).elara-hero-slide-video .elara-home-main-header #elara-header-utilities .elara-header-utilities__links {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}
body.elara-home-front:not(.elara-home-header-scrolled).elara-hero-slide-video .elara-home-main-header #elara-header-utilities .elara-header-utilities__link,
body.elara-home-front:not(.elara-home-header-scrolled).elara-hero-slide-video .elara-home-main-header #elara-header-utilities .dropdown-toggle.elara-header-utilities__link {
	color: rgba(255, 255, 255, 0.95) !important;
}
body.elara-home-front:not(.elara-home-header-scrolled).elara-hero-slide-video .elara-home-main-header #elara-header-utilities .elara-header-utilities__sep {
	background: rgba(255, 255, 255, 0.5) !important;
}
body.elara-home-front:not(.elara-home-header-scrolled).elara-hero-slide-video .elara-home-main-header #elara-header-utilities .elara-header-utilities__link:hover,
body.elara-home-front:not(.elara-home-header-scrolled).elara-hero-slide-video .elara-home-main-header #elara-header-utilities .dropdown-toggle.elara-header-utilities__link:hover {
	background-color: rgba(255, 255, 255, 0.14) !important;
	color: #fff !important;
}
body.elara-home-front:not(.elara-home-header-scrolled).elara-hero-slide-video .elara-home-main-header #elara-header-utilities .elara-header-utilities__icon-btn {
	background: rgba(255, 255, 255, 0.12) !important;
	border-color: rgba(255, 255, 255, 0.35) !important;
}
body.elara-home-front:not(.elara-home-header-scrolled).elara-hero-slide-video .elara-home-main-header #elara-header-utilities .elara-header-utilities__icon-btn:hover {
	background: rgba(255, 255, 255, 0.22) !important;
	border-color: rgba(255, 255, 255, 0.55) !important;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12) !important;
}
body.elara-home-front:not(.elara-home-header-scrolled).elara-hero-slide-video .elara-home-main-header #elara-header-utilities .elara-header-utilities__icon-btn i {
	color: rgba(255, 255, 255, 0.95) !important;
}
body.elara-home-front:not(.elara-home-header-scrolled).elara-hero-slide-video .elara-home-main-header #elara-header-utilities .nav-icons-group .nav-icon-symbol .la,
body.elara-home-front:not(.elara-home-header-scrolled).elara-hero-slide-video .elara-home-main-header #elara-header-utilities .nav-icons-group .nav-icon-symbol i {
	color: rgba(255, 255, 255, 0.95) !important;
}

/* Slide gambar di atas fold: teks gelap tanpa “frost” / backdrop */
body.elara-home-front:not(.elara-home-header-scrolled):not(.elara-hero-slide-video) .elara-home-main-header #elara-header-utilities .elara-header-utilities__links {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}
body.elara-home-front:not(.elara-home-header-scrolled):not(.elara-hero-slide-video) .elara-home-main-header #elara-header-utilities .elara-header-utilities__link,
body.elara-home-front:not(.elara-home-header-scrolled):not(.elara-hero-slide-video) .elara-home-main-header #elara-header-utilities .dropdown-toggle.elara-header-utilities__link {
	color: var(--dark-gray, #141414) !important;
}
body.elara-home-front:not(.elara-home-header-scrolled):not(.elara-hero-slide-video) .elara-home-main-header #elara-header-utilities .elara-header-utilities__sep {
	background: rgba(20, 20, 20, 0.14) !important;
}
body.elara-home-front:not(.elara-home-header-scrolled):not(.elara-hero-slide-video) .elara-home-main-header #elara-header-utilities .elara-header-utilities__link:hover,
body.elara-home-front:not(.elara-home-header-scrolled):not(.elara-hero-slide-video) .elara-home-main-header #elara-header-utilities .dropdown-toggle.elara-header-utilities__link:hover {
	background-color: rgba(20, 20, 20, 0.06) !important;
	color: var(--dark-gray, #141414) !important;
}
body.elara-home-front:not(.elara-home-header-scrolled):not(.elara-hero-slide-video) .elara-home-main-header #elara-header-utilities .elara-header-utilities__icon-btn {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}
body.elara-home-front:not(.elara-home-header-scrolled):not(.elara-hero-slide-video) .elara-home-main-header #elara-header-utilities .elara-header-utilities__icon-btn:hover {
	background: rgba(20, 20, 20, 0.06) !important;
	box-shadow: none !important;
}
body.elara-home-front:not(.elara-home-header-scrolled):not(.elara-hero-slide-video) .elara-home-main-header #elara-header-utilities .elara-header-utilities__icon-btn i,
body.elara-home-front:not(.elara-home-header-scrolled):not(.elara-hero-slide-video) .elara-home-main-header #elara-header-utilities .nav-icons-group .nav-icon-symbol .la,
body.elara-home-front:not(.elara-home-header-scrolled):not(.elara-hero-slide-video) .elara-home-main-header #elara-header-utilities .nav-icons-group .nav-icon-symbol i {
	color: var(--medium-gray, #626565) !important;
}

body.elara-home-front.elara-home-header-scrolled .elara-home-main-header #elara-header-utilities .elara-header-utilities__links {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}
body.elara-home-front.elara-home-header-scrolled .elara-home-main-header #elara-header-utilities .elara-header-utilities__link,
body.elara-home-front.elara-home-header-scrolled .elara-home-main-header #elara-header-utilities .dropdown-toggle.elara-header-utilities__link {
	color: var(--dark-gray, #141414) !important;
}
body.elara-home-front.elara-home-header-scrolled .elara-home-main-header #elara-header-utilities .elara-header-utilities__sep {
	background: rgba(20, 20, 20, 0.14) !important;
}
body.elara-home-front.elara-home-header-scrolled .elara-home-main-header #elara-header-utilities .elara-header-utilities__icon-btn {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}
body.elara-home-front.elara-home-header-scrolled .elara-home-main-header #elara-header-utilities .elara-header-utilities__icon-btn:hover {
	background: rgba(20, 20, 20, 0.06) !important;
	box-shadow: none !important;
}
body.elara-home-front.elara-home-header-scrolled .elara-home-main-header #elara-header-utilities .elara-header-utilities__icon-btn i,
body.elara-home-front.elara-home-header-scrolled .elara-home-main-header #elara-header-utilities .nav-icons-group .nav-icon-symbol .la,
body.elara-home-front.elara-home-header-scrolled .elara-home-main-header #elara-header-utilities .nav-icons-group .nav-icon-symbol i {
	color: var(--medium-gray, #626565) !important;
}

/* Panel pencarian: kotak terang + teks gelap di semua state (video / gambar / scroll) — transisi header tidak bikin field “nyampah” */
body.elara-home-front .elara-home-main-header #elara-header-search-panel {
	background: transparent !important;
	border-top: none !important;
}

body.elara-home-front .elara-home-main-header #elara-header-search-panel .front-header-search {
	background: transparent !important;
}

body.elara-home-front .elara-home-main-header #elara-header-search-panel .search-bar-wrapper {
	border: 1px solid rgba(20, 20, 20, 0.14) !important;
	border-radius: 2px !important;
	background: rgba(255, 255, 255, 0.97) !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
	padding: 0.2rem 0.65rem 0.2rem 0.85rem !important;
	align-items: stretch !important;
	transition:
		background-color 0.35s ease,
		border-color 0.35s ease,
		box-shadow 0.35s ease;
}

body.elara-home-front .elara-home-main-header #elara-header-search-panel .search-bar-wrapper:focus-within {
	border-color: rgba(20, 20, 20, 0.28) !important;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08) !important;
}

body.elara-home-front .elara-home-main-header #elara-header-search-panel .search-input {
	background: transparent !important;
	color: var(--dark-gray, #141414) !important;
	border: 0 !important;
	caret-color: var(--dark-gray, #141414) !important;
	padding: 0.65rem 0.5rem 0.65rem 0 !important;
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
	text-transform: none !important;
	transition: color 0.35s ease;
}

body.elara-home-front .elara-home-main-header #elara-header-search-panel .search-input::placeholder {
	color: rgba(20, 20, 20, 0.45) !important;
}

body.elara-home-front .elara-home-main-header #elara-header-search-panel .search-submit-btn {
	background: transparent !important;
	color: var(--medium-gray, #626565) !important;
	border: none !important;
	border-left: 1px solid rgba(20, 20, 20, 0.12) !important;
	border-radius: 0 !important;
	padding: 0 0.15rem 0 0.95rem !important;
	transition: color 0.35s ease;
}

body.elara-home-front .elara-home-main-header #elara-header-search-panel .search-submit-btn i {
	color: var(--dark-gray, #141414) !important;
	transition: color 0.35s ease;
}

/* Fallback: .front-header-search di main header — kotak terang + teks gelap (selaras #elara-header-search-panel) */
body.elara-home-front .elara-home-main-header .front-header-search {
	background: transparent !important;
}

body.elara-home-front .elara-home-main-header .front-header-search .search-bar-wrapper {
	border: 1px solid rgba(20, 20, 20, 0.14) !important;
	border-radius: 2px !important;
	background: rgba(255, 255, 255, 0.97) !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
	padding: 0.2rem 0.65rem 0.2rem 0.85rem !important;
	align-items: stretch !important;
	transition:
		background-color 0.35s ease,
		border-color 0.35s ease,
		box-shadow 0.25s ease;
}

body.elara-home-front .elara-home-main-header .front-header-search .search-bar-wrapper:focus-within {
	border-color: rgba(20, 20, 20, 0.28) !important;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08) !important;
}

body.elara-home-front .elara-home-main-header .front-header-search .search-input {
	background: transparent !important;
	color: var(--dark-gray, #141414) !important;
	border: 0 !important;
	caret-color: var(--dark-gray, #141414) !important;
	padding: 0.65rem 0.5rem 0.65rem 0 !important;
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
	text-transform: none !important;
	transition: color 0.35s ease;
}

body.elara-home-front .elara-home-main-header .front-header-search .search-input::placeholder {
	color: rgba(20, 20, 20, 0.45) !important;
}

body.elara-home-front .elara-home-main-header .front-header-search .search-submit-btn {
	background: transparent !important;
	color: var(--medium-gray, #626565) !important;
	border: none !important;
	border-left: 1px solid rgba(20, 20, 20, 0.12) !important;
	border-radius: 0 !important;
	padding: 0 0.15rem 0 0.95rem !important;
	transition: color 0.35s ease;
}

body.elara-home-front .elara-home-main-header .front-header-search .search-submit-btn i {
	color: var(--dark-gray, #141414) !important;
	transition: color 0.35s ease;
}

/* Badge ikon — ring 1px dinamis: badge terang → ring gelap; badge gelap → ring putih */
body.elara-home-front:not(.elara-home-header-scrolled).elara-hero-slide-video .elara-home-main-header #elara-header-utilities .nav-icon-badge {
	background: rgba(255, 255, 255, 0.98) !important;
	color: #141414 !important;
	border: 1px solid rgba(20, 20, 20, 0.42) !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.14) !important;
}

body.elara-home-front:not(.elara-home-header-scrolled).elara-hero-slide-video .elara-home-main-header .nav-icon-badge {
	background: rgba(255, 255, 255, 0.95);
	color: #141414;
	border: 1px solid rgba(20, 20, 20, 0.4);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
}

body.elara-home-front:not(.elara-home-header-scrolled):not(.elara-hero-slide-video) .elara-home-main-header #elara-header-utilities .nav-icon-badge {
	background: #fff !important;
	color: #141414 !important;
	border: 1px solid rgba(20, 20, 20, 0.35) !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

body.elara-home-front:not(.elara-home-header-scrolled):not(.elara-hero-slide-video) .elara-home-main-header .nav-icon-badge {
	background: #141414;
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.9);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);
}

body.elara-home-front.elara-home-header-scrolled .elara-home-main-header #elara-header-utilities .nav-icon-badge {
	background: #fff !important;
	color: #141414 !important;
	border: 1px solid rgba(20, 20, 20, 0.32) !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08) !important;
}

body.elara-home-front.elara-home-header-scrolled .elara-home-main-header .nav-icon-badge {
	background: #141414;
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.88);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
}

/* Hero: indikator slide — monokrom hitam/putih (tanpa fill abu di atas gradient) */
body.elara-home-front .modern-slider .slider-dots {
	left: 28px;
	bottom: 40px;
	gap: 14px;
}

/* Slide video / gelap: cincin putih, aktif = inti putih + ring */
body.elara-home-front.elara-hero-slide-video .modern-slider .slider-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: transparent;
	border: 1px solid #fff;
	opacity: 0.55;
	box-shadow: none;
	transition: opacity 0.25s ease, background 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}

body.elara-home-front.elara-hero-slide-video .modern-slider .slider-dot:hover {
	opacity: 0.9;
}

body.elara-home-front.elara-hero-slide-video .modern-slider .slider-dot.active {
	opacity: 1;
	background: #fff;
	border-color: #fff;
	transform: scale(1);
}

body.elara-home-front.elara-hero-slide-video .modern-slider .slider-dot.active::before {
	content: '';
	position: absolute;
	border-radius: 50%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 22px;
	height: 22px;
	border: 1px solid #fff;
	background: transparent;
	box-sizing: border-box;
	z-index: 0;
	pointer-events: none;
}

/* Slide gambar: cincin hitam, aktif = inti hitam + ring */
body.elara-home-front:not(.elara-hero-slide-video) .modern-slider .slider-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: transparent;
	border: 1px solid #000;
	opacity: 0.45;
	box-shadow: none;
	transition: opacity 0.25s ease, background 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}

body.elara-home-front:not(.elara-hero-slide-video) .modern-slider .slider-dot:hover {
	opacity: 0.85;
}

body.elara-home-front:not(.elara-hero-slide-video) .modern-slider .slider-dot.active {
	opacity: 1;
	background: #000;
	border-color: #000;
	transform: scale(1);
}

body.elara-home-front:not(.elara-hero-slide-video) .modern-slider .slider-dot.active::before {
	content: '';
	position: absolute;
	border-radius: 50%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 22px;
	height: 22px;
	border: 1px solid #000;
	background: transparent;
	box-sizing: border-box;
	z-index: 0;
	pointer-events: none;
}

/* Teks di atas slide: lebih terbaca di hero gelap */
body.elara-home-front .modern-slider .slider-title,
body.elara-home-front .modern-slider .slider-subtitle {
	color: #fff !important;
	text-shadow: 0 1px 24px rgba(0, 0, 0, 0.45);
}

/*
 * Tinggi hero: atur di custom.css pada .modern-slider atau .home-banner-area .modern-slider, contoh:
 *   --elara-hero-slider-height: 88vh;
 *   --elara-hero-slider-min-height: 88dvh;
 * Video & gambar: object-fit cover — dipaksa di bawah agar konsisten di Safari / layar lebar.
 */
body.elara-home-front .home-banner-area .modern-slider {
	--elara-hero-slider-height: 100vh;
	--elara-hero-slider-min-height: 100dvh;
	--elara-hero-video-cover: 108%;
	min-height: var(--elara-hero-slider-min-height) !important;
	height: var(--elara-hero-slider-height) !important;
	max-height: none !important;
}

@media (min-width: 1024px) and (max-width: 1920px) and (max-height: 1200px) {
	body.elara-home-front .home-banner-area .modern-slider {
		--elara-hero-video-cover: 114%;
	}
}

body.elara-home-front .home-banner-area .slider-item {
	overflow: hidden !important;
	background: #0a0a0a !important;
}

body.elara-home-front .home-banner-area .slider-item > img.slider-image,
body.elara-home-front .home-banner-area .slider-item > video.slider-image {
	position: absolute !important;
	left: 50% !important;
	top: 50% !important;
	transform: translate(-50%, -50%) !important;
	width: 100% !important;
	height: 100% !important;
	min-width: 100% !important;
	min-height: 100% !important;
	max-width: none !important;
	max-height: none !important;
	object-fit: cover !important;
	object-position: center center !important;
}

/* Slide video: sedikit zoom agar tidak kelihatan “bioskop” hitam di atas-bawah (laptop / skala berbeda) */
body.elara-home-front .home-banner-area .slider-item[data-slider-media="video"] > video.slider-image {
	width: var(--elara-hero-video-cover, 108%) !important;
	height: var(--elara-hero-video-cover, 108%) !important;
	min-width: var(--elara-hero-video-cover, 108%) !important;
	min-height: var(--elara-hero-video-cover, 108%) !important;
}

@media (max-width: 576px) {
	body.elara-home-front .home-banner-area .modern-slider {
		min-height: var(--elara-hero-slider-min-height) !important;
		height: var(--elara-hero-slider-height) !important;
	}
}

/* Tombol tutup pencarian — ikon gelap di atas kotak terang (slide video & lainnya) */
body.elara-home-front:not(.elara-home-header-scrolled).elara-hero-slide-video .elara-home-main-header #elara-header-search-panel .btn .la,
body.elara-home-front:not(.elara-home-header-scrolled).elara-hero-slide-video .elara-home-main-header .front-header-search .btn .la {
	color: var(--dark-gray, #141414) !important;
}

body.elara-home-front:not(.elara-home-header-scrolled):not(.elara-hero-slide-video) .elara-home-main-header #elara-header-search-panel .btn .la,
body.elara-home-front:not(.elara-home-header-scrolled):not(.elara-hero-slide-video) .elara-home-main-header .front-header-search .btn .la {
	color: var(--dark-gray, #141414) !important;
}