/* =========================================================
   MINIMAL OVERRIDES ONLY
   - Keep Medallia defaults
   - Add white card
   - Pill buttons
   ========================================================= */

/* --- Station finder block under the native Site ID question --- */
.shellStationFinderHelp{
  margin: 8px 0 0 0 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  color: #6b7280 !important;
}

.shellStationFinderLink{
  margin-top: 8px !important;
  display: inline-block !important;
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
  font: inherit !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #1d4ed8 !important;   /* blue link look */
  text-decoration: underline !important;
  cursor: pointer !important;
}

.shellStationFinderMapWrap{
  display: none;
  margin-top: 12px !important;
  border: 1px solid rgba(17,24,39,0.12) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: #fff !important;
}

.shellStationFinderIframe{
  width: 100% !important;
  height: 520px !important;
  border: 0 !important;
  display: block !important;
}

@media (max-width: 720px){
  .shellStationFinderIframe{ height: 420px !important; }
}

/* --- Receipt help (inline clickable text) --- */
.shellReceiptHelp{
  margin: 8px 0 0 0 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  color: #6b7280 !important;
}

.shellReceiptHelp a{
  font-weight: 600 !important;
  color: #1d4ed8 !important; /* blue link */
  text-decoration: underline !important;
  cursor: pointer !important;
}

.shellReceiptImageWrap{
  display: none;
  margin-top: 12px !important;
  border: 1px solid rgba(17,24,39,0.12) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: #ffffff !important;
}

.shellReceiptImage{
  width: 100% !important;
  height: auto !important;
  display: block !important;
}

.progressbar_progressBar{
 height: 20px;
}

.progressbar_progressBarIndicator{
 height: 20px;
}

.layout_text {
    padding: 10px 0;
}

input[type="radio"].cellOption_input {
  accent-color: #000;
}

.indicatorCircle_label_isSelected{
color : #000000;
}

.anchor {
    font-size: 13.5px;
}
.table_table {
width: 101%
}
 

/* Selected state: change the highlight/background from blue to Shell yellow */
.cellOption_starScale .indicatorStar_star_isSelected {
  background-color: #FFC600 !important;
}