/* MIDAS v24 — Stage 1 hero + result cards refinement, 2026-08-11 */

/* 1) The hero artwork must remain visible. No full-width black rectangle over the car. */
body.stage-v11 .stage-v11-hero,
body.stage-v11 .stage-v11-hero .wrap,
body.stage-v11 .stage-v11-hero .stage-v11-layout,
body.stage-v11 .stage-v11-hero .stage-selector-stack{
  background-color:transparent!important;
}
body.stage-v11 .stage-v11-hero .wrap,
body.stage-v11 .stage-v11-hero .stage-v11-layout{
  box-shadow:none!important;
}
body.stage-v11 .stage-v11-hero{
  background-image:
    linear-gradient(90deg,rgba(2,2,3,.88) 0%,rgba(2,2,3,.62) 42%,rgba(2,2,3,.13) 73%,rgba(2,2,3,.04) 100%),
    url("midas-hero-wide.png")!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
/* Keep darkness only around the actual selector, not across the artwork. */
body.stage-v11 .stage-top-selector{
  background:rgba(3,3,4,.36)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:16px!important;
  padding:18px!important;
  box-shadow:0 14px 35px rgba(0,0,0,.22)!important;
}
body.stage-v11 .stage-brand-grid,
body.stage-v11 .stage-brand-panel:not(:empty){
  background:rgba(4,4,5,.40)!important;
  border-color:rgba(255,255,255,.12)!important;
}

/* 2) Selected vehicle title is always MIDAS red, for any number of modifications. */
body.stage-v11 .stage-vehicle-result>.stage-result-heading h2,
body.stage-v11 #stageVehicleResult>.stage-result-heading h2,
body.stage-v11 .stage-result-heading h2{
  color:#ed1425!important;
  -webkit-text-fill-color:#ed1425!important;
  opacity:1!important;
  text-shadow:none!important;
}
body.stage-v11 .stage-vehicle-result>.stage-result-heading .eyebrow,
body.stage-v11 #stageVehicleResult>.stage-result-heading .eyebrow{
  color:#ed1425!important;
  -webkit-text-fill-color:#ed1425!important;
}

/* 3) Stage result cards: black / graphite / warm orange-red accents only. */
body.stage-v11 .stage-engine-stack{gap:18px!important}
body.stage-v11 .stage-result-card.stage-engine-card{
  background:linear-gradient(135deg,#070707 0%,#0c0907 62%,#160b06 100%)!important;
  border:1px solid rgba(240,102,26,.42)!important;
  border-left:3px solid #e45c17!important;
  border-radius:14px!important;
  box-shadow:0 16px 42px rgba(0,0,0,.28)!important;
  color:#f5f5f5!important;
  overflow:hidden!important;
}
body.stage-v11 .stage-engine-head{
  padding-bottom:13px!important;
  border-bottom:1px solid rgba(240,102,26,.16)!important;
}
body.stage-v11 .stage-engine-head .eyebrow{
  color:#f0782d!important;
  -webkit-text-fill-color:#f0782d!important;
}
body.stage-v11 .stage-engine-head h3{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
body.stage-v11 .stage-engine-volume{
  background:#1a0d07!important;
  border:1px solid rgba(241,111,34,.72)!important;
  color:#ff8739!important;
  box-shadow:none!important;
}
body.stage-v11 .stage-engine-meta>span{
  background:#0d0d0e!important;
  color:#bfc2c6!important;
  border:1px solid rgba(255,255,255,.10)!important;
}
body.stage-v11 .stage-engine-meta b{color:#fff!important}
body.stage-v11 .stage-data-status.estimated,
body.stage-v11 .stage-data-status.confirmed{
  background:#1b0e08!important;
  color:#ff9a52!important;
  border-color:rgba(238,105,28,.46)!important;
}

/* Comparison table — no white/light fills. */
body.stage-v11 .stage-comparison-table{
  background:#070707!important;
  border:1px solid rgba(239,101,25,.36)!important;
  border-radius:11px!important;
  overflow:hidden!important;
}
body.stage-v11 .stage-table-row,
body.stage-v11 .stage-table-row>div{
  background:#070707!important;
  color:#e8e8e9!important;
  border-color:rgba(255,255,255,.07)!important;
}
body.stage-v11 .stage-table-row.stage-table-head,
body.stage-v11 .stage-table-row.stage-table-head>div{
  background:#1a0b06!important;
  color:#f6f6f6!important;
}
body.stage-v11 .stage-table-row.stage-table-head>div:nth-child(3),
body.stage-v11 .stage-table-row.stage-table-head>div:nth-child(4){color:#ff8739!important}
body.stage-v11 .stage-table-row>div:nth-child(3),
body.stage-v11 .stage-table-row>div:nth-child(4){
  background:#0f0a07!important;
  color:#ff943f!important;
  font-weight:800!important;
}

/* Benefits copy: separate lines remain readable; all backgrounds dark. */
body.stage-v11 .stage-benefits-panel,
body.stage-v11 .stage-benefits-column{
  background:#080808!important;
  color:#f2f2f3!important;
  border-color:rgba(255,255,255,.08)!important;
}
body.stage-v11 .stage-benefits-column h4{
  color:#ff7a2b!important;
  -webkit-text-fill-color:#ff7a2b!important;
}
body.stage-v11 .stage-benefits-column span{
  color:#f1f1f2!important;
  display:block!important;
  line-height:1.45!important;
  margin:3px 0!important;
}

/* Chart card — deep black plotting area with warm accent lines/text. */
body.stage-v11 .stage-growth-chart,
body.stage-v11 .stage-chart,
body.stage-v11 .stage-growth-chart svg{
  background:#070707!important;
  color:#f1f1f2!important;
  border-color:rgba(239,101,25,.34)!important;
}
body.stage-v11 .stage-growth-chart{
  border:1px solid rgba(239,101,25,.34)!important;
  box-shadow:none!important;
}
body.stage-v11 .stage-chart-kicker{color:#ff7a2b!important}
body.stage-v11 .stage-chart-title{color:#fff!important}
body.stage-v11 .chart-grid{stroke:rgba(255,255,255,.10)!important}
body.stage-v11 .chart-axis-labels text{fill:#aeb1b5!important}
body.stage-v11 .chart-power-before{stroke:#8b8f94!important}
body.stage-v11 .chart-power{stroke:#ff7a2b!important}
body.stage-v11 .chart-torque-before{stroke:#b55d31!important}
body.stage-v11 .chart-torque{stroke:#ffd06b!important}
body.stage-v11 .stage-chart-legend span{
  background:transparent!important;
  color:#c9cbce!important;
}
body.stage-v11 .stage-chart-legend b{color:#fff!important}
body.stage-v11 .stage-chart-legend i.power{background:#ff7a2b!important}
body.stage-v11 .stage-chart-legend i.torque{background:#ffd06b!important}
body.stage-v11 .stage-accel-chip{
  background:#120b07!important;
  border-color:rgba(239,101,25,.38)!important;
  color:#d9d9da!important;
}
body.stage-v11 .stage-accel-chip b{color:#ff8739!important}
body.stage-v11 .stage-growth-chart>small,
body.stage-v11 .stage-engine-note{color:#8f9297!important}

/* Full-data / modal elements also stay dark. */
body.stage-v11 .stage-full-data,
body.stage-v11 .stage-full-data-head,
body.stage-v11 .stage-full-data-grid,
body.stage-v11 .stage-full-data-grid>div,
body.stage-v11 .stage-chart-modal-content,
body.stage-v11 .stage-chart-modal-content .stage-growth-chart{
  background:#080808!important;
  color:#f3f3f4!important;
  border-color:rgba(239,101,25,.30)!important;
}
body.stage-v11 .stage-full-data-grid span{color:#aaaeb3!important}
body.stage-v11 .stage-full-data-grid b{color:#ff8d42!important}

/* Model summary must stay black, never light grey. */
body.stage-v11 .stage-model-summary{
  background:#070809!important;
  border-color:rgba(255,255,255,.11)!important;
}
body.stage-v11 .stage-model-summary img{background:#111!important}
body.stage-v11 .stage-summary-lead{color:#fff!important}
body.stage-v11 .stage-summary-copy li{color:#ececee!important}

/* Avoid any legacy light inline/background declarations inside Stage results. */
body.stage-v11 #stageVehicleResult [style*="background:#fff"],
body.stage-v11 #stageVehicleResult [style*="background: #fff"],
body.stage-v11 #stageVehicleResult [style*="background:white"],
body.stage-v11 #stageVehicleResult [style*="background: white"]{
  background:#080808!important;
}