/*
 * Complianz cookie-banner skin — makes the Complianz banner match the live
 * drterrancedrew.com banner: a full-width black bar pinned to the bottom, white
 * 14px light text, a red "I accept" button, white links and a white close (×).
 * Targets Complianz 7.x banner markup. Loads after the plugin's own CSS.
 */

/* Full-width black bottom bar lives on the OUTER container, so the inner
   banner can be a centred column (live: black bar full width, content centred).
   (live: .accept-cookies { background:#000; position:fixed; bottom:0 }) */
#cmplz-cookiebanner-container {
	position: fixed !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	top: auto !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	background: #000 !important;
	z-index: 99999 !important;
	padding: 15px 0 !important;
}

/* Complianz toggles the banner's visibility with the classes .cmplz-show
   (visible) and .cmplz-dismissed (closed via the × or after consent) — NOT
   .cmplz-hidden. Show the black bar only while the banner is in .cmplz-show;
   otherwise (initial state, or after the × is clicked) hide the whole bar so
   the close button actually closes it and no empty black strip remains. */
#cmplz-cookiebanner-container:not(:has(.cmplz-cookiebanner.cmplz-show)) {
	display: none !important;
}

/* Inner content container: 60% wide, centred (margin:0 auto), transparent — the
   bar behind it is the container above. Holds the message (.cmplz-body) on the
   left and the accept button (.cmplz-buttons) on the right. */
#cmplz-cookiebanner-container .cmplz-cookiebanner,
.cmplz-cookiebanner.cmplz-bottom,
.cmplz-cookiebanner.cmplz-bottom-left,
.cmplz-cookiebanner.cmplz-bottom-right {
	position: static !important;
	width: 60% !important;
	max-width: 60% !important;
	margin: 0 auto !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	background: transparent !important;
	color: #fff !important;
	display: flex !important;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 0 !important;
}

/* Live banner has no title */
.cmplz-cookiebanner .cmplz-header .cmplz-title,
.cmplz-cookiebanner .cmplz-logo {
	display: none !important;
}

/* Only the close (×) is left in the header — pin it to the bar's top-right
   corner so it stays out of the centred 60% content flow. */
.cmplz-cookiebanner .cmplz-header {
	position: absolute !important;
	top: 8px !important;
	right: 16px !important;
	width: auto !important;
	min-width: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
}

.cmplz-cookiebanner .cmplz-body {
	flex: 1 1 auto;
	min-width: 260px;
	padding: 0 !important;
	margin: 0 !important;
}

/* Message text: white, 14px, light (live: .accept-cookies p { color:#fff; font-size:14px; font-weight:300 }) */
.cmplz-cookiebanner .cmplz-message,
.cmplz-cookiebanner .cmplz-body {
	color: #fff !important;
	font-size: 14px !important;
	font-weight: 300 !important;
	line-height: 1.4 !important;
	text-align: left !important;
	margin: 0 !important;
}

/* Links ("here" / cookie policy): white, underlined */
.cmplz-cookiebanner .cmplz-message a,
.cmplz-cookiebanner .cmplz-links a,
.cmplz-cookiebanner .cmplz-documents a {
	color: #fff !important;
	text-decoration: underline !important;
}

/* Button row */
.cmplz-cookiebanner .cmplz-buttons {
	display: flex !important;
	align-items: center;
	gap: 12px;
	flex: 0 0 auto;
	margin: 0 !important;
}

/* "I accept": red button, white uppercase label (live: .primary-button.accept) */
.cmplz-cookiebanner .cmplz-btn,
.cmplz-cookiebanner .cmplz-btn.cmplz-accept,
.cmplz-cookiebanner .cmplz-btn.cmplz-accept-marketing {
	background: #ED1C24 !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 0 !important;
	padding: 12px 28px !important;
	min-width: 0 !important;
	text-transform: uppercase !important;
	font-family: "Avenir Next Condensed Regular", sans-serif !important;
	font-size: 16px !important;
	opacity: 1 !important;
}

/* The live banner has ONLY a single "I accept" + close (×). Complianz's
   opt-out banner adds extra controls (deny, view/save preferences, manage
   options, the categories accordion and a standalone document-links row).
   Hide them all so the banner matches live 1:1. Consent stays opt-out, so
   removing these does not change what the site is allowed to load. */
.cmplz-cookiebanner .cmplz-btn.cmplz-deny,
.cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences,
.cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences,
.cmplz-cookiebanner .cmplz-btn.cmplz-manage-options,
.cmplz-cookiebanner .cmplz-save-settings,
.cmplz-cookiebanner .cmplz-categories,
.cmplz-cookiebanner .cmplz-divider,
.cmplz-cookiebanner .cmplz-links {
	display: none !important;
}

/* Close (×): white, like live */
.cmplz-cookiebanner .cmplz-close {
	color: #fff !important;
	opacity: 1 !important;
}

/* Mobile: widen the centred column and stack message over the button */
@media (max-width: 768px) {
	#cmplz-cookiebanner-container {
		padding: 15px 0 !important;
	}
	#cmplz-cookiebanner-container .cmplz-cookiebanner,
	.cmplz-cookiebanner.cmplz-bottom,
	.cmplz-cookiebanner.cmplz-bottom-left,
	.cmplz-cookiebanner.cmplz-bottom-right {
		width: 90% !important;
		max-width: 90% !important;
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
	}
}