/* =========================================================
   CHOR RAPPACH – WEBSITE FEEDBACK
   ========================================================= */

.site-feedback{
  position:fixed;
  z-index:850;

  right:22px;
  bottom:22px;

  width:min(330px,calc(100vw - 32px));

  padding:15px 17px;

  display:flex;
  align-items:center;
  gap:14px;

  background:rgba(255,255,255,.97);

  border:1px solid rgba(6,63,38,.10);
  border-radius:14px;

  box-shadow:
    0 14px 45px rgba(6,38,24,.16);

  opacity:0;
  visibility:hidden;

  transform:translateY(12px);

  transition:
    opacity .28s ease,
    visibility .28s ease,
    transform .28s ease;

  backdrop-filter:blur(8px);
}

.site-feedback.is-visible{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

.site-feedback-copy{
  min-width:0;
  flex:1;
}

.site-feedback-copy strong{
  display:block;

  margin:0 0 2px;

  color:#063f26;

  font-size:13px;
  font-weight:800;
  line-height:1.35;
}

.site-feedback-copy span{
  display:block;

  color:#69736d;

  font-size:10px;
  line-height:1.4;
}

.site-feedback-actions{
  flex:0 0 auto;

  display:flex;
  gap:7px;
}

.site-feedback-button{
  width:40px;
  height:40px;

  display:grid;
  place-items:center;

  padding:0;

  border:1px solid rgba(6,63,38,.12);
  border-radius:50%;

  background:#f7f3e9;
  color:#063f26;

  font-size:17px;

  cursor:pointer;

  transition:
    background .2s ease,
    color .2s ease,
    transform .2s ease;
}

.site-feedback-button:hover{
  transform:translateY(-2px);

  background:#063f26;
  color:#fff;
}

.site-feedback.is-thanks{
  justify-content:center;
  text-align:center;

  color:#063f26;
  font-size:13px;
  font-weight:800;
}


@media(max-width:680px){

  .site-feedback{
    right:14px;
    bottom:14px;

    width:calc(100vw - 28px);
  }

}

/* ======================================================= */