/* GEOCHIP Vehicle Search V3 - brutal dark style + anti-theme overrides (FIX #4) */
.gcvs3-wrap{width:650px !important;max-width:100% !important;height:360px !important;box-sizing:border-box !important;margin:0 auto;background:radial-gradient(1200px 600px at 10% -20%, rgba(255,30,45,.35), transparent 60%),linear-gradient(180deg,#0a0c0f,#07080a);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:18px;box-shadow:0 26px 80px rgba(0,0,0,.65);color:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;display:flex;flex-direction:column}
.gcvs3-body{flex:1;display:flex;flex-direction:column;min-height:0}
.gcvs3-title{font-weight:950;font-size:22px;color:#ff1f2d;margin-bottom:12px;letter-spacing:.4px}
.gcvs3-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.gcvs3-field label{display:block;font-size:12px;color:rgba(255,255,255,.70);font-weight:850;margin-bottom:6px;letter-spacing:.25px}
.gcvs3-field select{width:100%;background:#0f1115 !important;background-color:#0f1115 !important;border:1px solid rgba(255,255,255,.16) !important;border-radius:14px !important;padding:12px 12px !important;color:#ffffff !important;outline:none !important;box-shadow:none !important;-webkit-appearance: menulist !important;appearance: menulist !important;
  /* Hard overrides to prevent theme/Elementor from blocking interaction */
  pointer-events:auto !important;opacity:1 !important;visibility:visible !important;display:block !important;position:relative !important;z-index:9999 !important}
.gcvs3-field select:disabled{opacity:.6}
.gcvs3-field select:focus{border-color:rgba(255,31,45,.55) !important;box-shadow:0 0 0 4px rgba(255,31,45,.18) !important}

/* When user opens dropdown: white background + black text (user request) */
.gcvs3-field select.gcvs3-open{background:#ffffff !important;background-color:#ffffff !important;color:#111111 !important}
.gcvs3-field select.gcvs3-open:focus{background:#ffffff !important;background-color:#ffffff !important;color:#111111 !important}

/* Options list styling (works in most browsers; harmless elsewhere) */
.gcvs3-field select option{background:#ffffff !important;color:#111111 !important}
.gcvs3-stagewrap{grid-column:1 / -1}
.gcvs3-btn{margin-top:14px;width:100%;border-radius:14px;padding:14px 16px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#ff1f2d,#c90f1a);color:#fff;font-weight:950;cursor:pointer;box-shadow:0 16px 50px rgba(255,31,45,.22)}
.gcvs3-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.gcvs3-result{margin-top:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);border-radius:14px;padding:14px;flex:1;min-height:0;overflow:auto}

/* Fixed-height widget behavior: keep the card size stable between picker and results */
.gcvs3-wrap.gcvs3-fixed{overflow:hidden}
.gcvs3-wrap.gcvs3-fixed .gcvs3-body{min-height:0}
.gcvs3-wrap.gcvs3-mode-results [data-role="picker"],
.gcvs3-wrap.gcvs3-mode-results [data-role="btn"]{display:none !important}
.gcvs3-wrap.gcvs3-mode-results [data-role="out"]{display:block !important;margin-top:0}

/* Results view should fit without needing to scroll the widget (user request)
   - Widget height is fixed from the start (JS) so Start searching doesn't resize it */
.gcvs3-wrap.gcvs3-mode-results .gcvs3-result{overflow:hidden;padding:12px}
.gcvs3-wrap.gcvs3-mode-results .gcvs3-topbar{margin-bottom:8px}
.gcvs3-wrap.gcvs3-mode-results .gcvs3-back{padding:9px 11px}
.gcvs3-wrap.gcvs3-mode-results .gcvs3-stagebtn{padding:9px 12px}
.gcvs3-wrap.gcvs3-mode-results .gcvs3-row{padding:8px 10px;margin:6px 0}

@media (max-width:620px){
  .gcvs3-wrap{width:100% !important;height:440px !important}
  .gcvs3-wrap.gcvs3-mode-results .gcvs3-result{padding:11px}
  .gcvs3-wrap.gcvs3-mode-results .gcvs3-stagebtn{padding:9px 11px}
}

.gcvs3-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.gcvs3-back{border-radius:12px;padding:10px 12px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.35);color:#fff;font-weight:900;cursor:pointer;white-space:nowrap}
.gcvs3-back:hover{border-color:rgba(255,31,45,.45);box-shadow:0 0 0 4px rgba(255,31,45,.12)}
.gcvs3-stagebar{display:flex;gap:10px;flex-wrap:wrap;position:relative;align-items:center}

/* Small warning text next to Stage buttons (keeps widget height stable) */
.gcvs3-stage-note{
  margin-left:auto;
  max-width:55%;
  font-size:11px;
  line-height:1.15;
  color:#ff4d4d;
  text-align:right;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  opacity:.95;
}
.gcvs3-stagebtn{border-radius:12px;padding:10px 14px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#fff;font-weight:900;cursor:pointer}
.gcvs3-stagebtn:disabled{opacity:.35;cursor:not-allowed}
.gcvs3-stagebtn:not(:disabled):hover{border-color:rgba(255,31,45,.45);box-shadow:0 0 0 4px rgba(255,31,45,.12)}
.gcvs3-row{display:flex;justify-content:space-between;align-items:baseline;padding:10px 12px;border-radius:12px;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.06);margin:8px 0}
.gcvs3-gain{color:#76ff4b;font-weight:950;margin-left:10px}
@media (max-width:620px){
  .gcvs3-wrap{width:100% !important;height:440px !important}
  .gcvs3-grid{grid-template-columns:1fr}
  .gcvs3-stagewrap{grid-column:auto}
}

/* Hide common theme select enhancers inside widget */
.gcvs3-wrap .nice-select, .gcvs3-wrap .select2, .gcvs3-wrap .select2-container{display:none !important}


/* Optional warning/comment under Torque (keeps widget height fixed) */
.gcvs3-warning{margin-top:10px;padding:8px 10px;border-radius:8px;background:rgba(255,0,0,.08);border:1px solid rgba(255,0,0,.22);color:#ff4d4d;font-weight:800;font-size:12px;line-height:1.25;max-height:32px;overflow:hidden;}