/* Revotech pricing estimator — self-contained styles for the [revotech_estimator] shortcode.
   Loaded wherever the shortcode appears (homepage, Pricing page, etc). */
@keyframes rv-pop { 0% { transform: scale(.96); opacity:.4 } 100% { transform: scale(1); opacity:1 } }

.rv-estimator * { box-sizing: border-box; }

.rv-estimator input[type=range].rv-range {
  -webkit-appearance: none; appearance: none; height: 6px; border-radius: 999px; outline: none; cursor: pointer; width: 100%;
}
.rv-estimator input[type=range].rv-range::-webkit-slider-thumb {
  -webkit-appearance: none; appearance: none; width: 22px; height: 22px; border-radius: 50%;
  background: #00C2FF; border: 3px solid #fff; box-shadow: 0 2px 10px rgba(0,194,255,.6); cursor: pointer; transition: transform .15s;
}
.rv-estimator input[type=range].rv-range::-webkit-slider-thumb:hover { transform: scale(1.18); }
.rv-estimator input[type=range].rv-range::-moz-range-thumb {
  width: 22px; height: 22px; border-radius: 50%; background: #00C2FF; border: 3px solid #fff; cursor: pointer;
}
.rv-estimator .rv-tab { -webkit-appearance: none; appearance: none; }
.rv-estimator .rv-tab:hover { color: #fff !important; }
.rv-estimator .rv-btn-primary { transition: transform .25s, box-shadow .25s; }
.rv-estimator .rv-btn-primary:hover { transform: translateY(-3px) !important; box-shadow: 0 16px 40px -10px rgba(0,194,255,.6) !important; }
.rv-estimator .rv-pop { animation: rv-pop .4s; }

@media (max-width: 880px) {
  .rv-estimator .rv-calc-grid { grid-template-columns: 1fr !important; }
}