/*
 * Technosevin — mobile overlay menu (Rocke parity).
 * Loaded after Elementor/Astra so card/thumb images are not flattened by global img rules.
 */

@media (max-width: 768px) {

	body.technosevin-mega-nav .overlay-menu {
		z-index: 950;
	}

	body.technosevin-mega-nav .overlay-menu.open .overlay-menu__link:not(.overlay-menu__link--cta):not(.overlay-menu__link--employer),
	body.technosevin-mega-nav .overlay-menu.open .overlay-menu__toggle {
		opacity: 1;
		transform: none;
	}

	body.technosevin-mega-nav .overlay-menu .overlay-menu__card,
	body.technosevin-mega-nav .overlay-menu .overlay-menu__card-wrap,
	body.technosevin-mega-nav .overlay-menu .overlay-menu__card-img,
	body.technosevin-mega-nav .overlay-menu .overlay-menu__thumb,
	body.technosevin-mega-nav .overlay-menu .overlay-menu__thumb-img {
		opacity: 1;
		transform: none;
	}

	body.technosevin-mega-nav .overlay-menu .overlay-menu__sub--cards:not([hidden]) {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 0.75rem;
		padding-block: 0.85rem 1.25rem;
	}

	body.technosevin-mega-nav .overlay-menu .overlay-menu__card {
		position: relative;
		display: block;
		overflow: hidden;
		height: clamp(110px, 30vw, 160px);
		min-height: clamp(110px, 30vw, 160px);
		background: rgba(255, 255, 255, 0.06);
		color: #fff;
		text-decoration: none;
	}

	body.technosevin-mega-nav .overlay-menu img.overlay-menu__card-img,
	body.technosevin-mega-nav .overlay-menu .overlay-menu__card-img {
		position: absolute;
		inset: 0;
		display: block;
		width: 100% !important;
		height: 100% !important;
		max-width: none !important;
		object-fit: cover;
		object-position: center center;
		backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
	}

	body.technosevin-mega-nav .overlay-menu img.overlay-menu__thumb-img,
	body.technosevin-mega-nav .overlay-menu .overlay-menu__thumb-img,
	body.technosevin-mega-nav .overlay-menu .overlay-menu__thumb img {
		display: block;
		width: 100% !important;
		height: 100% !important;
		max-width: none !important;
		object-fit: cover;
		object-position: center center;
	}

	body.technosevin-mega-nav .overlay-menu .overlay-menu__card-info {
		position: absolute;
		inset: 0;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		padding: 0.75rem;
		background: linear-gradient(to top, rgba(0, 0, 0, 0.62) 0%, transparent 58%);
		pointer-events: none;
	}
}