/* Easy Unit Converter (Local) — dark style fully local */

/* Base (inherits from your theme's .epdf-wrap) */
.eucl-wrap { --eucl-green:#00d084; --eucl-green-hover:#05b374; --eucl-text:#eaf1ff; }

.eucl-header h2 { margin: 0 0 6px; font-size: 28px; color: var(--eucl-text); }
.eucl-sub { margin: 0 0 18px; opacity:.85; }

.eucl-form { display:grid; gap:14px; max-width:760px; }
.eucl-form .row { display:grid; gap:6px; }

.eucl-input, .eucl-form select, .eucl-form input[type=number]{
  width:100%;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  background:rgba(255,255,255,.04);
  color:var(--eucl-text);
  outline:none;
  transition:border .2s ease, background .2s ease;
}
.eucl-input:focus, .eucl-form select:focus, .eucl-form input[type=number]:focus{
  border-color:rgba(0,208,132,.5);
  background:rgba(255,255,255,.06);
}

/* Buttons (match site tools) */
.btn{
  display:inline-block;
  font-weight:600;
  padding:10px 22px;
  border-radius:12px;
  text-decoration:none;
  cursor:pointer;
  transition:all .25s ease;
  border:0;
}

.btn-primary{
  background:var(--eucl-green);
  color:#fff !important;
  box-shadow:0 12px 30px rgba(0,208,132,.25);
}
.btn-primary:hover{ background:var(--eucl-green-hover); box-shadow:0 14px 36px rgba(0,208,132,.35); }

.btn-ghost{
  background:rgba(255,255,255,.06);
  color:#fff !important;
  border:1px solid rgba(255,255,255,.10);
}
.btn-ghost:hover{ background:rgba(255,255,255,.10); }

.eucl-actions{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; }

/* Result box — NO white background */
.eucl-result{
  display:block;
  margin-top:12px;
  padding:14px 16px;
  border-radius:14px;
  background:linear-gradient(180deg, rgba(23,36,62,.8), rgba(16,27,47,.8));
  border:1px solid rgba(255,255,255,.10);
  color:#dffcf0;
  font-weight:700;
  min-height:20px;
  /* remove any inline white styles that plugins may inject */
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}

/* Back bar alignment inside tool */
.epdf-backbar-bottom{ margin-top:18px; text-align:center; }
.epdf-backbar-bottom .btn{ min-width:220px; }

/* Mobile tweaks */
@media (max-width:480px){
  .eucl-header h2{ font-size:24px; }
  .btn{ padding:10px 18px; }
}