/* Enerji Hesapla - Frontend */
.eh-widget { border:1px solid #e5e7eb; border-radius:12px; padding:16px; background:#fff; max-width:520px; }
.eh-widget .eh-title { margin-top:0; margin-bottom:12px; font-size:1.125rem; }
.eh-widget label { display:flex; flex-direction:column; gap:6px; margin-bottom:12px; }
.eh-widget input[type="number"] { padding:10px 12px; border:1px solid #cbd5e1; border-radius:10px; font-size:14px; }

/* Daha belirgin buton stili (statik defaults) */
.eh-widget .eh-btn {
  background: #0ea5e9;
  color: #ffffff;
  border: 1px solid #0ea5e9;
  border-radius: 10px;

  padding: 11px 18px;
  cursor: pointer;
  font-weight: 700;
  line-height: 1;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08);
  transition: transform 0.06s ease, box-shadow 0.2s ease, filter 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
}

.eh-widget .eh-btn:hover {
  filter: brightness(0.92);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
  transform: translateY(-1px);
}

.eh-widget .eh-btn:active {
  filter: brightness(0.88);
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.10);
  transform: translateY(0);
}

/* Default odak ve sonuç rengi (ayarlarla inline olarak override edilecek) */
.eh-widget .eh-btn:focus-visible {
  outline: 2px solid #16a34a;
  outline-offset: 2px;
}

.eh-widget .eh-result {
  margin-top:12px;
  font-weight:700;
  color:#16a34a;
}