/* ---- from legacy compare-widget.php, lines 13-51 ---- */
.cp-cmp-tray{
	position:fixed; left:16px; bottom:16px; z-index:99999;
	background:#fff; border-radius:16px; box-shadow:0 10px 34px rgba(0,0,0,.22);
	padding:12px 14px; display:flex; align-items:center; gap:14px;
	border:1px solid #eef1f4; max-width:calc(100vw - 32px);
}
.cp-cmp-tray-items{ display:flex; gap:8px; }
.cp-cmp-thumb{ position:relative; width:44px; height:44px; border-radius:10px; overflow:hidden; flex:0 0 auto; }
.cp-cmp-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.cp-cmp-thumb-remove{
	position:absolute; top:-5px; right:-5px; width:16px; height:16px; border-radius:50%;
	background:#1a2c4e; color:#fff; font-size:10px; line-height:16px; text-align:center;
	cursor:pointer; box-shadow:0 1px 4px rgba(0,0,0,.3);
}
.cp-cmp-tray-actions{ display:flex; align-items:center; gap:8px; }
.cp-cmp-clear{ background:none; border:none; color:#64748b; font-size:12px; font-weight:600; cursor:pointer; padding:6px 4px; }
.cp-cmp-go{
	background:#197003; color:#fff; border:none; border-radius:999px;
	padding:10px 18px; font-size:13px; font-weight:700; cursor:pointer; white-space:nowrap;
	box-shadow:none;
}
.cp-cmp-go:disabled{ opacity:.5; cursor:not-allowed; }
@media (max-width:768px){
	/* Sit above the site-wide app-style bottom tab bar (.cp-bottom-nav,
	   height 60px + safe-area inset) so the tray isn't hidden behind it */
	.cp-cmp-tray{ left:8px; right:8px; bottom:calc(68px + env(safe-area-inset-bottom, 0px)); max-width:none; }
}
/* When the sticky mobile contact bar (property-detail.php) is present instead
   (it hides .cp-bottom-nav), sit above that bar instead */
body.cp-has-mobile-contact-bar .cp-cmp-tray{ bottom:72px; }
@media (max-width:768px){
	body.cp-has-mobile-contact-bar .cp-cmp-tray{ bottom:72px; left:8px; right:8px; }
}
/* Active state for the compare-toggle icon buttons on property cards */
.cp-compare-toggle.cp-compare-active{ background:#197003 !important; }
.cp-compare-toggle.cp-compare-active i,
.cp-compare-toggle.cp-compare-active svg{ color:#fff !important; stroke:#fff !important; }