/* Kelvio Explore Light v2 — 2026-09-06
   Final light-theme overrides for the seven Explore product pages.
   Keeps map tiles/visualisations intact while removing legacy navy UI surfaces. */
body[data-explore-page]{
  background:
    radial-gradient(circle at 8% 6%,rgba(93,219,205,.16),transparent 28%),
    radial-gradient(circle at 90% 10%,rgba(126,165,255,.13),transparent 30%),
    linear-gradient(180deg,#fbfefd 0%,#f4faf9 58%,#fbfcff 100%) !important;
  color:#10233f !important;
}
body[data-explore-page],
body[data-explore-page] button,
body[data-explore-page] input,
body[data-explore-page] textarea,
body[data-explore-page] select{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
}

/* Explore product switcher */
body[data-explore-page] .explore-command-bar{
  background:rgba(255,255,255,.92) !important;
  border-top:1px solid rgba(16,35,63,.06) !important;
  border-bottom:1px solid rgba(16,35,63,.10) !important;
  box-shadow:0 8px 24px rgba(31,67,95,.05) !important;
}
body[data-explore-page] .explore-command-inner a,
body[data-explore-page] .explore-command-inner button{
  color:#47627f !important;
  background:transparent !important;
}
body[data-explore-page] .explore-command-inner a:hover,
body[data-explore-page] .explore-command-inner button:hover{
  background:#eef9f6 !important;
  color:#0e9f89 !important;
}
body[data-explore-page] .explore-command-inner a[aria-current="page"]{
  background:rgba(25,183,157,.10) !important;
  color:#0d9e88 !important;
  box-shadow:inset 0 -2px 0 #20bea4 !important;
}

/* Main Explore cards and shells */
body[data-explore-page] .tool-panel,
body[data-explore-page] .search-panel,
body[data-explore-page] .panel,
body[data-explore-page] .compare-search-box,
body[data-explore-page] .match-preferences-v17,
body[data-explore-page] .match-results-v17,
body[data-explore-page] .match-result-v17,
body[data-explore-page] .workspace-index-v19,
body[data-explore-page] .workspace-shortcuts-v19 a,
body[data-explore-page] .contribution-shell-v21,
body[data-explore-page] .contribution-steps-v21 li,
body[data-explore-page] .sun-form-v22,
body[data-explore-page] .sun-result-v22,
body[data-explore-page] .sun-metrics-v22 div,
body[data-explore-page] .pro-section-v20,
body[data-explore-page] .pro-section-overlay-v20>div{
  background:rgba(255,255,255,.90) !important;
  border-color:rgba(16,35,63,.10) !important;
  color:#10233f !important;
  box-shadow:0 16px 44px rgba(31,67,95,.07) !important;
}
body[data-explore-page] .compare-row,
body[data-explore-page] .compare-head,
body[data-explore-page] .comparison-board,
body[data-explore-page] .match-results-head-v17{
  border-color:rgba(16,35,63,.09) !important;
}
body[data-explore-page] .compare-evidence{background:#f7fbfa !important}
body[data-explore-page] .match-slider-list-v17 label{
  background:#f7fbfa !important;
  border-color:rgba(16,35,63,.10) !important;
}
body[data-explore-page] .match-slider-list-v17 label span,
body[data-explore-page] .match-intro-v17 h3,
body[data-explore-page] .match-result-v17 strong,
body[data-explore-page] .compare-head strong,
body[data-explore-page] .ranking-row strong{
  color:#17304e !important;
}
body[data-explore-page] .match-intro-v17 p,
body[data-explore-page] .match-result-v17 small,
body[data-explore-page] .match-results-head-v17 small,
body[data-explore-page] .match-evidence-v17,
body[data-explore-page] .compare-row>span,
body[data-explore-page] .compare-disclaimer,
body[data-explore-page] .ranking-method-note{
  color:#667b91 !important;
}

/* Rate page */
body[data-explore-page="rate"] .contribution-shell-v21{
  background:linear-gradient(135deg,rgba(242,251,249,.96),rgba(247,249,255,.96)) !important;
}
body[data-explore-page="rate"] .contribution-steps-v21 b{
  background:rgba(25,183,157,.12) !important;
  color:#0d9e88 !important;
}
body[data-explore-page="rate"] .contribution-steps-v21 strong{color:#17304e !important}
body[data-explore-page="rate"] .contribution-steps-v21 small{color:#6c8096 !important}

/* Compare / Rankings */
body[data-explore-page] .ranking-controls select,
body[data-explore-page] .field select,
body[data-explore-page] .sun-fields-v22 input,
body[data-explore-page] .sun-fields-v22 select{
  background:#fff !important;
  border-color:rgba(16,35,63,.13) !important;
  color:#17304e !important;
}
body[data-explore-page] .ranking-row{
  background:rgba(255,255,255,.90) !important;
  border-color:rgba(16,35,63,.09) !important;
  color:#17304e !important;
  box-shadow:0 8px 24px rgba(31,67,95,.04) !important;
}
body[data-explore-page] .ranking-row:hover{background:#eef9f6 !important}
body[data-explore-page] .rank-bar{background:rgba(16,35,63,.08) !important}

/* Map: keep the actual map dark/visual, make controls and insight panel light */
body[data-explore-page="map"] .map-layer-pills button{
  background:#fff !important;
  color:#355674 !important;
  border-color:rgba(16,35,63,.13) !important;
}
body[data-explore-page="map"] .map-layer-pills button.active{
  background:#59d7c5 !important;
  border-color:#59d7c5 !important;
  color:#08263a !important;
}
body[data-explore-page="map"] .map-shell-v16{
  background:#fff !important;
  border-color:rgba(16,35,63,.11) !important;
  box-shadow:0 18px 50px rgba(31,67,95,.08) !important;
}
body[data-explore-page="map"] .map-insight-panel-v16{
  background:linear-gradient(180deg,#ffffff,#f5faf9) !important;
  color:#10233f !important;
}
body[data-explore-page="map"] .map-insight-panel-v16 h3{color:#17304e !important}
body[data-explore-page="map"] .map-insight-panel-v16 p,
body[data-explore-page="map"] .map-panel-score span,
body[data-explore-page="map"] .map-mini-stats span,
body[data-explore-page="map"] .map-attribution-note{color:#667b91 !important}
body[data-explore-page="map"] .map-panel-score,
body[data-explore-page="map"] .map-mini-stats div{
  background:#f7fbfa !important;
  border-color:rgba(16,35,63,.10) !important;
}
body[data-explore-page="map"] .map-mini-stats strong{color:#17304e !important}

/* Sun / proximity / air quality */
body[data-explore-page] .sunlight-section-v22{
  background:linear-gradient(180deg,rgba(255,250,236,.55),rgba(247,251,250,.72)) !important;
}
body[data-explore-page] .sun-fields-v22 label span,
body[data-explore-page] .sun-method-note-v22,
body[data-explore-page] .sun-location-v22 span,
body[data-explore-page] .sun-result-v22>p,
body[data-explore-page] .sun-metrics-v22 span{color:#667b91 !important}
body[data-explore-page] .sun-gauge-v22{background:rgba(16,35,63,.09) !important}
body[data-explore-page] .sun-building-results-v30,
body[data-explore-page] .prox-results{
  background:#fff !important;
  border-color:rgba(16,35,63,.13) !important;
  box-shadow:0 20px 50px rgba(31,67,95,.16) !important;
  color:#17304e !important;
}

/* Generic old dark inline cards used by Proximity / Air Quality */
body[data-explore-page] [style*="background:#0b1526"],
body[data-explore-page] [style*="background: #0b1526"],
body[data-explore-page] [style*="background:#081426"],
body[data-explore-page] [style*="background: #081426"],
body[data-explore-page] [style*="background:#071321"],
body[data-explore-page] [style*="background: #071321"]{
  background:#fff !important;
  color:#17304e !important;
  border-color:rgba(16,35,63,.12) !important;
}

/* Text normalization */
body[data-explore-page] h1,
body[data-explore-page] h2,
body[data-explore-page] h3,
body[data-explore-page] h4,
body[data-explore-page] strong{color:#10233f}
body[data-explore-page] p,
body[data-explore-page] small{color:#667b91}
body[data-explore-page] .section-kicker,
body[data-explore-page] .eyebrow,
body[data-explore-page] .map-panel-kicker,
body[data-explore-page] .match-results-head-v17 span{color:#0d9e88 !important}

@media(max-width:760px){
  body[data-explore-page] .explore-command-bar{background:rgba(255,255,255,.96) !important}
}

/* V111.28 single-controller Germany map signals */
body[data-explore-page="map"] #v16GermanyMap{position:relative;overflow:hidden}
body[data-explore-page="map"] .v11128-signal-legend{
  position:absolute;left:16px;bottom:16px;z-index:650;min-width:270px;
  padding:11px 14px;border:1px solid rgba(16,35,63,.13);border-radius:14px;
  background:rgba(255,255,255,.96);box-shadow:0 12px 30px rgba(31,67,95,.14);
  color:#17304e;font:700 12px/1.3 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  pointer-events:none;
}
body[data-explore-page="map"] .v11128-signal-legend[hidden]{display:none!important}
body[data-explore-page="map"] .v11128-sun-gradient,
body[data-explore-page="map"] .v11128-prox-gradient{height:10px;border-radius:999px;margin:7px 0 3px}
body[data-explore-page="map"] .v11128-sun-gradient{background:linear-gradient(90deg,#2448b8 0%,#3b9fe3 25%,#bfe3e7 45%,#fee789 58%,#f99b4a 72%,#e8402e 86%,#87001f 100%)}
body[data-explore-page="map"] .v11128-prox-gradient{background:linear-gradient(90deg,#f3a095 0%,#f4d487 50%,#4fd1bd 100%)}
body[data-explore-page="map"] .v11128-legend-labels{display:flex;justify-content:space-between;color:#718096;font-weight:700;font-size:11px}
body[data-explore-page="map"] .leaflet-overlay-pane svg{mix-blend-mode:multiply}
body[data-explore-page="map"] .kelvio-map-marker{transition:transform .18s ease,box-shadow .18s ease}
body[data-explore-page="map"] .kelvio-map-marker:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(15,35,63,.24)}

/* V111.31 – city photo in Germany map detail panel */
.map-city-photo-v11131{margin:10px 0 12px;border:1px solid #dce7eb;border-radius:16px;overflow:hidden;background:#eef4f7;position:relative;aspect-ratio:16/8.2}
.map-city-photo-v11131[hidden]{display:none!important}
.map-city-photo-v11131 img{width:100%;height:100%;object-fit:cover;display:block}
.map-city-photo-v11131 span{position:absolute;left:8px;bottom:7px;background:rgba(8,31,56,.72);color:#fff;padding:4px 7px;border-radius:999px;font-size:10px;line-height:1}