/* /listing/css/compare.css?v=1.0.2
   LIVBEN • Compare — HOME ile aynı ölçü (şablon container'ını bozmadan)
   Scope: ONLY compare view (bu view zaten <section class="lb-home"> içinde)
*/

/* =========================
   Tokens (sayfa içi)
========================= */
.lb-home{
  --lb-c-bg:#ffffff;
  --lb-c-text: rgba(0,0,0,.88);
  --lb-c-muted: rgba(0,0,0,.58);
  --lb-c-line: rgba(0,0,0,.10);

  --lb-c-radius: 16px;
  --lb-c-radius-lg: 18px;

  --lb-c-shadow: 0 2px 12px rgba(0,0,0,.05);
  --lb-c-shadow-hover: 0 14px 34px rgba(0,0,0,.10);

  --lb-c-primary:#0d6efd;
  --lb-c-success:#16a34a;
  --lb-c-warn:#f59e0b;
  --lb-c-danger:#dc3545;

  --lb-c-chip-bd: rgba(0,0,0,.10);
}

/* =========================
   ✅ ÖLÇÜ FIX (asıl problem)
   - Layout zaten container/padding veriyor.
   - Buradaki ekstra max-width + padding sayfayı kaydırıyordu.
========================= */
.lb-home .lb-compare-container{
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

/* =========================
   Header
========================= */
.lb-home .lb-compare-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}
.lb-home .lb-compare-headLeft{ min-width: min(820px, 100%); }

.lb-home .lb-compare-titleRow{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.lb-home .lb-compare-title{ margin:0; }

.lb-home .lb-compare-countBadge{
  border:1px solid var(--lb-c-line);
  font-weight:900;
  border-radius:999px;
  padding:.35rem .6rem;
}

.lb-home .lb-compare-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
}

/* summary pills */
.lb-home .lb-compare-summaryRow{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:10px;
}
.lb-home .lb-compare-pill{
  border:1px solid var(--lb-c-line);
  font-weight:900;
  border-radius:999px;
  padding:.35rem .6rem;
  background: var(--lb-c-bg);
}

/* =========================
   Chip bar
========================= */
.lb-home .lb-chipBar{
  margin-top:10px;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.lb-home .lb-chip{
  appearance:none;
  border:1px solid var(--lb-c-chip-bd);
  background: var(--lb-c-bg);
  color: var(--lb-c-text);
  border-radius:999px;
  padding: 8px 12px;
  font-weight:900;
  font-size:.86rem;
  line-height:1;
  cursor:pointer;
  user-select:none;
  -webkit-tap-highlight-color: transparent;
  transition: background .12s ease, border-color .12s ease, transform .12s ease;
}
.lb-home .lb-chip:hover{ background: rgba(0,0,0,.03); }
.lb-home .lb-chip:active{ transform: scale(.98); }

.lb-home .lb-chip.is-on{
  border-color: rgba(22,163,74,.35);
  background: rgba(22,163,74,.10);
  color: var(--lb-c-success);
}

/* =========================
   Mini buttons
========================= */
.lb-home .lb-miniBtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid rgba(0,0,0,.12);
  border-radius: 12px;
  padding: 8px 12px;
  background: var(--lb-c-bg);
  color: inherit;
  text-decoration:none;
  font-weight:900;
  font-size:.86rem;
  line-height:1;
  cursor:pointer;
  transition: background .12s ease, transform .12s ease, border-color .12s ease;
}
.lb-home .lb-miniBtn:hover{ background: rgba(0,0,0,.03); }
.lb-home .lb-miniBtn:active{ transform: scale(.98); }

.lb-home .lb-actionsRow{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top: 10px;
}

/* =========================
   Empty state / tip
========================= */
.lb-home .lb-compare-empty{
  border:1px solid rgba(0,0,0,.08);
  border-radius: var(--lb-c-radius-lg);
  padding: 18px;
  background: var(--lb-c-bg);
  box-shadow: var(--lb-c-shadow);
}
.lb-home .lb-compare-emptyTitle{ font-weight: 950; }
.lb-home .lb-compare-emptySub{ margin-top: 6px; }
.lb-home .lb-compare-emptyBtns{ margin-top: 12px; display:flex; gap:10px; flex-wrap:wrap; }
.lb-home .lb-compare-emptyHint{ margin-top: 10px; }

.lb-home .lb-compare-tip{ border-radius: var(--lb-c-radius); }

/* =========================
   Grid cards wrapper
========================= */
.lb-home #lbCompareGrid{ margin-top: 12px; }
.lb-home .lb-compareCardWrap{ position: relative; }

/* =========================
   Mobile compare
========================= */
.lb-home .lb-mobileCompare{
  display:none;
  margin-top: 14px;
}
.lb-home .lb-summaryBox{
  border:1px solid rgba(0,0,0,.10);
  border-radius: var(--lb-c-radius);
  background: var(--lb-c-bg);
  padding: 12px;
  margin-bottom: 10px;
  box-shadow: var(--lb-c-shadow);
}
.lb-home .lb-summaryTitle{ font-weight: 950; }
.lb-home .lb-summarySub{ margin-top: 4px; }

/* =========================
   Table
========================= */
.lb-home .lb-tableWrap{
  margin-top: 14px;
  border: 1px solid rgba(0,0,0,.10);
  border-radius: var(--lb-c-radius-lg);
  overflow: auto;
  background: var(--lb-c-bg);
  box-shadow: var(--lb-c-shadow);
}

.lb-home .lb-t{
  width: 100%;
  min-width: 980px;
  border-collapse: separate;
  border-spacing: 0;
  color: var(--lb-c-text);
}

.lb-home .lb-t th,
.lb-home .lb-t td{
  padding: 12px 14px;
  border-bottom: 1px solid rgba(0,0,0,.06);
  vertical-align: top;
}

.lb-home .lb-t thead th{
  border-bottom: 1px solid rgba(0,0,0,.10);
  background: var(--lb-c-bg);
}

/* sticky left column */
.lb-home .lb-stickyL{
  position: sticky;
  left: 0;
  z-index: 4;
  text-align: left;
  width: 240px;
  background: var(--lb-c-bg);
  box-shadow: 8px 0 18px rgba(0,0,0,.03);
}

.lb-home .lb-stickyL2{
  position: sticky;
  left: 0;
  z-index: 3;
  font-weight: 950;
  white-space: nowrap;
  background: var(--lb-c-bg);
  box-shadow: 8px 0 18px rgba(0,0,0,.03);
}

.lb-home .lb-colhead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap: 10px;
}
.lb-home .lb-colheadTitle{
  font-weight: 950;
  white-space: nowrap;
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lb-home .lb-bad{
  display:flex;
  gap: 6px;
  flex-wrap: wrap;
  align-items:flex-start;
  justify-content:flex-end;
  min-height: 22px;
}

.lb-home .lb-diff{ background: rgba(255,193,7,.10); }
.lb-home .lb-same{ opacity: .78; }

/* Winner badges */
.lb-home .lb-win{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 5px 9px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.12);
  background: rgba(0,0,0,.03);
  font-weight: 950;
  font-size: .74rem;
  line-height: 1;
}
.lb-home .lb-win-cheap{
  border-color: rgba(22,163,74,.25);
  background: rgba(22,163,74,.12);
  color: var(--lb-c-success);
}
.lb-home .lb-win-exp{
  border-color: rgba(245,158,11,.25);
  background: rgba(245,158,11,.12);
  color: #b45309;
}
.lb-home .lb-win-new{
  border-color: rgba(13,110,253,.25);
  background: rgba(13,110,253,.12);
  color: var(--lb-c-primary);
}

/* Responsive */
@media (max-width: 860px){
  .lb-home .lb-tableWrap{ display:none; }
  .lb-home .lb-mobileCompare{ display:block; }
}

/* Print */
@media print{
  .lb-home .lb-sec-actions,
  .lb-home .lb-chipBar,
  .lb-home .lb-mobileCompare,
  .lb-home .alert,
  .lb-home .lb-miniBtn,
  .lb-home #lbCompareClearForm{
    display:none !important;
  }
  .lb-home .lb-tableWrap{ display:block !important; }
  body{ background:#fff !important; }
}