@import "vars.css";

.discovery-overlay{
  position:fixed;inset:0;z-index:500;display:grid;place-items:center;padding:1rem;
  background:var(--blackColorDim1);backdrop-filter:blur(4px);opacity:0;pointer-events:none;
  overscroll-behavior:contain;transition:opacity .2s;
}

.discovery-overlay.open{opacity:1;pointer-events:auto;}

.discovery-dialog{
  width:min(520px,100%);padding:1.5rem;
  background:var(--whiteColorDim);
  color: var(--whiteColor);
  border-radius:var(--r-lg);
  box-shadow:var(--sh-xl);font-family:var(--bodyFont),serif;
  position:relative;max-height:calc(100dvh - 2rem);overflow:auto;
  scrollbar-width: none;
  z-index: 2;
}

.discovery-close{
  position:absolute;top:.7rem;right:.7rem;width:34px;min-width:34px!important;height:34px;
  margin:0!important;padding:0!important;border-radius:50%;font-size:1.15rem!important;
  color:var(--whiteColor);line-height:1;
}

.discovery-close:hover{background:var(--whiteColorDim)!important;color:var(--whiteColor)!important;}

.discovery-heading{display:flex;align-items:center;gap:.8rem;margin-bottom:1.35rem;}
.discovery-heading h2{color:var(--whiteColorDim0);font-family:var(--titleFont),serif;}
.discovery-heading p{margin-top:.2rem;color:var(--whiteColor);font-size:.88rem;}
.discovery-icon{
  display:grid;place-items:center;width:40px;height:40px;border-radius:8px;background:var(--secondaryColorDim);color:var(--primaryColor);
}
.discovery-form{display:flex;flex-direction:column;gap:.45rem;}
.discovery-form label{
  margin-top:.45rem;font-family:var(--bodyFont),serif;
  font-size: clamp(1rem, calc(100vw / 1024), 1.33rem);
  color:var(--whiteColor);
}
.discovery-form input,.discovery-form textarea{
  width:100%;padding:1rem;
  border:1px solid var(--lightGreyColor3);
  border-radius:8px;
  margin-bottom:1rem;
  line-height:2rem;
  background:var(--lightGreyColor);color:var(--darkGreyColor);font:inherit;
  font-size: small;
}



.discovery-form input:focus,.discovery-form textarea:focus{background:var(--whiteColor);border-color:var(--primaryColor);box-shadow:0 0 0 3px var(--primaryColorDim);}
.discovery-location{display:flex;align-items:center;gap:.6rem;margin-top:.7rem;}
.discovery-form .btn{padding:1rem;font-size:1.33rem;width: 100%; margin: 0 auto;}
.discovery-form .btn:hover{background: var(--secondaryColorDim)}
#discovery-location-status{color:var(--whiteColor);font-size:.88rem;padding: 1rem}
.discovery-error{min-height:1.2rem;margin-top:.5rem;color:var(--danger);font-size:.8rem;}
.discovery-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:.35rem;}
.discovery-actions .btn{min-width:auto;}

body.discovery-open{
  position:fixed;width:100%;overflow:hidden;
}

@media (max-width:1024px){
  .discovery-dialog{padding:1.2rem;}
  .discovery-actions{flex-direction:column-reverse;}
  .discovery-actions .btn{width:100%;}
}