/**
 * Pure Exhibits Shortlist — styles.
 * Loaded only on pages rendering [my_booth_gallery].
 * The .my-gallery-btn rules are duplicated inline here on purpose:
 * listing pages get them from the theme's product-listing styles,
 * the shortlist page gets them from this file.
 */

/* Save button on listing cards — upgraded from a bare text link to a
   visible pill; saved state flips to navy. toggle.js drives the text. */
.my-gallery-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 34px;
	padding: 0 16px;
	border: 1px solid #ddd;
	border-radius: 999px;
	font-size: 13px;
	color: #333;
	text-decoration: none;
	transition: background 0.15s, color 0.15s, border-color 0.15s;
}
.my-gallery-btn:hover {
	border-color: #0f1520;
	color: #0f1520;
	text-decoration: none;
}
.my-gallery-btn.gallery-saved {
	background: #0f1520;
	border-color: #0f1520;
	color: #ffffff;
	font-weight: 600;
}
.my-gallery-btn.gallery-saved::before {
	content: '\2713\00a0';
}

/* Live count badge on nav links pointing at the shortlist page */
.pe-nav-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 20px;
	height: 20px;
	padding: 0 6px;
	margin-left: 7px;
	background: #e9a13b;
	color: #0f1520;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	vertical-align: 1px;
}

/* FIX: header phone number was wrapping onto three lines */
a[href^="tel:"] {
	white-space: nowrap;
}

/* Hover states — brand amber + navy */
#pe-share-btn:hover,
#pe-pdf-btn:hover {
	background: #f6f6f6;
	color: #111;
}
#pe-quote-btn:hover,
.pe-remove:hover,
#pe-modal-pdf:hover {
	background: #222;
	color: #fff;
}
#pe-compare-clear:hover {
	color: #fff;
	border-color: #777;
}
#pe-shortlist-app .pe-view-booth:hover,
#pe-compare-bar #pe-compare-open:hover,
#pe-quickview .pe-booth-pdf:hover {
	background: #d8922e !important;
	color: #0f1520 !important;
}
#pe-quickview .pe-qv-prev:hover,
#pe-quickview .pe-qv-next:hover {
	background: rgba(15, 21, 32, 0.95) !important;
}
@media (max-width: 640px) {
	#pe-quickview { padding: 12px 8px; }
	#pe-quickview .pe-qv-body > div { min-width: 100% !important; }
}

/* Keep anchors from picking up theme underline/visited colors */
#pe-shortlist-app a[role="button"],
#pe-compare-bar a[role="button"],
#pe-compare-modal a[role="button"] {
	text-decoration: none;
}

/* ── Interaction hardening ─────────────────────────────────────
   Some theme/plugin CSS can disable selection or intercept clicks
   inside cards. Force the interactive pieces to stay interactive. */
#pe-shortlist-app .pe-booth-col .card {
	position: relative;
	z-index: 1;
}
#pe-shortlist-app .pe-note,
#pe-quickview .pe-note {
	pointer-events: auto !important;
	position: relative;
	z-index: 3;
	-webkit-user-select: text !important;
	user-select: text !important;
	cursor: text;
	/* FIX: typed text was invisible — a theme rule was overriding the
	   textarea's text styling. Pin every property that affects
	   visibility so nothing can hide the client's own notes. */
	color: #1d1d1f !important;
	-webkit-text-fill-color: #1d1d1f !important;
	caret-color: #1d1d1f !important;
	background: #ffffff !important;
	opacity: 1 !important;
	font-size: 13px !important;
	line-height: 1.5 !important;
	font-family: inherit !important;
	text-indent: 0 !important;
	text-shadow: none !important;
}
#pe-shortlist-app .pe-note::placeholder,
#pe-quickview .pe-note::placeholder {
	color: #9aa2af !important;
	-webkit-text-fill-color: #9aa2af !important;
	opacity: 1 !important;
}
#pe-shortlist-app .pe-note:focus,
#pe-quickview .pe-note:focus {
	outline: none;
	border-color: #e9a13b !important;
	box-shadow: 0 0 0 3px rgba(233, 161, 59, 0.20);
}
#pe-shortlist-app .pe-view-booth,
#pe-shortlist-app .pe-remove,
#pe-shortlist-app .pe-booth-pdf {
	pointer-events: auto !important;
	position: relative;
	z-index: 3;
}
#pe-shortlist-app .pe-booth-pdf:hover {
	color: #111 !important;
}

@media (max-width: 576px) {
	#pe-shortlist-app .pe-booth-col {
		padding-left: 8px;
		padding-right: 8px;
	}
}