@media (max-width: 767px) {
	.ks-mainbar__inner {
		height: 76px;
	}
}

/* Keep language selection visible in the compact header, not only in the menu drawer. */
@media (max-width: 1279px) {
	.ks-header--home .ks-actions .ks-language {
		display: block;
		height: 44px;
		position: relative;
		width: 48px;
	}

	.ks-header--home .ks-actions .ks-language::after { content: none; }

	.ks-header--home .ks-actions .ks-language select {
		appearance: none;
		background: #111315;
		border: 1px solid rgba(255, 255, 255, .25);
		border-radius: 0;
		color: #fff;
		font: 700 10px/15px 'IBM Plex Sans Arabic', Arial, sans-serif;
		height: 44px;
		margin: 0;
		outline: 0;
		padding: 0 17px 0 7px;
		width: 48px;
	}

	.ks-header--home .ks-actions .ks-language svg {
		fill: none;
		height: 10px;
		pointer-events: none;
		position: absolute;
		right: 6px;
		stroke: #ffda01;
		stroke-linecap: round;
		stroke-linejoin: round;
		stroke-width: 2;
		top: 50%;
		transform: translateY(-50%);
		width: 10px;
	}

	.ks-header--home .ks-actions .ks-language select:focus-visible {
		outline: 2px solid #ffda01;
		outline-offset: 2px;
	}
}

@media (max-width: 359px) {
	.ks-header--home .ks-mainbar__inner { gap: 6px; }
	.ks-header--home .ks-actions { gap: 5px; }
	.ks-header--home .ks-logo { width: 126px; }
}
