/*
Theme Name: Salient Child Theme
Description: Custom child theme for Salient (red361)
Author: GetOut360
Template: salient
Version: 1.3.0
*/

html { overflow-x: clip; }
body { overflow-x: clip; }

/* Map starts at top of viewport; header overlays it */
body.home #header-space { display: none !important; }
body.home .container-wrap { padding-top: 0 !important; margin-top: 0 !important; }
body.home #ajax-content-wrap { padding-top: 0 !important; }
body.home #header-outer,
body.home #header-secondary-outer { z-index: 10000 !important; }

#mapa.wpb_row,
#mapa.vc_row,
#mapa {
  position: relative !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin: 0 !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding: 0 !important;
  height: 100vh !important;
  height: 100dvh !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  box-sizing: border-box !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

#mapa .row-bg-wrap,
#mapa .row-bg-overlay { display: none !important; }

#mapa .row_col_wrap_12,
#mapa .span_12,
#mapa .wpb_column,
#mapa .vc_column-inner,
#mapa .wpb_wrapper,
#mapa .col {
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  left: 0 !important;
  float: none !important;
}

.go360-map-section,
.go360-map-vc,
.go360-map-vc .wpb_wrapper {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.go360-map-frame {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  background: #e8e6e1;
  box-shadow: none !important;
  border: none !important;
}

.go360-map-canvas {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 0 !important;
}

.go360-map-canvas .maplibregl-canvas-container,
.go360-map-canvas .maplibregl-canvas {
  width: 100% !important;
  height: 100% !important;
  border-radius: 0 !important;
}

.go360-map-loading {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  font: 600 14px/1.3 system-ui, -apple-system, sans-serif;
  color: #3a3632;
  background: #e8e6e1;
  pointer-events: none;
}

.go360-map-canvas .maplibregl-ctrl-attrib {
  font-size: 10px;
  background: rgba(255, 255, 255, 0.88) !important;
}

.go360-map-canvas .maplibregl-ctrl-group {
  border-radius: 10px !important;
  overflow: hidden;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12) !important;
  margin-top: 72px !important;
}

/* Menu bar: white frosted glass over the map */
body.home #header-outer,
body.home #header-outer[data-transparent-header="true"],
body.home #header-outer.transparent {
  background-color: rgba(255, 255, 255, 0.72) !important;
  background-image: none !important;
  backdrop-filter: blur(14px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(160%) !important;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.06) !important;
  border: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.55) !important;
}
body.home #header-outer .container,
body.home #header-outer[data-transparent-header="true"] .container,
body.home #header-outer #top,
body.home #header-outer .row {
  background: transparent !important;
}
/* Keep nav text readable on glass */
body.home #header-outer.transparent #top nav > ul > li > a,
body.home #header-outer.transparent .sf-menu > li > a,
body.home #header-outer.transparent .logo-spacing,
body.home #header-outer.transparent #logo,
body.home #header-outer.transparent #logo img {
  color: #161514 !important;
}
body.home #header-outer.transparent .slide-out-widget-area-toggle a .lines-button i,
body.home #header-outer.transparent .slide-out-widget-area-toggle .lines,
body.home #header-outer.transparent .slide-out-widget-area-toggle .lines:before,
body.home #header-outer.transparent .slide-out-widget-area-toggle .lines:after {
  background-color: #161514 !important;
}

body.home #mapa + .wpb_row,
body.home #mapa ~ .wpb_row {
  position: relative;
  z-index: 2;
}