/* RedHawk Defense V6.8.18 - Global Size Slider
   Replaces the old Compact/Standard/Large button with a continuous slider.
   The slider scales the header, site content, cards, panels, forms, camera tools, popup, and quick contact relative to one control.
*/

:root{
  --rhd-user-scale: 1;
  --rhd-header-offset: 96px;
}

/* Header size control UI */
.rhd-size-slider-wrap{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-width:190px;
  max-width:245px;
  border:1px solid rgba(255,255,255,.17);
  background:rgba(255,255,255,.07);
  border-radius:999px;
  padding:7px 10px;
  box-shadow:inset 0 0 18px rgba(255,255,255,.035);
  font-family:Segoe UI,Arial,sans-serif;
}
.rhd-size-slider-label{
  color:#fff;
  font-size:11px;
  line-height:1;
  font-weight:950;
  white-space:nowrap;
}
.rhd-size-slider-value{
  color:#ffd166;
  font-size:11px;
  font-weight:950;
  min-width:38px;
  text-align:right;
}
.rhd-size-slider{
  width:95px;
  min-width:82px;
  accent-color:#e11d2e;
  cursor:pointer;
}
.rhd-size-slider:focus-visible{
  outline:2px solid #ffd166;
  outline-offset:3px;
  border-radius:999px;
}

/* Hide the old density button after JS has replaced it. */
body.rhd-slider-ready #rhd-density-btn{
  display:none!important;
}

/* Fixed header and quick controls scale with the slider. */
body.rhd-slider-ready #rhd-global-header{
  zoom:var(--rhd-user-scale);
}
body.rhd-slider-ready .rhd-quick-contact{
  zoom:var(--rhd-user-scale);
}

/* Content scale: this catches the whole public site and app areas. */
body.rhd-slider-ready main,
body.rhd-slider-ready .wrap,
body.rhd-slider-ready .shell,
body.rhd-slider-ready .rhd-v66-wrap,
body.rhd-slider-ready .rhd-owner-wrap{
  zoom:var(--rhd-user-scale);
}

/* Popup / notice scales too. */
body.rhd-slider-ready .rhd-site-notice-backdrop{
  zoom:var(--rhd-user-scale);
}

/* Because the header is scaled, body top padding must track measured header height. */
body.rhd-slider-ready.rhd-has-global-header{
  padding-top:var(--rhd-header-offset)!important;
}
body.rhd-slider-ready.rhd-has-global-header.rhd-has-context{
  padding-top:var(--rhd-header-offset)!important;
}

/* At small screens keep slider useful but not obnoxious. */
@media(max-width:1220px){
  .rhd-size-slider-wrap{
    min-width:164px;
    max-width:190px;
    padding:7px 9px;
  }
  .rhd-size-slider{
    width:72px;
    min-width:68px;
  }
}
@media(max-width:720px){
  .rhd-size-slider-wrap{
    order:10;
    width:100%;
    max-width:none;
    justify-content:center;
    margin-top:6px;
  }
  .rhd-size-slider{
    width:min(190px, 45vw);
  }
}

/* Basic theme contrast for the slider */
html.rhd-theme-basic .rhd-size-slider-wrap,
body.rhd-theme-basic .rhd-size-slider-wrap{
  background:#ffffff!important;
  border-color:#aeb9ca!important;
  box-shadow:0 2px 8px rgba(15,23,42,.08)!important;
}
html.rhd-theme-basic .rhd-size-slider-label,
body.rhd-theme-basic .rhd-size-slider-label{
  color:#111827!important;
}
html.rhd-theme-basic .rhd-size-slider-value,
body.rhd-theme-basic .rhd-size-slider-value{
  color:#8b111d!important;
}