/* 11-search.css - 2.0 SUPER PRO ULTRA - Cerchio coordinato header + anti linetta */
.pandora-search-11-wrapper{
  display:flex;
  justify-content:center;
  align-items:center;
  margin:22px auto 0 auto;
  background:transparent;
  /* FIX LINETTA: se c'è un nodo testo - fuori dal bottone non si vede */
  font-size:0;
  line-height:0;
}

.pandora-search-11-btn{
  width:var(--pandora-icon-size,72px);
  height:var(--pandora-icon-size,72px);
  min-width:var(--pandora-icon-size,72px);
  min-height:var(--pandora-icon-size,72px);
  border-radius:50%;
  border:2px solid rgba(131,0,254,0.35);
  background:radial-gradient(circle at 30% 30%, #1e0f42, #0a0514);
  box-shadow:0 4px 18px rgba(0,0,0,0.5), inset 0 1px 1px rgba(255,255,255,0.12);
  cursor:pointer;
  padding:0;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:transform .28s cubic-bezier(0.175,0.885,0.32,1.275), border-color .25s, box-shadow .25s;
  position:relative;
  font-size:initial;
  line-height:initial;
  will-change:transform;
}

.pandora-search-11-btn img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:50%;
  display:block;
  transition:transform .3s ease;
}

.pandora-search-11-btn .lens{
  font-size:32px;
  color:#fff;
  line-height:1;
}

.pandora-search-11-btn:hover{
  transform:scale(1.12) translateY(-2px);
  border-color:var(--glass-border,#8300fe);
  box-shadow:0 0 25px var(--pandora-purple-glow, rgba(131,0,254,0.65)), 0 8px 25px rgba(0,0,0,0.6);
}
.pandora-search-11-btn:hover img{ transform:scale(1.08); }
.pandora-search-11-btn:active{ transform:scale(0.96); }

/* POPUP */
.pandora-search-11-popup{
  position:fixed;
  inset:0;
  width:100%;
  height:100%;
  background:rgba(5,2,15,0.88);
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px);
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:99999;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .35s ease, visibility .35s ease;
}

.pandora-search-11-popup.active{
  opacity:1;
  visibility:visible;
  pointer-events:all;
}

.popup-11-inner{
  width:92%;
  max-width:640px;
  display:flex;
  gap:14px;
  align-items:center;
  transform:translateY(20px) scale(0.96);
  transition:transform .4s cubic-bezier(0.175,0.885,0.32,1.275);
}

.pandora-search-11-popup.active .popup-11-inner{
  transform:translateY(0) scale(1);
}

.pandora-search-11-form{
  flex:1;
  display:flex;
  gap:12px;
  align-items:center;
}

.pandora-search-11-form input[type="search"]{
  flex:1;
  height:56px;
  border-radius:999px;
  background:rgba(255,255,255,0.07);
  border:2px solid rgba(131,0,254,0.5);
  color:#fff;
  padding:0 28px;
  font-size:18px;
  outline:none;
  transition:all .25s ease;
  width:100%;
}

.pandora-search-11-form input[type="search"]::placeholder{ color:rgba(255,255,255,0.45); }
.pandora-search-11-form input[type="search"]:focus{
  background:rgba(255,255,255,0.10);
  border-color:var(--glass-border,#8300fe);
  box-shadow:0 0 0 4px rgba(131,0,254,0.20), 0 0 25px var(--pandora-purple-glow, rgba(131,0,254,0.65));
}

.search-11-submit,
.close-11-search{
  width:56px;
  height:56px;
  min-width:56px;
  border-radius:50%;
  background:#1a0033;
  border:2px solid rgba(131,0,254,0.5);
  color:#fff;
  font-size:20px;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:all .2s ease;
  flex-shrink:0;
}

.search-11-submit{ background:var(--glass-border,#8300fe); }
.search-11-submit:hover,
.close-11-search:hover{
  transform:scale(1.08);
  box-shadow:0 0 20px var(--pandora-purple-glow, rgba(131,0,254,0.65));
}
.close-11-search:hover{ transform:rotate(90deg) scale(1.08); background:var(--glass-border,#8300fe); }

@media(max-width:600px){
  .popup-11-inner{ flex-direction:column; }
  .pandora-search-11-form{ width:100%; }
}