/* ================================================
   영신렌트카 하단 고정 바
================================================ */

.ys-floating-bar {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	display: flex;
	z-index: 99990;
	box-shadow: 0 -3px 16px rgba(0, 0, 0, 0.18);
}

/* 공통 아이템 */
.ys-fbar-item {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 10px 8px;
	text-decoration: none !important;
	cursor: default;
	transition: filter 0.18s;
	min-height: 58px;
	line-height: 1.25;
	gap: 2px;
}

a.ys-fbar-item:hover {
	filter: brightness(1.1);
	text-decoration: none !important;
}

.ys-fbar-icon {
	font-size: 20px;
	line-height: 1;
	margin-bottom: 2px;
}

.ys-fbar-text {
	font-size: 13px;
	font-weight: 700;
	letter-spacing: -0.3px;
}

.ys-fbar-sub {
	font-size: 11px;
	font-weight: 400;
	opacity: 0.82;
}

/* ── 1. 가격만족 : 주황 ── */
.ys-fbar-price {
	background: #ff6b2b;
	color: #fff;
}

/* ── 2. 전화문의 : 파랑 ── */
.ys-fbar-call {
	background: #1a73e8;
	color: #fff !important;
}

/* ── 3. 빠른상담문의 : 초록 ── */
.ys-fbar-consult {
	background: #00a854;
	color: #fff !important;
}

/* 하단 바 높이만큼 body 여백 추가 (콘텐츠 안 가리게) */
body {
	padding-bottom: 58px !important;
}

/* ── PC (1024px 이상) ── */
@media (min-width: 1024px) {
	.ys-floating-bar {
		max-width: 860px;
		left: 50%;
		transform: translateX(-50%);
		border-radius: 14px 14px 0 0;
		overflow: hidden;
	}

	.ys-fbar-item {
		min-height: 64px;
		padding: 12px 16px;
		flex-direction: row;
		gap: 10px;
	}

	.ys-fbar-icon {
		font-size: 24px;
		margin-bottom: 0;
	}

	.ys-fbar-text {
		font-size: 15px;
	}

	.ys-fbar-sub {
		font-size: 12px;
	}

	.ys-fbar-call {
		flex-direction: column;
		gap: 2px;
	}

	.ys-fbar-call .ys-fbar-sub {
		order: -1;
	}

	body {
		padding-bottom: 64px !important;
	}
}

/* ── 모바일 (600px 이하) ── */
@media (max-width: 600px) {
	.ys-fbar-item {
		min-height: 54px;
		padding: 8px 4px;
	}

	.ys-fbar-icon {
		font-size: 18px;
	}

	.ys-fbar-text {
		font-size: 11px;
		letter-spacing: -0.5px;
	}

	.ys-fbar-sub {
		font-size: 10px;
	}

	body {
		padding-bottom: 54px !important;
	}
}