/* JAVSPY POLISH V3C */

/* =========================
   CHROME MONO LOGO
   ========================= */
.vp-header-row .vp-logo,
.vp-footer-logo{
  display:inline-flex!important;
  align-items:center!important;
  gap:0!important;
  text-decoration:none!important
}
.vp-header-row .vp-logo:before,
.vp-footer-logo:before{
  content:"JAV"!important;
  display:inline-block!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(180deg,#ffffff 0%,#d9d9d9 48%,#8d8d8d 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  color:transparent!important;
  font:900 24px/1 Inter,"Plus Jakarta Sans",Arial,sans-serif!important;
  letter-spacing:-1.75px!important;
  text-shadow:none!important;
  box-shadow:none!important
}
.vp-header-row .vp-logo:after,
.vp-footer-logo:after{
  content:"SPY"!important;
  display:inline-block!important;
  margin:0 0 0 2px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(180deg,#bdbdbd 0%,#7b7b7b 48%,#3f3f3f 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  color:transparent!important;
  font:900 24px/1 Inter,"Plus Jakarta Sans",Arial,sans-serif!important;
  letter-spacing:-1.75px!important;
  text-shadow:none!important;
  box-shadow:none!important
}
.vp-header-row .vp-logo:hover:before{
  background:linear-gradient(180deg,#fff 0%,#ededed 46%,#a8a8a8 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important
}
.vp-header-row .vp-logo:hover:after{
  background:linear-gradient(180deg,#d0d0d0 0%,#909090 48%,#505050 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important
}
.vp-footer-logo:before,.vp-footer-logo:after{font-size:20px!important;letter-spacing:-1.4px!important}

/* =========================
   BURGER: FIRST PAINT / HOVER
   ========================= */
.vp-header-row .vp-menu-toggle:hover,
.vp-header-row .vp-menu-toggle.is-open{
  background:#f1f1f1!important;
  border-color:#f1f1f1!important;
  color:#050505!important
}
.vp-header-row .vp-menu-toggle:hover span i,
.vp-header-row .vp-menu-toggle.is-open span i,
.vp-header-row .vp-menu-toggle:hover > i,
.vp-header-row .vp-menu-toggle.is-open > i{
  background:#050505!important;
  color:#050505!important;
  opacity:1!important
}

/* =========================
   SEARCH DROPDOWN / POPULAR SEARCHES
   ========================= */
.vp-recent-searches{
  padding:0!important;
  border:1px solid #252525!important;
  border-radius:0!important;
  background:#070707!important;
  color:#8a8a8a!important;
  box-shadow:0 24px 64px rgba(0,0,0,.68)!important;
  overflow:hidden!important
}
.vp-search-recent-section,
.vp-search-popular{
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important
}
.vp-search-recent-section + .vp-search-popular{
  border-top:1px solid #1c1c1c!important
}
.vp-recent-searches-head,
.vp-search-popular-head{
  min-height:39px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:9px 11px!important;
  border:0!important;
  border-bottom:1px solid #171717!important;
  background:#090909!important
}
.vp-recent-searches-head strong,
.vp-search-popular-head strong{
  color:#696969!important;
  font:700 9.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important
}
.vp-recent-searches-head button,
[data-recent-clear]{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#555!important;
  box-shadow:none!important;
  font-size:10.5px!important
}
.vp-recent-searches-head button:hover,
[data-recent-clear]:hover{
  color:#fff!important;
  background:transparent!important
}
.vp-recent-searches-list{
  display:grid!important;
  gap:0!important;
  padding:5px!important;
  background:#070707!important
}
.vp-recent-searches-list a,
.vp-recent-searches-list button{
  min-height:32px!important;
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  padding:6px 8px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#767676!important;
  box-shadow:none!important;
  text-align:left!important;
  text-decoration:none!important
}
.vp-recent-searches-list a:hover,
.vp-recent-searches-list button:hover{
  background:#111!important;
  color:#eee!important
}
.vp-search-popular-list{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:5px!important;
  padding:9px 10px 11px!important;
  background:#070707!important
}
.vp-search-popular-list a{
  min-height:29px!important;
  display:inline-flex!important;
  align-items:center!important;
  padding:5px 8px!important;
  border:1px solid #222!important;
  border-radius:0!important;
  background:#0a0a0a!important;
  color:#737373!important;
  box-shadow:none!important;
  text-decoration:none!important;
  font-size:11.5px!important;
  line-height:1!important
}
.vp-search-popular-list a:hover{
  border-color:#e8e8e8!important;
  background:#e8e8e8!important;
  color:#050505!important
}

/* Kill any inherited red from search dropdown. */
.vp-recent-searches *,
.vp-search-popular *{
  --accent:#fff!important;
  --danger:#777!important
}

/* =========================
   MOBILE HEADER SPACING
   ========================= */
@media(max-width:720px){
  .vp-header-actions{
    gap:2px!important
  }
  .vp-header-actions .vp-mobile-search,
  .vp-header-actions .vp-audience-toggle,
  .vp-header-actions .vp-header-favorite-icon,
  .vp-header-actions .vp-settings-button{
    margin:0!important
  }
  .vp-header-row .vp-menu-toggle{
    margin-left:5px!important
  }
  .vp-header-row .vp-logo:before,
  .vp-header-row .vp-logo:after{
    font-size:20px!important;
    letter-spacing:-1.45px!important
  }
}