/* RoughEst - Instant Estimate Calculator / Built By ConnorOnTheWeb */

.roughest-inputs {
  width: 100%;
  box-sizing: border-box;
  padding: 0.4em 0.6em;
  min-height: 2.5em;
  font-size: 1em;
}

.roughest-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-bottom: 1em;
}

.roughest-field label {
  display: block;
  margin-bottom: 4px;
}

.roughest-display-none {
  display: none;
}

/* Hidden config inputs — used by JS to read calculator settings.
   display:none keeps them out of the tab order and screen reader flow.
   JS can still read .value from display:none inputs. */
.roughest-hidden-inputs {
  display: none;
}

.roughest-notes {
  padding: 12px 0;
}

.roughest-notes p {
  font-size: 0.8em;
}

.roughest-warning-text {
  color: darkred !important;
}

.roughest-widget-container input[type="button"],
.roughest-widget-container button {
  margin-top: 8px;
  cursor: pointer;
  padding: 0.4em 1.2em;
  min-height: 2.5em;
  font-size: 1em;
}

/* Focus styles for keyboard accessibility */
.roughest-widget-container input[type="number"]:focus,
.roughest-widget-container input[type="text"]:focus,
.roughest-widget-container input[type="button"]:focus {
  outline: 2px solid currentColor;
  outline-offset: 1px;
}

/* Prevent iOS auto-zoom on number inputs */
@media (max-width: 480px) {
  .roughest-inputs {
    font-size: 16px;
  }
}