/* =========================================================================
   WISHLIST & COMPARE — dimuat GLOBAL (lihat catatan di inc/enqueue.php).
   ========================================================================= */

.rep-icon-btn.is-active .rep-icon-heart { color: var(--rep-color-danger); }
.rep-property-card__quickview { position: absolute; top: 10px; right: 56px; background: #fff; }

/* ---------- DRAWER (Wishlist) ---------- */
.rep-drawer {
	position: fixed; top: 0; right: 0; height: 100vh; width: min(90vw, 400px);
	background: var(--rep-color-surface); z-index: 150; box-shadow: -8px 0 24px rgba(0,0,0,.12);
	display: flex; flex-direction: column;
}
.rep-drawer__header { display: flex; justify-content: space-between; align-items: center; padding: var(--rep-space-3); border-bottom: 1px solid var(--rep-color-border); }
.rep-drawer__body { flex: 1; overflow-y: auto; padding: var(--rep-space-3); }
.rep-drawer__body .rep-property-grid { grid-template-columns: 1fr; }
.rep-drawer__overlay, .rep-js-drawer-overlay {
	position: fixed; inset: 0; background: rgba(0,0,0,.4); z-index: 140;
}

/* ---------- COMPARE FLOATING BAR ---------- */
.rep-compare-bar {
	position: fixed; bottom: 0; left: 0; right: 0; z-index: 60;
	background: var(--rep-color-primary); color: #fff;
	padding: 14px var(--rep-space-3); display: flex; justify-content: space-between; align-items: center;
	flex-wrap: wrap; gap: 10px;
}
.rep-compare-bar__actions { display: flex; gap: 8px; }

/* ---------- MODAL (Compare Table & Quick View shell) ---------- */
.rep-modal { position: fixed; inset: 0; z-index: 200; display: flex; align-items: center; justify-content: center; padding: var(--rep-space-3); }
.rep-modal__overlay { position: absolute; inset: 0; background: rgba(0,0,0,.6); }
.rep-modal__panel {
	position: relative; background: var(--rep-color-surface); border-radius: var(--rep-radius-card);
	max-width: 480px; width: 100%; max-height: 85vh; overflow-y: auto; padding: var(--rep-space-4);
}
.rep-modal__panel--wide { max-width: 960px; }
.rep-modal__close { position: absolute; top: 14px; right: 14px; background: none; border: none; font-size: 24px; cursor: pointer; line-height: 1; }

/* ---------- COMPARE TABLE ---------- */
.rep-compare-table { width: 100%; border-collapse: collapse; margin-top: var(--rep-space-3); }
.rep-compare-table th, .rep-compare-table td { border: 1px solid var(--rep-color-border); padding: 10px 12px; text-align: left; font-size: .875rem; vertical-align: top; }
.rep-compare-table th:first-child, .rep-compare-table td:first-child { font-weight: 600; background: var(--rep-color-surface-alt); white-space: nowrap; }
.rep-compare-table__col-head { display: flex; flex-direction: column; gap: 6px; min-width: 140px; }
.rep-compare-table__col-head img { width: 100%; aspect-ratio: 4/3; object-fit: cover; border-radius: 6px; }
.rep-js-compare-remove { font-size: .75rem; color: var(--rep-color-danger); background: none; border: none; cursor: pointer; padding: 0; text-align: left; }

@media (max-width: 600px) {
	.rep-drawer { width: 100vw; }
}