/* SlickVPN static build — replaces the dc-runtime's JS-driven presentation.
   Covers: header scroll states, mobile menu, and the style-hover rules the
   preview runtime applied (or dropped) at render time. */

/* ---- sticky header: scrolled state (JS toggles .sv-scrolled on the fixed wrapper) ---- */
.sv-header-fixed { transition: padding .28s ease; }
.sv-header-fixed.sv-scrolled { padding: 10px 20px !important; }
.sv-header-fixed.sv-scrolled > div:first-child { padding: 9px 14px 9px 22px !important; }
.sv-header-fixed.sv-scrolled img[alt^="SlickVPN"] { height: 34px !important; }
.sv-header-fixed[data-sv-theme="dark"].sv-scrolled > div:first-child {
  background: rgba(6, 20, 30, .93) !important;
  box-shadow: 0 12px 36px rgba(0, 0, 0, .44) !important;
}
.sv-header-fixed[data-sv-theme="light"].sv-scrolled > div:first-child {
  background: rgba(255, 255, 255, .95) !important;
  box-shadow: 0 12px 34px rgba(14, 47, 66, .14) !important;
}

/* ---- mobile menu (built by site.js) ---- */
@keyframes svhdrop { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }
.sv-mobile-menu { animation: svhdrop .26s ease both; }

/* ---- hover styles carried over from style-hover attributes in the spec ---- */
.sv-hov-cyan:hover { background: #1fa3e0 !important; color: #071a26 !important; }
.sv-hov-blue:hover { background: #146791 !important; color: #fff !important; }
.sv-hov-green:hover {
  background: linear-gradient(135deg, #7ac142, #4e9e1f) !important;
  color: #071a26 !important;
  border-color: #7ac142 !important;
}

/* ---- consent banner/modal animations (markup built by site.js) ---- */
@keyframes svcc-rise { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }
@keyframes svcc-fade { from { opacity: 0; } to { opacity: 1; } }