/* ==========================================================================
   Dewan Realtors — Compare page + global compare panel (dark + gold)
   ========================================================================== */

/* ---- Compare page table (scoped under .dewan-compare / .dewan-prop) ---- */
.dewan-compare{padding-top:40px;}
.dewan-compare .cmp-empty{margin-top:24px;color:#b3a892;font:300 16px/1.7 'Jost',sans-serif;}
.dewan-compare .cmp-browse{display:inline-block;margin-top:18px;background:var(--gold,#C2A05B);color:#1a1407;font:600 14px/1 'Jost';padding:14px 24px;border-radius:11px;text-decoration:none;}
.dewan-compare .cmp-browse:hover{background:#d8b86a;}

.dewan-compare .cmp-table-wrap{margin-top:26px;overflow-x:auto;border:1px solid rgba(242,236,223,.1);border-radius:16px;}
.dewan-compare .cmp-table{width:100%;border-collapse:collapse;min-width:680px;background:#0E0C09;table-layout:fixed;}
.dewan-compare .cmp-table th,.dewan-compare .cmp-table td{text-align:left;vertical-align:middle;padding:16px 20px;border-bottom:1px solid rgba(242,236,223,.08);overflow-wrap:anywhere;word-break:break-word;}
.dewan-compare .cmp-table tbody tr:nth-child(even){background:rgba(242,236,223,.02);}
.dewan-compare .cmp-table tbody tr:last-child td,.dewan-compare .cmp-table tbody tr:last-child th{border-bottom:0;}

/* sticky first (label) column */
.dewan-compare .cmp-corner,
.dewan-compare .cmp-label{position:sticky;left:0;z-index:2;background:#13110C;width:180px;
  font:600 12px/1.3 'Jost';letter-spacing:.08em;text-transform:uppercase;color:#8a7f6a;}
.dewan-compare .cmp-corner{background:#13110C;}

/* header cells — equal width via table-layout:fixed */
.dewan-compare .cmp-head{background:#13110C;vertical-align:top;}
.dewan-compare .cmp-thumb{display:block;height:150px;border-radius:12px;background:#1a1611 center/cover no-repeat;border:1px solid rgba(242,236,223,.1);}
.dewan-compare .cmp-name{display:block;margin-top:12px;font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:600;color:#F6F1E6;text-decoration:none;}
.dewan-compare .cmp-name:hover{color:var(--gold,#C2A05B);}

/* value cells */
.dewan-compare .cmp-cell{font:400 14.5px/1.5 'Jost';color:#e3d9c5;}
/* locked (gated) cell — clearly visible chip */
.dewan-compare .cmp-locked{display:inline-flex;align-items:center;gap:6px;color:var(--gold,#C2A05B);
  background:rgba(194,160,91,.1);border:1px solid rgba(194,160,91,.28);border-radius:7px;padding:6px 11px;
  font:500 11px/1 'Jost';letter-spacing:.1em;text-transform:uppercase;}
.dewan-compare .cmp-locked em{font-style:normal;}
.dewan-compare .cmp-view{display:inline-flex;align-items:center;gap:7px;background:var(--gold,#C2A05B);color:#1a1407;font:600 13.5px/1 'Jost';padding:11px 18px;border-radius:9px;text-decoration:none;}
.dewan-compare .cmp-view:hover{background:#d8b86a;}

@media(max-width:680px){
  .dewan-compare .cmp-table th,.dewan-compare .cmp-table td{padding:12px 14px;}
  .dewan-compare .cmp-head{min-width:180px;}
  .dewan-compare .cmp-thumb{height:110px;}
}

/* ---- Compare gate (unlock bar + masked cells) ---- */
.dewan-compare .cmp-unlock-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;
  margin:0 0 22px;background:#13110C;border:1px solid rgba(194,160,91,.3);border-radius:14px;padding:18px 22px;}
.dewan-compare .cub-text{display:flex;align-items:center;gap:12px;font:300 14.5px/1.5 'Jost',sans-serif;color:#b3a892;max-width:560px;}
.dewan-compare .cub-ico{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(194,160,91,.14);border:1px solid rgba(194,160,91,.4);color:var(--gold,#C2A05B);flex:none;}
.dewan-compare .cub-form{display:flex;align-items:center;gap:10px;}
.dewan-compare .cub-phone{display:flex;align-items:center;background:#0E0C09;border:1px solid rgba(242,236,223,.16);border-radius:11px;padding:0 14px;}
.dewan-compare .cub-phone.err{border-color:#a85a3a;}
.dewan-compare .cub-phone .cc{font:500 15px/1 'Jost';color:#8a7f6a;padding-right:10px;border-right:1px solid rgba(242,236,223,.14);}
.dewan-compare .cub-input{background:transparent;border:0;outline:none;color:#F2ECDF;font:500 15px/1 'Jost';padding:14px 0 14px 12px;width:170px;}
.dewan-compare .cub-btn{cursor:pointer;border:0;background:var(--gold,#C2A05B);color:#1a1407;font:600 14.5px/1 'Jost';padding:15px 26px;border-radius:11px;}
.dewan-compare .cub-btn:hover{background:#d8b86a;}
.dewan-compare .cub-btn[disabled]{opacity:.6;cursor:default;}
.dewan-compare .cub-error{flex-basis:100%;color:#e0915f;font:400 12.5px/1 'Jost';}
.dewan-compare .cmp-mask{display:inline-block;filter:blur(5px);user-select:none;color:#8a7f6a;}

/* ---- Add-to-Compare button on the property detail page ---- */
/* wrapper exists only so Houzez's compare JS can read the thumbnail img; keep it inert */
.dewan-prop .dewan-compare-wrap{display:inline-flex;align-items:center;padding:0;margin:0;border:0;background:none;}
.dewan-prop .dewan-compare-wrap > img{display:none !important;}
.dewan-prop .dewan-compare-add{display:inline-flex;align-items:center;gap:8px;cursor:pointer;
  font:500 12.5px/1 'Jost';color:#c8bda4;background:transparent;border:1px solid rgba(242,236,223,.16);
  padding:8px 14px;border-radius:8px;text-decoration:none;transition:color .15s,border-color .15s;}
.dewan-prop .dewan-compare-add:hover,
.dewan-prop .dewan-compare-add.compare-active{color:var(--gold,#C2A05B);border-color:var(--gold,#C2A05B);}
.dewan-prop .dewan-compare-add .houzez-icon{font-size:15px;}

/* ---- Global slide-out compare panel (Houzez markup, reskinned) ---- */
.compare-property-panel{background:#0E0C09 !important;border-left:1px solid rgba(242,236,223,.1) !important;color:#F2ECDF !important;}
.compare-property-panel h2,.compare-property-panel h3,.compare-property-panel .panel-title{color:#F6F1E6 !important;font-family:'Cormorant Garamond',serif !important;}
.compare-property-panel .compare-wrap{background:transparent !important;}
.compare-property-panel .compare-item{border:1px solid rgba(242,236,223,.12) !important;border-radius:10px !important;overflow:hidden;background:#15120D !important;}
.compare-property-panel .remove-compare{color:#e0915f !important;}

/* the floating tab that opens the panel */
.compare-property-label.show-compare-panel{background:var(--gold,#C2A05B) !important;color:#1a1407 !important;border:0 !important;font-family:'Jost',sans-serif !important;font-weight:600 !important;}

/* panel action buttons */
.compare-property-panel .compare-btn,
.compare-btn.btn-primary{background:var(--gold,#C2A05B) !important;border:0 !important;color:#1a1407 !important;font-family:'Jost',sans-serif !important;font-weight:600 !important;border-radius:10px !important;}
.compare-property-panel .compare-btn:hover,.compare-btn.btn-primary:hover{background:#d8b86a !important;}
.compare-property-panel .close-compare-panel,
.close-compare-panel.btn-grey-outlined{background:transparent !important;border:1px solid rgba(242,236,223,.2) !important;color:#e3d9c5 !important;border-radius:10px !important;}
.compare-property-panel .close-compare-panel:hover{border-color:var(--gold,#C2A05B) !important;color:var(--gold,#C2A05B) !important;}