/*
 * InteractionUp landing page consent banner styles.
 * Source of truth: tracking/consent.css — copied into index-sport and index-univerzal assets/css/consent.css by inject-tracking.sh.
 * All rules are scoped by #inup-consent so they win over the global "body a / body button" rules of the
 * sport theme (which turn every link and button into a rounded white pill with a bottom margin).
 * Colours follow the site: dark navy #060915 / brand purple #8201ba (footer gradient), white text.
 */
#inup-consent.inup-consent-bar {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2147483000;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.75rem 1.5rem;
	box-sizing: border-box;
	margin: 0;
	padding: 0.9rem 1.25rem;
	background: #060915;
	color: #ffffff;
	font-family: "Glegoo", "Work Sans", Arial, Helvetica, sans-serif;
	font-size: 0.9rem;
	line-height: 1.45;
	letter-spacing: normal;
	text-align: left;
	border-top: 2px solid #8201ba;
	box-shadow: 0 -4px 18px rgba(6, 9, 21, 0.35);
}

#inup-consent .inup-consent-text {
	flex: 1 1 22rem;
	margin: 0;
	padding: 0;
	color: #ffffff;
	font-size: inherit;
	font-weight: 400;
}

#inup-consent .inup-consent-text a {
	display: inline;
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	border-radius: 0;
	color: #ffffff;
	font: inherit;
	text-decoration: underline;
}

#inup-consent .inup-consent-text a:hover,
#inup-consent .inup-consent-text a:focus {
	color: #d9c3ea;
}

/* Two equal columns so Accept and Decline always get exactly the same width (also for the longer DE labels). */
#inup-consent .inup-consent-actions {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 1fr;
	flex: 0 0 auto;
	gap: 0.75rem;
	align-items: center;
}

/* Accept and Decline are intentionally identical: same size, colour and weight. */
#inup-consent .inup-consent-btn {
	display: inline-block;
	min-width: 7rem;
	margin: 0;
	padding: 0.55em 1.4em;
	background: #ffffff;
	color: #8201ba;
	border: 2px solid #8201ba;
	border-radius: 4.75em;
	font: inherit;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	white-space: nowrap;
}

#inup-consent .inup-consent-btn:hover {
	background: #efe3f7;
}

#inup-consent .inup-consent-btn:focus,
#inup-consent .inup-consent-text a:focus {
	outline: 3px solid #d9c3ea;
	outline-offset: 2px;
}

/* Fallback re-open link (only appended when a page has no footer "Cookie settings" link). */
a.inup-consent-fallback-link[data-inup-consent-open] {
	position: fixed;
	left: 0.5rem;
	bottom: 0.5rem;
	z-index: 2147482000;
	display: inline;
	margin: 0;
	padding: 0.15em 0.5em;
	background: rgba(6, 9, 21, 0.8);
	color: #ffffff;
	border: 0;
	border-radius: 3px;
	font: 0.75rem/1.4 "Glegoo", "Work Sans", Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

@media (max-width: 600px) {
	#inup-consent.inup-consent-bar {
		padding: 0.85rem 1rem;
		font-size: 0.85rem;
	}
	#inup-consent .inup-consent-text {
		flex-basis: 100%;
	}
	#inup-consent .inup-consent-actions {
		width: 100%;
	}
	#inup-consent .inup-consent-btn {
		min-width: 0;
	}
}