/**
 * ==========================================================
 * SRX - Privacy Choices (banner looks)
 * ==========================================================
 *
 * Author:  MJ Bomar
 * Version: 1.0.0
 *
 * Changelog:
 * 1.0.0 (2026-07-27) - First build. The slim plum bar pinned to the
 *   bottom of the screen: one sentence, a lavender Privacy Policy link,
 *   and the Reject All / Accept All buttons dressed like the site's own
 *   buttons (light Sohne, uppercase, 8px corners).
 *
 * The bar prints hidden on every page; the script adds .srx-pc-open only
 * for visitors who have not made a choice yet (or who reopen it from the
 * footer's Privacy Choices link). It sits above everything else on the
 * site (the header is z-index 100, the mobile filter panel 776), and the
 * bottom padding respects the iPhone home-bar safe area.
 */

/* Hidden until the script decides the visitor should see it. The
   container rules hang off the ID on purpose: the banner carries
   role="region" for screen readers, and a core stylesheet has a generic
   [role="region"] { position: relative } rule that ties our class on
   specificity and loads later. The ID outranks it cleanly. */
#srx-privacy-choices {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 99990;
	background: #371d4f;
	color: #ffffff;
	padding: 14px 20px calc(14px + env(safe-area-inset-bottom, 0px));
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
}

#srx-privacy-choices.srx-pc-open {
	display: flex;
}

/* The one sentence and its lavender policy link. */
.srx-privacy-choices .srx-pc-text {
	margin: 0;
	flex: 1 1 260px;
	font-size: 15px;
	font-weight: 300;
	line-height: 1.5;
	color: #ffffff;
}

.srx-privacy-choices .srx-pc-text a {
	color: #d8c7dc;
	text-decoration: underline;
}

.srx-privacy-choices .srx-pc-text a:hover {
	color: #ffffff;
}

/* The two buttons, dressed like the site's own: light weight, uppercase,
   8px corners. Reject is the quiet outline, Accept is the white solid. */
.srx-privacy-choices .srx-pc-buttons {
	display: flex;
	gap: 8px;
	margin-left: auto;
}

.srx-privacy-choices .srx-pc-btn {
	font-family: inherit;
	font-size: 12px;
	font-weight: 300;
	letter-spacing: 0.4px;
	text-transform: uppercase;
	line-height: 1;
	padding: 11px 20px;
	border-radius: 8px;
	cursor: pointer;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.srx-privacy-choices .srx-pc-btn-reject {
	background: transparent;
	color: #ffffff;
	border: 1px solid #d8c7dc;
}

.srx-privacy-choices .srx-pc-btn-reject:hover {
	background: rgba(216, 199, 220, 0.15);
}

.srx-privacy-choices .srx-pc-btn-accept {
	background: #ffffff;
	color: #371d4f;
	border: 1px solid #ffffff;
}

.srx-privacy-choices .srx-pc-btn-accept:hover {
	background: #d8c7dc;
	border-color: #d8c7dc;
}

/* Keyboard visitors get a clear lavender focus ring. */
.srx-privacy-choices .srx-pc-btn:focus-visible {
	outline: 2px solid #d8c7dc;
	outline-offset: 2px;
}

/* Phones: the sentence takes the full width and the buttons split the
   row under it, so nothing ever squeezes off screen. */
@media (max-width: 640px) {
	.srx-privacy-choices .srx-pc-buttons {
		width: 100%;
		margin-left: 0;
	}

	.srx-privacy-choices .srx-pc-btn {
		flex: 1 1 0;
	}
}