/* Pressd Throughput Calculator
 * Uses your theme's --pressd-* variables if they exist, otherwise the fallbacks below.
 */
.pressd-calc {
  --pc-blue:     var(--pressd-blue, #1F36C7);
  --pc-orange:   var(--pressd-orange, #f4c20d);
  --pc-dark-orange:   var(--pressd-orange, #e0b30a);
  --pc-gray-100: var(--pressd-gray-100, #f3f4f6);
  --pc-border:   #d1d5db;
  --pc-text:     #111;

  max-width: 895px;
  margin: 0 auto;
  color: var(--pc-text);
  box-sizing: border-box;
}
.pressd-calc *,
.pressd-calc *::before,
.pressd-calc *::after {
  box-sizing: inherit;
}

.pressd-calc__card {
  background: #fff;
  border: 1px solid var(--pc-border);
  border-radius: 2px;
  padding: 32px;
}

.pressd-calc__row {
  margin-bottom: 20px;
}
.pressd-calc__row label {
  display: block;
  font-weight: 700;
  margin-bottom: 6px;
}
.pressd-calc__row input,
.pressd-calc__row select {
  display: block;
  width: 100%;
  padding: 12px 14px;
  font-size: 16px;
  border: 1px solid var(--pc-border);
  border-radius: 2px;
  background: #fff;
  color: var(--pc-text);
}
.pressd-calc__row input:focus,
.pressd-calc__row select:focus {
  outline: 2px solid var(--pc-blue);
  outline-offset: 1px;
}

.pressd-calc__btn {
  display: block;
  width: 100%;
  padding: 14px 24px;
  font-size: 16px;
  font-weight: 700;
  color: var(--pc-text);
  background: var(--pc-orange);
  border: 0;
  border-radius: 3px;
  cursor: pointer;
	text-transform: uppercase;
}
.pressd-calc__btn:hover,
.pressd-calc__btn:focus {
  background: var(--pc-dark-orange);
}

.pressd-calc__result {
  margin-top: 24px;
  padding: 24px;
  text-align: center;
  background: var(--pc-gray-100);
  border-radius: 2px;
}
.pressd-calc__setup {
  font-size: 32px;
  font-weight: 900;
  color: var(--pc-blue);
  margin: 8px 0;
  line-height: 1.2;
}
.pressd-calc__small {
  font-size: 14px;
}

.pressd-calc__error {
  margin-top: 24px;
  padding: 16px;
  text-align: center;
  background: #fff3ef;
  border-left: 6px solid var(--pc-orange);
  border-radius: 2px;
  color: var(--pc-orange);
  font-weight: 700;
}

@media (max-width: 480px) {
  .pressd-calc__card { padding: 20px; }
  .pressd-calc__setup { font-size: 26px; }
}