/* The Project List inside Global Select (inc/features/project-list-gs.php, card #673; Global Select pages only).
   The panel is the quote drawer (quote-popup.css: band, close, desktop drawer, phone sheet); these are its rows,
   the ♡ count and the line on top of the quote pop-up. GS colours: ink #2f3f2e, head #3f573e, sage #9ebc96,
   line #dcdfd9, band #f2f3f1. Links: ink with a 1px #666 underline; arrow links underline on hover only. */

/* 1. The ♡ count ------------------------------------------------------------------------------------ */
.gs-hdr .gs-hdr__heart { position: relative; }
.swp-plgs-count {
	position: absolute;
	top: 3px;
	right: 0;
	min-width: 18px;
	height: 18px;
	padding: 0 5px;
	border-radius: 9px;
	background: #3f573e;
	color: #ffffff;
	font: 700 11px/18px Lato, "Lato Fallback", sans-serif;
	text-align: center;
	pointer-events: none;
}
.swp-plgs-count[hidden] { display: none; }

/* 2. The panel's rows -------------------------------------------------------------------------------- */
.swp-plgs__loading,
.swp-plgs__empty { margin: 0 0 20px; color: #3d4a3b; font-size: 16px; line-height: 1.5; }
.swp-plgs__items { margin: 0 0 8px; padding: 0; list-style: none; }
.swp-plgs__items[hidden],
.swp-plgs__empty[hidden],
.swp-plgs__others[hidden] { display: none; }
.swp-plgs .swp-plgs__item {
	display: grid;
	grid-template-columns: 56px 1fr 36px;
	align-items: center;
	gap: 14px;
	margin: 0;
	padding: 12px 0;
	border-bottom: 1px solid #dcdfd9;
}
.swp-plgs .swp-plgs__item:first-child { padding-top: 0; }
.swp-plgs__item.is-busy { opacity: 0.45; }
.swp-plgs__pic { display: block; width: 56px; height: 56px; background: #f2f3f1; }
.swp-plgs__pic img { display: block; width: 56px; height: 56px; object-fit: cover; }
.swp-plgs__txt { min-width: 0; }
.swp-plgs .swp-plgs__name {
	display: block;
	color: #2f3f2e;
	font: 700 16px/1.3 Lato, "Lato Fallback", sans-serif;
	text-decoration: none;
}
.swp-plgs .swp-plgs__name:hover { text-decoration: underline; text-decoration-color: #666666; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.swp-plgs__no { display: block; margin-top: 2px; color: #666666; font-size: 13px; line-height: 1.4; }
.swp-plgs .swp-plgs__x {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	min-height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: #666666;
	box-shadow: none;
}
.swp-plgs .swp-plgs__x:hover { background: #f2f3f1; color: #2f3f2e; }
.swp-plgs .swp-plgs__x:focus-visible { outline: 2px solid #3f573e; outline-offset: 2px; }
.swp-plgs__x svg { stroke: currentColor; stroke-width: 2; fill: none; }
.swp-plgs__others { margin: 12px 0 0; font-size: 14px; }

/* Body copy links (the empty line, "other items", the quote pop-up's line) */
.swp-plgs__empty a,
.swp-plgs__others a,
.swp-plgs-note a {
	color: #2f3f2e;
	text-decoration: underline;
	text-decoration-color: #666666;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}
.swp-plgs__empty a:hover,
.swp-plgs__others a:hover,
.swp-plgs-note a:hover { color: #2f3f2e; text-decoration-color: #2f3f2e; }
.swp-plgs-note a { white-space: nowrap; }

/* 3. The panel's buttons: the Global Select box button + an arrow link -------------------------------- */
.swp-plgs__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 24px; margin-top: 24px; }
.swp-plgs .swp-plgs__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 52px;
	margin: 0;
	padding: 0 26px;
	border: 2px solid #2f3f2e;
	border-radius: 0;
	background: #ffffff;
	color: #2f3f2e;
	box-shadow: 4px 4px 0 #9ebc96;
	font: 700 16px/1.2 Lato, "Lato Fallback", sans-serif;
	text-decoration: none;
	transition: transform 0.12s, box-shadow 0.12s;
}
.swp-plgs .swp-plgs__btn:hover { color: #2f3f2e; transform: translate(-1px, -1px); box-shadow: 5px 5px 0 #9ebc96; }
.swp-plgs .swp-plgs__btn:focus-visible { outline: 2px solid #3f573e; outline-offset: 3px; }
.swp-plgs__btn .gs-play { flex: none; color: #3f573e; }
.swp-plgs .swp-plgs__more { color: #2f3f2e; font: 700 15px/1.3 Lato, "Lato Fallback", sans-serif; text-decoration: none; }
.swp-plgs .swp-plgs__more::after { content: " \203A"; }
.swp-plgs .swp-plgs__more:hover { color: #2f3f2e; text-decoration: underline; text-decoration-color: #666666; text-decoration-thickness: 1px; text-underline-offset: 3px; }

/* 4. The line on top of the quote pop-up (#stone-quote) ----------------------------------------------- */
.swp-plgs-note {
	margin: 0 0 18px;
	padding: 10px 14px;
	background: #f2f3f1;
	color: #3d4a3b;
	font-size: 14px;
	line-height: 1.5;
}