/* Okienko „Zaproponuj temat” w spisach poradników PL/EN/DK. */
.guide-topic-dialog{
  width:min(520px, calc(100vw - 16px));
  max-width:none;
  max-height:calc(100dvh - 16px);
  margin:auto;
  padding:0;
  border:0;
  background:transparent;
  color:var(--text);
  overflow:visible;
}

.guide-topic-dialog::backdrop{
  background:rgba(3,8,16,.74);
}

.guide-topic-box{
  max-height:calc(100dvh - 16px);
  overflow:auto;
  box-sizing:border-box;
}

.guide-topic-title{
  margin:0 40px 6px 0;
  font-size:1.3rem;
  line-height:1.3;
}

body.pl-home-bg-test .guide-topic-box p.guide-topic-intro{
  margin:0 0 16px;
  color:var(--muted);
  font-size:16px;
  line-height:1.55;
}

.guide-topic-form .form-group{
  margin-bottom:12px;
}

.guide-topic-form .form-group label{
  font-size:.95rem;
}

.guide-topic-form textarea{
  min-height:92px;
}

.guide-topic-close{
  position:absolute;
  top:14px;
  right:14px;
  z-index:1;
  width:36px;
  height:36px;
  border:1px solid var(--border);
  border-radius:999px;
  background:rgba(255,255,255,.04);
  color:var(--text);
  font-size:1.3rem;
  line-height:1;
  cursor:pointer;
}

.guide-topic-submit{
  margin-top:4px;
}

.guide-topic-submit:disabled{
  opacity:.7;
  cursor:default;
}

body.pl-home-bg-test .guide-topic-box p.guide-topic-done-text{
  margin:0 0 18px;
  color:#b8f7da;
}

@media (max-width: 820px){
  .guide-topic-box{
    padding:16px;
  }

  .guide-topic-close{
    top:10px;
    right:10px;
  }

  .guide-topic-form .form-group input,
  .guide-topic-form .form-group textarea{
    font-size:16px;
  }

  .guide-topic-submit{
    width:100%;
  }
}