/* APOLLO NETWORKS — FASE 29.5 visual refinement */

/* =========================================================
   1. GLOBAL SECONDARY / STICKY SEARCH — REMOVED
   ========================================================= */
.f20-sticky-search,
#f20StickySearch,
.f20-search-clone,
.apollo-sticky-search,
[data-sticky-search],
body.apollo-sticky-search-active .f20-sticky-search{
  display:none!important;
  visibility:hidden!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  min-height:0!important;
  max-width:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
body.apollo-sticky-search-active{padding-top:0!important}
.f20-hero .f20-search{position:relative;z-index:4;margin-bottom:0!important}
.f20-hero .f20-search::before,
.f20-hero .f20-search::after{content:none!important;display:none!important}

/* =========================================================
   1.1 SEARCH SUGGESTIONS — NEVER SHOW AN EMPTY RAIL
   The community script creates a suggestions container beside every
   search input. It must stay invisible until it actually contains
   suggestions. This removes the thin empty bar seen under searches
   across Home, Explorar, Categorias and Criadores.
   ========================================================= */
.pl22-suggestions:empty,
.pl22-suggestions[hidden]{
  display:none!important;
  visibility:hidden!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  min-height:0!important;
  max-width:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
.pl22-suggestions:not([hidden]):not(:empty){
  display:grid;
}

/* =========================================================
   2. NEW HERO ANIMATION — IMAGE/LOGO STAYS STABLE
   ========================================================= */
.apollo-hero-banner{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  transform:translateZ(0);
  box-shadow:0 0 0 1px rgba(168,85,247,.22),0 22px 70px rgba(88,28,135,.20);
}
.apollo-hero-banner img{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  height:auto;
  transform:none!important;
  filter:none!important;
  animation:none!important;
  will-change:auto;
}
/* Soft light sweep: adds life without moving/distorting APOLLO lettering. */
.apollo-hero-banner::before{
  content:"";
  position:absolute;
  z-index:2;
  top:-45%;
  left:-28%;
  width:42%;
  height:190%;
  pointer-events:none;
  background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.05) 42%,rgba(236,72,153,.16) 50%,rgba(255,255,255,.04) 58%,transparent 100%);
  filter:blur(13px);
  transform:rotate(12deg) translateX(-20%);
  animation:apollo29_5LightSweep 8s cubic-bezier(.45,0,.35,1) infinite;
  opacity:.75;
}
/* Slow ambient glow stays near the edges, never overpowers the logo. */
.apollo-hero-banner::after{
  content:"";
  position:absolute;
  z-index:2;
  width:34%;
  aspect-ratio:1;
  right:-9%;
  bottom:-42%;
  border-radius:50%;
  pointer-events:none;
  background:radial-gradient(circle,rgba(236,72,153,.28) 0%,rgba(124,60,255,.13) 38%,transparent 72%);
  filter:blur(22px);
  animation:apollo29_5Ambient 7s ease-in-out infinite alternate;
  opacity:.82;
}
@keyframes apollo29_5LightSweep{
  0%{transform:rotate(12deg) translate3d(-120%,0,0);opacity:0}
  14%{opacity:.78}
  55%{opacity:.72}
  100%{transform:rotate(12deg) translate3d(420%,0,0);opacity:0}
}
@keyframes apollo29_5Ambient{
  0%{transform:translate3d(-20px,-8px,0) scale(.88);opacity:.45}
  100%{transform:translate3d(-70px,-38px,0) scale(1.15);opacity:.85}
}
@media(prefers-reduced-motion:reduce){
  .apollo-hero-banner::before,
  .apollo-hero-banner::after{animation:none!important}
}

/* =========================================================
   3. HEADER — MORE PREMIUM, CLEANER, BETTER BALANCE
   ========================================================= */
.apollo29-header{
  height:68px!important;
  background:linear-gradient(180deg,rgba(10,8,19,.98),rgba(7,7,13,.96))!important;
  border-bottom:1px solid rgba(139,92,246,.30)!important;
  box-shadow:0 10px 38px rgba(0,0,0,.28),inset 0 -1px 0 rgba(255,255,255,.025)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
.apollo29-header::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:1px;
  background:linear-gradient(90deg,transparent 5%,rgba(124,60,255,.50) 35%,rgba(236,72,153,.42) 65%,transparent 95%);
  pointer-events:none;
}
.apollo29-inner{
  height:68px!important;
  width:min(1180px,calc(100% - 36px))!important;
  padding:0!important;
  grid-template-columns:64px 1fr auto!important;
  gap:20px!important;
}
.apollo29-brand{
  width:64px!important;
  height:50px!important;
  border-radius:14px;
  transition:background .2s ease,transform .2s ease;
}
.apollo29-brand:hover{background:rgba(139,92,246,.08);transform:translateY(-1px)}
.apollo29-brand img{
  width:48px!important;
  height:48px!important;
  filter:drop-shadow(0 0 14px rgba(139,92,246,.30))!important;
}
.apollo29-nav{
  height:42px!important;
  width:max-content;
  padding:4px;
  gap:2px!important;
  border:1px solid rgba(255,255,255,.055);
  border-radius:14px;
  background:rgba(255,255,255,.022);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 8px 24px rgba(0,0,0,.10);
}
.apollo29-nav a,.apollo29-more{
  height:34px!important;
  padding:0 12px!important;
  border-radius:10px!important;
  font-size:11px!important;
  font-weight:700!important;
  letter-spacing:-.01em;
  transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;
}
.apollo29-nav a:hover,.apollo29-more:hover{transform:translateY(-1px)}
.apollo29-nav a.active{
  background:linear-gradient(135deg,rgba(124,60,255,.28),rgba(236,72,153,.12))!important;
  border:1px solid rgba(168,85,247,.20)!important;
  box-shadow:0 6px 18px rgba(124,60,255,.12),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.apollo29-actions{gap:8px!important}
.apollo29-action,.apollo29-avatar{
  width:36px!important;
  height:36px!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.025)!important;
  border-color:rgba(255,255,255,.09)!important;
  transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.apollo29-action:hover,.apollo29-avatar:hover{
  transform:translateY(-1px);
  background:rgba(124,60,255,.13)!important;
  border-color:rgba(168,85,247,.40)!important;
  box-shadow:0 8px 22px rgba(124,60,255,.12);
}
.apollo29-action.bell i{border-color:#080812!important}
html.pl-light .apollo29-header{
  background:rgba(255,255,255,.94)!important;
  border-bottom-color:rgba(91,56,150,.16)!important;
  box-shadow:0 10px 32px rgba(50,30,80,.09)!important;
}
html.pl-light .apollo29-header::after{background:linear-gradient(90deg,transparent,rgba(124,60,255,.28),rgba(236,72,153,.22),transparent)}
html.pl-light .apollo29-nav{background:rgba(91,56,150,.035);border-color:rgba(55,35,80,.08)}
html.pl-light .apollo29-nav a.active{background:linear-gradient(135deg,rgba(124,60,255,.11),rgba(236,72,153,.07))!important;border-color:rgba(124,60,255,.14)!important}
html.pl-light .apollo29-action,html.pl-light .apollo29-avatar{background:rgba(91,56,150,.035)!important;border-color:rgba(55,35,80,.11)!important}

@media(max-width:900px){
  .apollo29-inner{width:calc(100% - 24px)!important;grid-template-columns:58px 1fr auto!important;gap:10px!important}
  .apollo29-brand{width:58px!important}
  .apollo29-brand img{width:44px!important;height:44px!important}
  .apollo29-nav{justify-self:start}
  .apollo29-nav a,.apollo29-more{padding:0 9px!important}
}
@media(max-width:700px){
  .apollo29-header,.apollo29-inner{height:62px!important}
  .apollo29-inner{grid-template-columns:50px 1fr auto!important}
  .apollo29-brand{width:50px!important;height:46px!important}
  .apollo29-brand img{width:40px!important;height:40px!important}
  .apollo29-nav{display:none!important}
  .apollo29-actions{gap:6px!important}
  .apollo29-action,.apollo29-avatar{width:34px!important;height:34px!important}
}