/* Minimal plugin CSS (you can override with your .wtp-airroi page CSS) */
.wtt-airroi-estimator{ width:100%; }
.wtt-hero{ text-align:center; margin-bottom:14px; }
.wtt-title{ font-weight:900; font-size: clamp(22px, 2.6vw, 30px); color:#fff; margin-bottom:8px; }
.wtt-sub{ opacity:.9; font-size:14px; }

.wtt-grid{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.wtt-field-wide{ grid-column:1 / -1; }

.wtt-field label{ display:block; font-weight:800; margin-bottom:6px; }
.wtt-field input, .wtt-field select{
  width:100%;
  padding:12px;
  border-radius:14px;
}

.wtt-actions{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:14px; flex-wrap:wrap; }
.wtt-btn{ padding:12px 18px; border-radius:999px; cursor:pointer; font-weight:900; border:none; }

.wtt-card{ margin-top:16px; padding:18px; border-radius:18px; }
.wtt-row{ display:flex; justify-content:space-between; gap:12px; padding:10px 0; border-bottom: 1px dashed rgba(0,0,0,.12); }

@media (max-width: 820px){
  .wtt-grid{ grid-template-columns:1fr; }
  .wtt-btn{ width:100%; }
  .wtt-actions{ justify-content:flex-start; }
}