/**
 * Khánh Vy Auto — responsive + mobile bottom CTA.
 * Breakpoint: medium ≤ 849px, small ≤ 549px.
 */

/* Mobile bottom CTA (ẩn trên desktop) -------------------------------- */
.kva-mobile-bar {
	display: none;
}

/* Tablet & mobile ≤ 849px -------------------------------------------- */
@media (max-width: 849px) {
	.kva-mobile-bar {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 990;
		display: flex;
		height: calc(var(--kva-mobile-bar-h) + env(safe-area-inset-bottom, 0px));
		padding-bottom: env(safe-area-inset-bottom, 0px);
		background: var(--kva-secondary);
		box-shadow: 0 -2px 10px rgba(0, 0, 0, .15);
	}

	.kva-mobile-bar__item {
		display: flex;
		flex: 1 1 0;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 4px;
		min-width: 0;
		color: #fff;
		font-size: .75rem;
		font-weight: 700;
		letter-spacing: .04em;
		text-transform: uppercase;
		text-decoration: none;
	}

	.kva-mobile-bar__item + .kva-mobile-bar__item {
		border-left: 1px solid rgba(255, 255, 255, .12);
	}

	.kva-mobile-bar__item:hover,
	.kva-mobile-bar__item:focus-visible {
		color: #fff;
		background: var(--kva-secondary-soft);
	}

	.kva-mobile-bar__item .kva-icon {
		width: 22px;
		height: 22px;
	}

	.kva-mobile-bar__item--call,
	.kva-mobile-bar__item--call:hover,
	.kva-mobile-bar__item--call:focus-visible {
		background: var(--kva-primary);
	}

	.kva-has-mobile-bar #wrapper {
		padding-bottom: calc(var(--kva-mobile-bar-h) + env(safe-area-inset-bottom, 0px));
	}

}

/* Mobile ≤ 549px ------------------------------------------------------ */
@media (max-width: 549px) {
}

/* Màn hình rất nhỏ (320px) ------------------------------------------- */
@media (max-width: 359px) {
	#logo .kva-logo__img {
		max-width: 150px;
	}

	.kva-mobile-bar__item {
		font-size: .6875rem;
		letter-spacing: 0;
	}
}