/* Additive rules for the standalone BrainON calculator.
 * Load after main.css and inner-pages.css. The original .calc visual rules stay
 * authoritative; these rules only contain the standalone section and safety
 * fixes that the legacy bundle did not provide. */

.inner-price-section {
  overflow: hidden;
  padding-bottom: 30px;
}

.inner-price-section .calc::before,
.inner-price-section .calc::after {
  display: table;
  content: " ";
}

.inner-price-section .calc::after {
  clear: both;
}

.inner-price-section .calc input:focus,
.inner-price-section .calc select:focus,
.inner-price-section .calc button:focus,
.inner-price-section [data-calculator-order]:focus {
  outline: 2px solid #cb3340;
  outline-offset: 2px;
}

.inner-price-section .calc [aria-disabled="true"] {
  cursor: not-allowed;
}

.inner-price-section [data-calculator-order][aria-disabled="true"] {
  pointer-events: none;
}

.inner-price-section .calcsectiontotal {
  padding-bottom: 10px;
}

@media (max-width: 767px) {
  .inner-price-section .calc {
    font-size: 1em;
  }

  .inner-price-section .calc .calcsectiontotal .btn5 {
    display: block;
    float: none;
    width: 100%;
    margin-top: 10px;
  }

  .inner-price-section .calc .mainopt {
    float: none;
  }
}