/* lc-wedding-compare.css — side-by-side shortlist comparison */
#lc-wedding-compare-app {
  --lcc-ink:#2d2e33; --lcc-muted:#6c6d74; --lcc-line:#e5e5e7; --lcc-bg:#fff;
  --lcc-soft:#f7f7f7; --lcc-accent:#303033; --lcc-heart:#d6455f;
  max-width:1100px; margin:0 auto; padding:8px 16px 56px; color:var(--lcc-ink);
}

.lc-cmp-loading { text-align:center; color:var(--lcc-muted); padding:48px 0; }

/* empty state */
.lc-cmp-empty { text-align:center; padding:48px 20px; }
.lc-cmp-empty h3 { font-size:22px; margin:0 0 6px; }
.lc-cmp-empty p { color:var(--lcc-muted); margin:0 0 20px; }
.lc-cmp-cta { display:inline-block; background:var(--lcc-accent); color:#fff; text-decoration:none; padding:11px 22px; border-radius:10px; font-weight:700; }
.lc-cmp-cta--ghost { background:#fff; color:var(--lcc-accent); border:1px solid var(--lcc-accent); }

/* table */
.lc-cmp-wrap { overflow-x:auto; -webkit-overflow-scrolling:touch; }
.lc-cmp-table { border-collapse:separate; border-spacing:0; width:100%; min-width:520px; }
.lc-cmp-table th, .lc-cmp-table td { text-align:left; padding:12px 14px; border-bottom:1px solid var(--lcc-line); vertical-align:top; }
.lc-cmp-rowhead { width:130px; color:var(--lcc-muted); font-size:12.5px; text-transform:uppercase; letter-spacing:.03em; font-weight:600; background:var(--lcc-soft); position:sticky; left:0; z-index:2; }
.lc-cmp-col { position:relative; min-width:180px; background:var(--lcc-bg); border-bottom:2px solid var(--lcc-line); }
.lc-cmp-table tbody td { font-size:14.5px; }

.lc-cmp-card { display:block; text-decoration:none; color:var(--lcc-ink); }
.lc-cmp-card img, .lc-cmp-noimg { display:block; width:100%; height:110px; object-fit:cover; border-radius:9px; background:var(--lcc-soft); }
.lc-cmp-name { display:block; font-weight:700; font-size:15px; margin-top:8px; line-height:1.25; }
.lc-cmp-card:hover .lc-cmp-name { color:var(--lcc-accent); }
.lc-cmp-rm { position:absolute; top:4px; right:4px; z-index:3; width:26px; height:26px; border-radius:50%; border:none; cursor:pointer; background:rgba(255,255,255,.92); color:#8a9490; font-size:18px; line-height:1; box-shadow:0 1px 4px rgba(0,0,0,.18); }
.lc-cmp-rm:hover { color:var(--lcc-heart); }

.lc-cmp-yes { color:var(--lcc-accent); font-weight:700; }
.lc-cmp-no { color:#b7beba; }