/*
Theme Name: Astra Hyundai Child
Template: astra
*/

/* Theme modifications */
/* Jet Engine */
.jet-listing-grid__item {
    padding-top: 0;
	padding-bottom: 0;
}

/* Hyundai sticky actions bar
 * Desktop: vertical bar on the right side
 * Mobile: full-width bar fixed to bottom
 */
.hyundai-sticky-bar {
	position: fixed;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	flex-direction: column;
	background-color: #093869;
	color: #ffffff;
	z-index: 9999;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
}

.hyundai-sticky-bar__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	color: inherit;
	font-size: 0.75rem;
	font-weight: 500;
	text-transform: none;
	letter-spacing: 0.03em;
	transition: transform 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
	padding: 1rem 0.3rem;
}

.hyundai-sticky-bar__item:hover,
.hyundai-sticky-bar__item:focus-visible {
	transform: translateY(-1px);
	color: #ffffff;
	background: #004489;
}

.hyundai-sticky-bar__icon {
	width: 34px;
	height: 34px;
	/*border-radius: 999px;
	border: 1px solid rgba(255, 255, 255, 0.6);
	*/
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	font-size: 0;
	/* hide any stray text nodes */
}

/* Let the icon font's :before provide the glyph, just style it */
.hyundai-sticky-bar__icon::before {
	color: #ffffff;
	font-size: 2.5rem;
}

.hyundai-sticky-bar__label {
	white-space: nowrap;
}

/* Icon font mappings (from reference site) */
.is-font-icon-test-drive:before {
	font-family: "iconfont1.0.231-SNAPSHOT" !important;
	font-style: normal;
	font-weight: 400 !important;
	vertical-align: middle;
	content: "\f123";
}

.is-font-icon-brochure:before {
	font-family: "iconfont1.0.231-SNAPSHOT" !important;
	font-style: normal;
	font-weight: 400 !important;
	vertical-align: middle;
	content: "\f117";
}

.is-font-icon-dealer-service:before {
	font-family: "iconfont1.0.231-SNAPSHOT" !important;
	font-style: normal;
	font-weight: 400 !important;
	vertical-align: middle;
	content: "\f11b";
}

/* Phone icon for callback – adjust codepoint if your design system uses a different one */
.is-font-icon-callback:before {
	font-family: "iconfont1.0.231-SNAPSHOT" !important;
	font-style: normal;
	font-weight: 400 !important;
	vertical-align: middle;
	content: "\f120";
}

/* Mobile layout: bottom bar */
@media (max-width: 768px) {
	.hyundai-sticky-bar {
		left: 0;
		right: 0;
		bottom: 0;
		top: auto;
		transform: none;
		flex-direction: row;
		justify-content: space-around;
		align-items: center;
		padding: 0.75rem 0.75rem calc(env(safe-area-inset-bottom, 0) + 0.75rem);
	}

	.hyundai-sticky-bar__item {
		flex: 1 1 0;
		max-width: none;
		font-size: 0.7rem;
	}

	.hyundai-sticky-bar__label {
		white-space: normal;
		text-align: center;
	}

	.wa__widget_container .wa__btn_popup {
		right: 10px !important;
		bottom: 125px !important;
	}
}