/* =========================
   POT ODDS CALCULATOR
========================= */

.calculator-section{
  text-align:center;
  padding:28px;
}

.calculator-header{
  margin-bottom:24px;
  font-size:1rem;
  color:#94a3b8;
}

.pot-input-grid{
  display:flex;
  justify-content:center;
  gap:32px;
  margin-bottom:20px;
  flex-wrap:wrap;
}

.input-group{
  text-align:left;
  min-width:220px;
}

.input-group label{
  display:block;
  margin-bottom:6px;
  font-size:.9rem;
  color:#94a3b8;
}

.input-wrapper{
  display:flex;
  align-items:center;
  background:#0f172a;
  border:1px solid #334155;
  border-radius:16px;
  padding:12px 16px;
  transition:all .2s ease;
}

.input-wrapper:focus-within{
  border-color:#3b82f6;
  box-shadow:0 0 12px rgba(59,130,246,.35);
}

.currency{
  margin-right:8px;
  color:#94a3b8;
  font-size:1rem;
}

.input-wrapper input{
  background:transparent;
  border:none;
  outline:none;
  color:#e5e7eb;
  font-size:1.15rem;
  width:100%;
}

/* Presets */
.preset-row{
  margin-bottom:18px;
  display:flex;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
}

.preset-btn{
  background:#1e293b;
  border:1px solid #334155;
  padding:6px 14px;
  border-radius:10px;
  font-size:.8rem;
  cursor:pointer;
  transition:all .2s ease;
  width:auto;
  margin-top:0;
}
.preset-btn:hover{
  background:#334155;
  transform:translateY(-1px);
}

/* Centered calc button */
.calculator-button-wrap{
  display:flex;
  justify-content:center;
  margin-bottom:20px;
}

.primary-btn{
  width:auto;
  padding:12px 40px;
  border-radius:14px;
  font-size:1rem;
  font-weight:600;
  background:linear-gradient(135deg,var(--accent),#3b82f6);
  box-shadow:0 4px 12px rgba(96,165,250,.3);
}
.primary-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 28px rgba(96,165,250,.4);
}

/* Result animation */
.calculator-result{
  opacity:0;
  transform:translateY(8px);
  transition:all .3s ease;
  margin-top:20px;
}
.calculator-result.visible{
  opacity:1;
  transform:translateY(0);
}

/* Result helpers */
.result-error{ color:#ef4444; }
.result-divider{
  margin:16px 0;
  border-top:1px solid #1e293b;
}
.result-note{
  font-size:.95rem;
  color:#cbd5e1;
  line-height:1.6;
}
.result-subnote{
  margin-top:8px;
  font-size:.9rem;
  color:#94a3b8;
}
.helper-text{
  margin-top:6px;
  font-size:.8rem;
  color:#64748b;
}