/* =============================================================
   updates-iframe.css — injected into the updates iframe page
   Accent colour is controlled via --accent / --accent-hover
   set by page-updates2.php based on the ?t= param.
   ============================================================= */

:root {
  --accent:       #c40000;
  --accent-hover: #a80000;
}

/* ── Layout ─────────────────────────────────────────────────── */

body .updates-bar,
body .updates-bar .updates-bar__inner {
	background: #f5f6f7 !important;
}

body .updates-bar {
	border-top: 1px solid #e1e4e8 !important;
	box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.08) !important;
	padding: 12px 0 !important;
}

body .updates-bar .updates-bar__inner {
	max-width: 1200px !important;
	margin: 0 auto !important;
	padding: 0 16px !important;
	min-height: 56px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 10px !important;
}

body .updates-bar .updates-bar__label {
	font-family: "Lato", Arial, sans-serif !important;
	font-weight: 500 !important;
	color: #5f6368 !important;
	white-space: nowrap !important;
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	flex: 0 0 auto !important;
}

/* ── Inputs ─────────────────────────────────────────────────── */

body .updates-bar form input[type="text"],
body .updates-bar form input[type="email"],
body .updates-bar form input[type="tel"] {
	height: 40px !important;
	border-radius: 6px !important;
	border: 1px solid #d0d5dd !important;
	background: #fff !important;
	padding: 0 12px !important;
	font-size: 14px !important;
	line-height: 40px !important;
	box-shadow: none !important;
}

body .updates-bar form input[type="text"]:focus,
body .updates-bar form input[type="email"]:focus,
body .updates-bar form input[type="tel"]:focus {
	border-color: var(--accent) !important;
	outline: none !important;
}

/* ── Button ─────────────────────────────────────────────────── */

body .updates-bar form button,
body .updates-bar form input[type="submit"],
body .updates-bar form .gform_button {
	height: 40px !important;
	padding: 0 18px !important;
	border-radius: 6px !important;
	background: var(--accent) !important;
	color: #fff !important;
	border: none !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	line-height: 40px !important;
	box-shadow: none !important;
	cursor: pointer !important;
}

body .updates-bar form button:hover,
body .updates-bar form input[type="submit"]:hover,
body .updates-bar form .gform_button:hover {
	background: var(--accent-hover) !important;
}

/* ── Base bar ───────────────────────────────────────────────── */

.updates-bar {
	width: 100%;
	background: #eeeded;
	padding: 0px 0;
}

.updates-bar,
.updates-bar .updates-bar__inner {
	background: hsl(210, 11%, 96%) !important;
}

.updates-bar__inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 16px;
	min-height: 56px;
	display: flex;
	align-items: center;
	justify-content: center !important;
	gap: 10px;
}

.updates-bar__label {
	font-family: "Lato", Arial, sans-serif;
	font-weight: 500;
	color: #6f6f6f;
	white-space: nowrap;
	display: flex;
	align-items: center;
	gap: 6px;
	flex: 0 0 auto;
}

.updates-bar__label::after {
	content: "››";
}

.updates-bar .updates-bar__label {
	font-family: "Lato", Arial, sans-serif !important;
	font-weight: 500 !important;
	color: #6f6f6f !important;
	white-space: nowrap;
	display: flex;
	align-items: center;
	gap: 6px;
	flex: 0 0 auto;
	text-transform: none !important;
}

.updates-bar .updates-bar__label::after {
	content: "››" !important;
}

.updates-bar .updates-bar__form {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	flex: 0 0 auto !important;
}

.updates-bar__form {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
}

/* ── Gravity Forms overrides ────────────────────────────────── */

.updates-bar .gform_wrapper {
	margin: 0 !important;
	font-family: "Lato", Arial, sans-serif !important;
}

.updates-bar .gform_required_legend,
.updates-bar .gform_description,
.updates-bar .gfield_label,
.updates-bar .gfield_required,
.updates-bar .validation_message {
	display: none !important;
}

.updates-bar .gform_wrapper form {
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	flex-wrap: nowrap !important;
	gap: 8px !important;
}

.updates-bar .gform_body {
	margin: 0 !important;
	padding: 0 !important;
}

.updates-bar .gform_fields {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	flex-wrap: nowrap !important;
	gap: 8px !important;
	grid-template-columns: none !important;
}

.updates-bar .gfield {
	margin: 0 !important;
	padding: 0 !important;
	flex: 0 0 170px !important;
	width: 170px !important;
	min-width: 170px !important;
	max-width: 170px !important;
}

.updates-bar .ginput_container {
	margin: 0 !important;
}

.updates-bar input[type="text"],
.updates-bar input[type="email"],
.updates-bar input[type="tel"] {
	width: 100% !important;
	height: 38px !important;
	padding: 0 12px !important;
	border: 1px solid #bdbdbd !important;
	border-radius: 6px !important;
	background: #fff !important;
	box-sizing: border-box !important;
	font-family: "Lato", Arial, sans-serif !important;
	font-size: 15px !important;
}

.updates-bar .gform_footer {
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center !important;
	flex: 0 0 auto !important;
}

.updates-bar input[type="submit"],
.updates-bar .gform_button {
	height: 40px !important;
	padding: 0 22px !important;
	border: 2px solid var(--accent) !important;
	background: transparent !important;
	color: var(--accent) !important;
	font-family: "Lato", Arial, sans-serif !important;
	font-weight: 700 !important;
	border-radius: 6px !important;
	cursor: pointer !important;
	white-space: nowrap !important;
	box-shadow: none !important;
	appearance: none !important;
	-webkit-appearance: none !important;
	margin: 0 !important;
}

.updates-bar input[type="submit"]:hover,
.updates-bar .gform_button:hover {
	background: var(--accent) !important;
	color: #fff !important;
}

.updates-bar .gfield_error input {
	border-color: var(--accent) !important;
}

.updates-bar .gform_confirmation_message {
	font-family: "Lato", Arial, sans-serif !important;
	color: #6f6f6f;
	font-weight: 700;
	font-size: 16px;
	padding: 10px 0;
}

/* ── Responsive ─────────────────────────────────────────────── */

@media (max-width: 768px) {
	body .updates-bar .updates-bar__inner {
		flex-wrap: wrap !important;
		justify-content: center !important;
	}

	body .updates-bar form {
		width: 100% !important;
	}

	body .updates-bar form input[type="text"],
	body .updates-bar form input[type="email"],
	body .updates-bar form input[type="tel"],
	body .updates-bar form input[type="submit"],
	body .updates-bar form button {
		width: 100% !important;
	}
}

@media (max-width: 1024px) {
	.updates-bar__inner {
		justify-content: center;
		flex-wrap: wrap;
		row-gap: 10px;
		padding: 10px 16px;
		min-height: 0;
	}

	.updates-bar__form {
		width: 100%;
		justify-content: center;
	}

	.updates-bar .gform_wrapper form {
		width: 100% !important;
		justify-content: center !important;
		flex-wrap: wrap !important;
		gap: 10px !important;
	}

	.updates-bar .gform_fields {
		justify-content: center !important;
		flex-wrap: wrap !important;
		gap: 10px !important;
	}

	.updates-bar .gform_footer {
		justify-content: center !important;
	}
}

@media (max-width: 680px) {
	.updates-bar {
		padding: 12px 0;
	}

	.updates-bar__inner {
		display: block;
		padding: 0 16px;
	}

	.updates-bar__label {
		margin: 0 auto 10px auto;
		max-width: 420px;
	}

	.updates-bar__form {
		width: 100%;
		justify-content: center;
	}

	.updates-bar .gform_wrapper {
		width: 100% !important;
	}

	.updates-bar .gform_wrapper form {
		display: block !important;
		width: 100% !important;
		max-width: 420px !important;
		margin: 0 auto !important;
	}

	.updates-bar .gform_fields {
		display: block !important;
		width: 100% !important;
	}

	.updates-bar .gfield {
		width: 100% !important;
		min-width: 100% !important;
		max-width: 100% !important;
		margin: 0 0 10px 0 !important;
	}

	.updates-bar .gform_footer {
		display: block !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	.updates-bar input[type="submit"],
	.updates-bar .gform_button {
		width: 100% !important;
		max-width: 420px !important;
		margin: 0 auto !important;
		display: block !important;
	}
}

/* ── Hide label after confirmation ──────────────────────────── */

.updates-bar__inner:has(.gform_confirmation_message) .updates-bar__label,
.updates-bar__inner:has(.gform_confirmation_wrapper) .updates-bar__label,
.updates-bar__inner:has(.gform_confirmation) .updates-bar__label {
	display: none !important;
}