/**
 * MineJobs homepage protected visual ownership.
 * Loaded after the generic frontend theme and night-motion layers.
 * The trusted-company marquee keeps the original frameless day presentation:
 * grayscale logos at rest and original colour on hover/focus.
 */

/*
 * Trusted-company logo marquee — exact frameless day behavior in every theme.
 * The generic dark-mode logo rules must never create a card surface here.
 */
.mjhp [data-mjhp-logo-marquee] .mjhp-logo-card,
.mjhp .mjhp-logo-marquee--dual .mjhp-logo-card,
html.minejobs-frontend-theme-dark body:not(.minejobs-dashboard-pro) .mjhp [data-mjhp-logo-marquee] .mjhp-logo-card,
html.minejobs-frontend-theme-dark body:not(.minejobs-dashboard-pro) .mjhp .mjhp-logo-marquee--dual .mjhp-logo-card{
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    outline:0!important;
    opacity:1!important;
    filter:none!important;
    mix-blend-mode:normal!important;
    isolation:auto!important;
}

.mjhp [data-mjhp-logo-marquee] :is(.mjhp-company-logo-img,.mjhp-logo-card img),
.mjhp .mjhp-logo-marquee--dual :is(.mjhp-company-logo-img,.mjhp-logo-card img),
html.minejobs-frontend-theme-dark body:not(.minejobs-dashboard-pro) .mjhp [data-mjhp-logo-marquee] :is(.mjhp-company-logo-img,.mjhp-logo-card img),
html.minejobs-frontend-theme-dark body:not(.minejobs-dashboard-pro) .mjhp .mjhp-logo-marquee--dual :is(.mjhp-company-logo-img,.mjhp-logo-card img){
    background:transparent!important;
    box-shadow:none!important;
    opacity:1!important;
    filter:grayscale(1) saturate(0) contrast(.84) brightness(1.03)!important;
    mix-blend-mode:normal!important;
    transition:filter .22s ease,transform .22s ease!important;
}

.mjhp [data-mjhp-logo-marquee] .mjhp-logo-card:is(:hover,:focus-visible),
.mjhp .mjhp-logo-marquee--dual .mjhp-logo-card:is(:hover,:focus-visible),
html.minejobs-frontend-theme-dark body:not(.minejobs-dashboard-pro) .mjhp [data-mjhp-logo-marquee] .mjhp-logo-card:is(:hover,:focus-visible),
html.minejobs-frontend-theme-dark body:not(.minejobs-dashboard-pro) .mjhp .mjhp-logo-marquee--dual .mjhp-logo-card:is(:hover,:focus-visible){
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    filter:none!important;
    opacity:1!important;
    transform:translateY(-2px)!important;
}

.mjhp [data-mjhp-logo-marquee] .mjhp-logo-card:is(:hover,:focus-visible) :is(.mjhp-company-logo-img,img),
.mjhp .mjhp-logo-marquee--dual .mjhp-logo-card:is(:hover,:focus-visible) :is(.mjhp-company-logo-img,img),
html.minejobs-frontend-theme-dark body:not(.minejobs-dashboard-pro) .mjhp [data-mjhp-logo-marquee] .mjhp-logo-card:is(:hover,:focus-visible) :is(.mjhp-company-logo-img,img),
html.minejobs-frontend-theme-dark body:not(.minejobs-dashboard-pro) .mjhp .mjhp-logo-marquee--dual .mjhp-logo-card:is(:hover,:focus-visible) :is(.mjhp-company-logo-img,img){
    filter:none!important;
    opacity:1!important;
    mix-blend-mode:normal!important;
}

/* Component-owned card orbit; generic night-motion intentionally skips these cards. */
@property --mjhp-owned-neon-angle {
	syntax: "<angle>";
	initial-value: 0deg;
	inherits: false;
}

@keyframes mjhp-owned-neon-orbit {
	to { --mjhp-owned-neon-angle: 360deg; }
}

html.minejobs-frontend-theme-dark body:not(.minejobs-dashboard-pro) .mjhp .mjhp-owned-neon {
	--mjhp-neon-a: #3f8fff;
	--mjhp-neon-b: #70d8ff;
	--mjhp-neon-c: rgba(63,143,255,.72);
	--mjhp-neon-shadow: rgba(43,128,255,.24);
	position: relative !important;
	isolation: isolate !important;
	border-color: rgba(83,145,229,.34) !important;
	box-shadow: 0 15px 36px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.035) !important;
}

html.minejobs-frontend-theme-dark body:not(.minejobs-dashboard-pro) .mjhp .mjhp-owned-neon.is-featured {
	--mjhp-neon-a: #ffbd3d;
	--mjhp-neon-b: #ffe08a;
	--mjhp-neon-c: rgba(255,189,61,.78);
	--mjhp-neon-shadow: rgba(255,181,45,.25);
}

html.minejobs-frontend-theme-dark body:not(.minejobs-dashboard-pro) .mjhp .mjhp-owned-neon.is-urgent {
	--mjhp-neon-a: #ff285e;
	--mjhp-neon-b: #ff7b9d;
	--mjhp-neon-c: rgba(255,40,94,.82);
	--mjhp-neon-shadow: rgba(255,40,94,.28);
}

html.minejobs-frontend-theme-dark body:not(.minejobs-dashboard-pro) .mjhp .mjhp-card-neon {
	position: absolute !important;
	z-index: 20 !important;
	inset: 0 !important;
	display: block !important;
	box-sizing: border-box !important;
	padding: 2px !important;
	border: 0 !important;
	border-radius: inherit !important;
	background: conic-gradient(
		from var(--mjhp-owned-neon-angle),
		transparent 0deg 268deg,
		var(--mjhp-neon-b) 294deg,
		var(--mjhp-neon-a) 322deg,
		transparent 360deg
	) !important;
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0) !important;
	-webkit-mask-composite: xor !important;
	mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0) !important;
	mask-composite: exclude !important;
	filter: drop-shadow(0 0 5px var(--mjhp-neon-c)) !important;
	opacity: .18 !important;
	pointer-events: none !important;
	animation: mjhp-owned-neon-orbit 7.2s linear infinite !important;
	animation-play-state: paused !important;
	transition: opacity .2s ease !important;
}

html.minejobs-frontend-theme-dark body:not(.minejobs-dashboard-pro) .mjhp .mjhp-owned-neon.is-featured > .mjhp-card-neon {
	opacity: .28 !important;
}

html.minejobs-frontend-theme-dark body:not(.minejobs-dashboard-pro) .mjhp .mjhp-owned-neon.is-urgent > .mjhp-card-neon {
	opacity: .32 !important;
}

html.minejobs-frontend-theme-dark body:not(.minejobs-dashboard-pro) .mjhp .mjhp-owned-neon:is(:hover,:focus-visible,:focus-within) {
	transform: translateY(-4px) !important;
	border-color: var(--mjhp-neon-a) !important;
	box-shadow:
		0 24px 56px rgba(0,0,0,.32),
		0 0 34px var(--mjhp-neon-shadow),
		inset 0 1px 0 rgba(255,255,255,.055) !important;
}

html.minejobs-frontend-theme-dark body:not(.minejobs-dashboard-pro) .mjhp .mjhp-owned-neon:is(:hover,:focus-visible,:focus-within) > .mjhp-card-neon {
	opacity: 1 !important;
	animation-duration: 3.4s !important;
	animation-play-state: running !important;
}

@media (prefers-reduced-motion: reduce), (hover: none), (pointer: coarse) {
	html.minejobs-frontend-theme-dark body:not(.minejobs-dashboard-pro) .mjhp .mjhp-card-neon {
		animation: none !important;
	}
	html.minejobs-frontend-theme-dark body:not(.minejobs-dashboard-pro) .mjhp .mjhp-owned-neon:is(:hover,:focus-visible,:focus-within) {
		transform: none !important;
	}
}

/* MineJobs r323: night identity for the trusted-company strip. The marquee
 * geometry and frameless grayscale/colour-hover contract above stay untouched. */
html.minejobs-frontend-theme-dark body:not(.minejobs-dashboard-pro) .mjhp .mjhp-companies{
	position:relative!important;
	background:
		radial-gradient(circle at 14% 58%,rgba(31,121,255,.10),transparent 30%),
		radial-gradient(circle at 86% 42%,rgba(255,48,102,.075),transparent 27%),
		linear-gradient(180deg,rgba(6,23,43,.18),rgba(7,25,46,.04))!important;
	border-block:1px solid rgba(88,151,225,.11)!important;
}
html.minejobs-frontend-theme-dark body:not(.minejobs-dashboard-pro) .mjhp .mjhp-section-head-logos .mjhp-eyebrow-heart{
	position:relative!important;
	padding:8px 15px!important;
	border:1px solid rgba(66,146,255,.24)!important;
	background:linear-gradient(135deg,rgba(26,71,126,.35),rgba(10,33,61,.82))!important;
	color:#7fbbff!important;
	text-shadow:0 0 10px rgba(68,154,255,.46)!important;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 23px rgba(34,126,255,.13)!important;
}
html.minejobs-frontend-theme-dark body:not(.minejobs-dashboard-pro) .mjhp .mjhp-section-head-logos .mjhp-eyebrow-heart::before{
	background:#2489ff!important;
	box-shadow:0 0 0 5px rgba(36,137,255,.11),0 0 14px rgba(36,137,255,.82)!important;
}
html.minejobs-frontend-theme-dark body:not(.minejobs-dashboard-pro) .mjhp .mjhp-section-head-logos .mjhp-eyebrow-heart i{
	color:#ff315f!important;
	text-shadow:0 0 8px rgba(255,49,95,.9),0 0 20px rgba(255,49,95,.42)!important;
	filter:drop-shadow(0 0 5px rgba(255,49,95,.72))!important;
	animation:mjhp-heart-neon-pulse 2.2s ease-in-out infinite!important;
}
html.minejobs-frontend-theme-dark body:not(.minejobs-dashboard-pro) .mjhp .mjhp-logo-marquee--dual{
	border-radius:0!important;
	background:linear-gradient(90deg,rgba(11,35,62,.02),rgba(23,63,104,.08),rgba(11,35,62,.02))!important;
	box-shadow:inset 0 1px 0 rgba(102,163,230,.045),inset 0 -1px 0 rgba(102,163,230,.045)!important;
}
@keyframes mjhp-heart-neon-pulse{
	0%,100%{transform:scale(1);opacity:.92}
	50%{transform:scale(1.12);opacity:1}
}
@media(prefers-reduced-motion:reduce){
	html.minejobs-frontend-theme-dark body:not(.minejobs-dashboard-pro) .mjhp .mjhp-section-head-logos .mjhp-eyebrow-heart i{animation:none!important}
}
