/* AutoStar footer (UAE/HFE template). Layout + colours are native Elementor +
   Global Kit; this file only styles the two HTML widgets (newsletter form and
   the policy links) and adds a couple of hover niceties. Colours reference the
   Kit primary var so they stay in sync. */

/* ---------------- Newsletter form ---------------- */
.as-ftr-form {
	display: flex;
	align-items: stretch;
	width: 100%;
	max-width: 470px;
	margin-left: auto;
	background: #fff;
	border-radius: 8px;
	padding: 5px;
	box-sizing: border-box;
}
.as-ftr-form input {
	flex: 1 1 auto;
	min-width: 0;
	border: 0;
	background: transparent;
	padding: 12px 14px;
	font-family: "Inter", sans-serif;
	font-size: 15px;
	color: #17171a;
	outline: none;
}
.as-ftr-form input::placeholder { color: #9a9aa0; }
.as-ftr-form button {
	flex: 0 0 auto;
	border: 0;
	border-radius: 6px;
	background: var(--e-global-color-primary);
	color: #fff;
	font-family: "Inter", sans-serif;
	font-weight: 600;
	font-size: 15px;
	padding: 0 30px;
	cursor: pointer;
	transition: filter .2s ease;
}
.as-ftr-form button:hover { filter: brightness(0.92); 
	background: var(--e-global-color-secondary)
}

/* ---------------- Bottom policy links ---------------- */
.as-ftr-policy {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 14px;
}
.as-ftr-policy a {
	color: #b4b4ba;
	font-family: "Inter", sans-serif;
	font-size: 14px;
	text-decoration: none;
	transition: color .2s ease;
}
.as-ftr-policy a:hover { color: var(--e-global-color-primary); }
.as-ftr-policy span { color: #3a3a40; }

/* ---------------- Small niceties ---------------- */
.as-ftr .elementor-social-icon { transition: transform .2s ease, filter .2s ease; }
.as-ftr .elementor-social-icon:hover { transform: translateY(-2px); }

/* Logo sits on a dark background — keep it crisp. */
.as-ftr-brand img { display: block; }

@media (max-width: 767px) {
	.as-ftr-form { margin: 0 auto; }
	.as-ftr-policy { justify-content: center; }
}