/* ── Condominium Finder ─────── */
.wm-finder-filters {display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 24px; padding: 20px; background: #f9f9f9; border-radius: 6px;}

.wm-filter-group {display: flex; flex-direction: column; gap: 6px; min-width: 180px;}

.wm-filter-group label {font-weight: 600; font-size: .9rem;}

#wm-filter-rooms {font-size: 14px;}


/* ── Color──── */
#wm-filter-size, #wm-filter-budget, .wm-cal-toggle, #wm-modal-title, #wm-interest-form, #wm-interest-success {color: var(--wp--preset--color--dark-1);}


.wm-cal-toggle {background: var(--wp--preset--color--light-1);}






.wm-filter-checks {flex-direction: row; align-items: center; gap: 16px;}

.wm-filter-checks label {font-weight: normal; display: flex; align-items: center; gap: 6px; cursor: pointer;}

.wm-finder-count {font-size: .9rem; margin-bottom: 16px;}

.wm-finder-grid {display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 20px;}

.wm-finder-card {border: 1px solid #ddd; border-radius: 6px; overflow: hidden; background: #fff; transition: box-shadow .2s;}

.wm-finder-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,.1); }

.wm-finder-card img,
.wm-finder-no-img {width: 100%; height: 160px; object-fit: cover; display: block; background: #eee;}

.wm-finder-card-body {padding: 14px;}

.wm-finder-card-body strong {display: block; margin-bottom: 8px; font-size: 1rem;}

.wm-finder-card-body ul {list-style: none; margin: 0 0 12px 0; padding: 0; font-size: .9rem; color: #555;}

.wm-finder-card-body ul li { margin-bottom: 3px; }

#wm-finder-pagination {margin-top: 24px; display: flex; gap: 6px; flex-wrap: wrap;}

/* Slider */
input[type=range] { width: 100%; cursor: pointer; }





/* Modal */
.wm-modal {position: fixed; inset: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; height: 100vh;}

.wm-overlay {position: fixed; inset: 0; background: rgba(0,0,0,.5); height: 100vh; z-index: 9998;}


.wm-modal-inner {background: #fff; border-radius: 8px; padding: 36px; max-width: 460px; width: 94%; position: relative; z-index: 10000; box-shadow: 0 8px 32px rgba(0,0,0,.18);}

.wm-modal-close {position: absolute; top: 12px; right: 16px; background: none; border: none; font-size: 1.2rem; cursor: pointer; color: #666;}

.wm-overlay {position: fixed; inset: 0; background: rgba(0,0,0,.5); height: 100vh; z-index: 9998;}




/* Form fields */
.wm-modal-inner label,
.wm-profile-wrap label {display: block; font-weight: 600; margin-bottom: 4px; font-size: .9rem;}

.wm-modal-inner input,
.wm-profile-wrap input,
.wm-profile-wrap select {width: 100%; padding: 9px 12px; border: 1px solid #ccc; border-radius: 4px; font-size: 1rem; box-sizing: border-box;}

.wm-modal-inner p { margin-bottom: 14px; }


.wm-error { color: #d63638; font-size: .9rem; }



/* Profile page */
.wm-profile-wrap .wm-field { display: flex; gap: 10px; align-items: center; }
.wm-profile-wrap .wm-field input { flex: 1; }

.wm-profile-table { width: 100%; margin-bottom: 2vh;}






/*---------- WISHLIST -------------*/

#wm-profile h4, #wm-profile h5 {margin-bottom: 4px!important;}
#wm-sortable {display: flex; flex-direction: column;}
.wm-interest-card {display: flex; flex-direction: row;flex-wrap: wrap; width: 100%; justify-content: space-between; align-items: center; margin-bottom: 14px; border: 1px solid; border-radius: 8px; padding: 6px;}
.wm-interest-card span {display: flex; flex-direction: column; align-items: center;}
.wm-interest-card span strong {font-size: 12px!important;}


.wm-remove-interest {background: unset; border: unset;}
.wm-remove-interest svg {width: 30px; height: 30px;}



.wishlist-img {width: 140px; height: 80px; object-fit: cover; border-radius: 3px; margin: 0 8px;}
.wishlist-drag  {align-items: center; cursor: grab; font-size: 32px; display: flex; flex-direction: row;}

.wm-priority-nr  {font-size: 30px;}


.wm-col-info {display: flex; flex-direction: row; justify-content: space-around; flex: 1;}

.wm-col-buttons {display: flex; flex-direction: row;}

@media (max-width: 650px) {
.wm-col-info {flex-direction: column;}
.wm-interest-card span {flex-direction: row; align-items: center; height: 24px;}
.wm-interest-card span strong {margin-right: 8px;}}


@media (max-width: 550px) {
.wm-col-buttons {flex-direction: column; align-self: stretch; justify-content: space-evenly;}
.wm-col-buttons a {font-size: 12px;}
.wm-remove-interest svg {width: 22px; height: 22px;}}



@media (max-width: 400px) {
.wm-priority-nr {font-size: 22px; margin-top: 5px;}
.wishlist-img {width: 90px!important;}
.wm-drag-hint {font-size: 15px;}}

@media (max-width: 330px) {
.wishlist-drag {font-size: 15px;}
.wm-col-info span {font-size: 14px;}
.wishlist-img {width: 80px!important;}}