/*
 * RowSprout cookie banner (consent.js). Self-contained, so it looks the same
 * on rowsprout.com, the account portal and the docs. Source in
 * rowsprout-website; the portal and docs carry identical copies.
 */

/* "Cookie settings" links only work once consent.js runs. Selectors below are
   two classes deep so theme and page-builder styles for button, h2 and a
   (which may load later) do not win. */
[data-consent-settings] {
	display: none;
}

.rs-consent-ready [data-consent-settings] {
	display: revert;
}

.rs-consent {
	position: fixed;
	z-index: 2147483000;
	bottom: 16px;
	left: 16px;
	box-sizing: border-box;
	width: min(420px, calc(100vw - 32px));
	max-height: calc(100vh - 32px);
	overflow: auto;
	margin: 0;
	padding: 20px 22px;
	border: 1px solid #e3e1db;
	border-top: 4px solid #d9661f;
	border-radius: 14px;
	background: #ffffff;
	box-shadow: 0 1px 2px rgb(15 29 69 / 8%), 0 12px 32px rgb(15 29 69 / 18%);
	color: #1f2430;
	font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.55;
	text-align: left;
}

.rs-consent *,
.rs-consent *::before,
.rs-consent *::after {
	box-sizing: border-box;
}

.rs-consent .rs-consent__title {
	margin: 0 0 6px;
	padding: 0;
	color: #0f1d45;
	font-family: "Archivo", "Inter", system-ui, sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: normal;
	text-transform: none;
}

.rs-consent .rs-consent__text,
.rs-consent .rs-consent__current {
	margin: 0 0 14px;
	padding: 0;
	color: #1f2430;
	font-size: 15px;
}

.rs-consent .rs-consent__current {
	color: #5b6272;
	font-size: 14px;
}

.rs-consent .rs-consent__text a {
	color: #1e3a8a;
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.rs-consent .rs-consent__text a:hover {
	color: #b95314;
}

.rs-consent .rs-consent__actions {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}

/* Accept and Reject look the same on purpose: no nudging either way. */
.rs-consent .rs-consent__button {
	display: block;
	width: 100%;
	min-height: 44px;
	margin: 0;
	padding: 10px 16px;
	border: 2px solid #1e3a8a;
	border-radius: 8px;
	background: #1e3a8a;
	box-shadow: none;
	color: #ffffff;
	font-family: inherit;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: normal;
	text-transform: none;
	cursor: pointer;
}

.rs-consent .rs-consent__button:hover,
.rs-consent .rs-consent__button:focus {
	border-color: #152a66;
	background: #152a66;
	color: #ffffff;
}

.rs-consent .rs-consent__button:focus-visible,
.rs-consent .rs-consent__text a:focus-visible {
	outline: 3px solid #f59a45;
	outline-offset: 2px;
}

@media (max-width: 480px) {
	.rs-consent {
		right: 16px;
		width: auto;
		padding: 18px;
	}
}

@media print {
	.rs-consent {
		display: none;
	}
}