
/* SEGREDUS SEARCH MODAL */
/* Nao altera os estilos originais dos temas */

.sg-search-overlay[hidden] {
  display:none!important;
}

.sg-search-overlay {
  position:fixed;
  inset:0;
  z-index:99999;
  background:rgba(9,7,15,.72);
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding:calc(env(safe-area-inset-top) + 65px) 16px 20px;
  box-sizing:border-box;
}

.sg-search-panel {
  width:min(480px,100%);
  background:#201626;
  color:#ffffff;
  border:1px solid #68415e;
  border-radius:22px;
  padding:20px;
  box-shadow:0 22px 80px #0006;
}

.sg-search-heading {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom:18px;
}

.sg-search-heading h2 {
  margin:0;
  color:inherit;
  font-size:21px;
}

.sg-search-close {
  border:0;
  background:#39293f;
  color:#ffffff;
  border-radius:50%;
  width:38px;
  height:38px;
  font-size:25px;
  cursor:pointer;
}

.sg-search-form {
  display:flex;
  flex-direction:column;
  gap:14px;
}

.sg-search-input {
  background:#34253c!important;
  color:#ffffff!important;
  border:1px solid #755375!important;
  border-radius:13px!important;
  padding:15px!important;
  font-size:16px!important;
  width:100%;
  box-sizing:border-box;
}

.sg-search-input::placeholder {
  color:#bdaac2!important;
}

.sg-search-submit {
  align-self:flex-end;
  background:#e92e89;
  color:#ffffff;
  border:0;
  border-radius:12px;
  padding:12px 20px;
  font-size:16px;
  font-weight:700;
  cursor:pointer;
}

/* Light */
body.sg-theme-light .sg-search-panel {
  background:#ffffff!important;
  color:#24242e!important;
  border-color:#dce0e7!important;
}

body.sg-theme-light .sg-search-close {
  background:#f0f1f5!important;
  color:#24242e!important;
}

body.sg-theme-light .sg-search-input {
  background:#ffffff!important;
  color:#24242e!important;
  border-color:#dce0e7!important;
}

body.sg-theme-light .sg-search-input::placeholder {
  color:#737b8b!important;
}

body.sg-theme-light .sg-search-submit {
  background:#c32e76!important;
  color:#ffffff!important;
}
