/* ---------------------------------------------------------
   OHTS Reverb/Delay Calculator - Safe Theme-Compatible CSS
   Version 1.3.0
---------------------------------------------------------- */

.ohts-rdc-shortcode { width: 100%; margin: 40px auto; }

.ohts-wrapper {
  background: var(--ohts-card, #111111);
  color: var(--ohts-text, #ffffff);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 14px;
  padding: 34px;
  max-width: min(900px, 95%);
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 12px 40px rgba(0,0,0,0.5);
}

.ohts-title {
  margin: 0 0 12px 0;
  color: var(--ohts-accent, #771115);
  font-size: 2.6rem;
  text-align: center;
  font-weight: 800;
}

/* Two columns on desktop, stacks on mobile */
.ohts-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin-top: 14px;
}

.ohts-field-label { display:block; font-size:14px; color: rgba(255,255,255,0.9); margin-bottom:6px; }
.ohts-legend { font-size: 12px; opacity: .8; margin-top: 6px; }

.ohts-input, .ohts-select {
  width: 100%;
  padding: 12px 14px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.04);
  color: inherit;
  font-size: 16px;
}

.ohts-precision-wrapper { display:flex; align-items:center; gap:10px; }

.ohts-result {
  font-size: 3rem;
  font-weight: 800;
  color: var(--ohts-accent, #771115);
  margin: 22px 0 14px;
  text-align: center;
}

.ohts-btn {
  background: var(--ohts-accent, #771115);
  color: var(--ohts-text, #ffffff);
  border: 0;
  padding: 12px 18px;
  border-radius: 10px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
}
.ohts-btn:hover { opacity: .9; }

.ohts-formula { text-align:center; margin: 18px 0 28px; opacity:.8; }
.ohts-divider { border: none; border-top: 1px solid rgba(255,255,255,0.08); margin: 18px 0 28px; }

.ohts-table-toggle { display:flex; justify-content:center; }
.ohts-reference-table { display:none; margin-top: 16px; }
.ohts-table { width:100%; border-collapse: collapse; font-size:14px; }
.ohts-table th, .ohts-table td { padding:10px 10px; text-align:left; border-bottom:1px solid rgba(255,255,255,0.06); }
.ohts-table th { background: rgba(255,255,255,0.04); color: var(--ohts-accent, #771115); font-weight:700; }

@media (max-width: 900px) {
  .ohts-wrapper { padding: 24px; }
  .ohts-fields { grid-template-columns: 1fr; }
  .ohts-result { font-size: 2.5rem; }
}
@media (max-width: 600px) {
  .ohts-title { font-size: 2rem; }
  .ohts-result { font-size: 2.2rem; }
}

/* Force spacing around formula + divider + button (debug + final) */
.ohts-wrapper .ohts-formula { 
  margin-bottom: 28px !important; 
}

.ohts-wrapper .ohts-divider { 
  margin-top: 18px !important; 
  margin-bottom: 28px !important; 
}

.ohts-wrapper .ohts-table-toggle { 
  margin-top: 28px !important; 
}