/* =========================================================
   Nauda.lv — Kredītu salīdzinātājs (Premium UI)
   - Modernāks "fintech" izskats
   - Vienāda augstuma pogas: "Uzzināt vairāk" + "Pieteikties"
========================================================= */

/* === BASE / RESET === */
#loan-app, .lc-card{ box-sizing:border-box; }
.lc-card *{ box-sizing:border-box; }

/* === CONTAINER === */
.lc-card{
  max-width:1100px;
  margin:40px auto;
  background:linear-gradient(180deg,#ffffff,#f7faff);
  border:1px solid #e7ebf3;
  border-radius:22px;
  padding:28px;
  box-shadow:0 24px 60px rgba(0,0,0,.08);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}

/* === HEADINGS === */
.lc-card h2{
  font-size:28px;
  margin:0 0 18px;
  font-weight:900;
  letter-spacing:-.4px;
  color:#0f172a;
}

/* === FORM ROWS === */
.lc-row{
  background:#ffffff;
  border:1px solid #e7ebf3;
  border-radius:16px;
  padding:16px 18px;
  margin-bottom:16px;
  box-shadow:0 10px 24px rgba(15,23,42,.03);
}

.lc-row label{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  font-weight:800;
  color:#13213a;
}

.lc-row label span:last-child{
  font-variant-numeric:tabular-nums;
}

.lc-desc{
  margin-top:8px;
  color:#5b6b82;
  font-size:14px;
  line-height:1.35;
}

/* === SELECT === */
.lc-row select{
  width:100%;
  margin-top:10px;
  padding:12px 12px;
  border-radius:12px;
  border:1px solid #d6deeb;
  background:#fbfdff;
  font-size:15px;
  outline:none;
}

.lc-row select:focus{
  border-color:#93c5fd;
  box-shadow:0 0 0 5px rgba(59,130,246,.18);
}

/* === RANGE === */
.lc-row input[type=range]{
  width:100%;
  margin-top:10px;
  appearance:none;
  height:7px;
  background:#e2e8f5;
  border-radius:999px;
  outline:none;
}

.lc-row input[type=range]::-webkit-slider-thumb{
  appearance:none;
  width:20px;
  height:20px;
  border-radius:50%;
  background:#2563eb;
  box-shadow:0 0 0 7px rgba(37,99,235,.16);
  cursor:pointer;
}

.lc-row input[type=range]::-moz-range-thumb{
  width:20px;
  height:20px;
  border-radius:50%;
  background:#2563eb;
  border:none;
  box-shadow:0 0 0 7px rgba(37,99,235,.16);
  cursor:pointer;
}

/* === RESULTS GRID === */
.lc-results{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(270px,1fr));
  gap:18px;
  margin-top:22px;
}

/* === LOAN CARD === */
.lc-loan{
  background:#fff;
  border:1px solid #edf1f7;
  border-radius:20px;
  padding:18px;
  text-align:center;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  position:relative;
  overflow:hidden;
}

.lc-loan:hover{
  transform:translateY(-4px);
  border-color:#dbe7ff;
  box-shadow:0 18px 44px rgba(15,23,42,.10);
}

/* Subtle top highlight */
.lc-loan::after{
  content:"";
  position:absolute;
  left:0; top:0; right:0;
  height:4px;
  background:linear-gradient(90deg, rgba(37,99,235,.0), rgba(37,99,235,.55), rgba(34,197,94,.55), rgba(34,197,94,.0));
  opacity:.55;
}

/* === BEST OFFER === */
.lc-loan.best{
  border-color:#22c55e;
  background:linear-gradient(180deg,#f1fff7,#ffffff);
}

.lc-loan.best::before{
  content:"Labākais piedāvājums";
  position:absolute;
  top:12px;
  right:12px;
  background:#22c55e;
  color:#fff;
  font-size:12px;
  font-weight:900;
  padding:6px 10px;
  border-radius:999px;
  box-shadow:0 10px 20px rgba(34,197,94,.25);
}

/* === LOGO === */
.lc-logo{
  width:96px;
  height:42px;
  object-fit:contain;
  margin:2px auto 10px;
  display:block;
}

/* === PRICES === */
.lc-price{
  font-size:24px;
  font-weight:950;
  color:#0f172a;
  margin:10px 0 6px;
  font-variant-numeric:tabular-nums;
}

.lc-meta{
  color:#334155;
  font-size:14px;
  line-height:1.45;
}

/* === ACTIONS (equal height buttons) === */
.lc-actions{
  display:flex;
  gap:10px;
  justify-content:center;
  align-items:stretch;     /* important: same height */
  margin-top:12px;
  flex-wrap:wrap;
}

.lc-btn-more,
.lc-btn-apply{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;         /* same height */
  padding:10px 14px;
  border-radius:12px;
  font-weight:900;
  text-decoration:none;
  cursor:pointer;
  white-space:nowrap;
}

.lc-btn-more{
  background:#f1f5f9;
  color:#0f172a;
  border:1px solid #dbe3ef;
}

.lc-btn-more:hover{
  background:#e9f0fb;
}

.lc-btn-apply{
  border:0;
  background:linear-gradient(135deg,#22c55e,#16a34a);
  color:#fff;
  box-shadow:0 8px 22px rgba(34,197,94,.28);
}

.lc-btn-apply:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 28px rgba(34,197,94,.36);
}

/* === DETAILS (toggle) === */
.lc-details{
  text-align:left;
  background:#fbfdff;
  border:1px solid #e7ebf3;
  border-radius:14px;
  padding:12px 12px;
}

/* === EMPTY STATE === */
.lc-empty{
  padding:18px;
  border:2px dashed #cbd5e1;
  border-radius:18px;
  color:#64748b;
  text-align:center;
  background:#ffffff;
}

/* === MOBILE === */
@media (max-width:640px){
  .lc-card{ padding:20px; margin:18px 12px; border-radius:18px; }
  .lc-card h2{ font-size:22px; }
  .lc-results{ grid-template-columns:1fr; }
  .lc-btn-more,.lc-btn-apply{ width:100%; }
}