/* TaksimTransfer V7.8.0 — compact WhatsApp card above reservation summary */

.tt780-right-column{
  width:360px;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:10px;
  align-self:start;
}

.tt780-right-column .tt760-summary{
  width:100%!important;
  position:sticky!important;
  top:90px!important;
}

.tt780-whatsapp-card{
  width:100%;
  min-height:72px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  padding:11px 13px;
  border:1px solid #d9e7df;
  border-radius:15px;
  background:linear-gradient(135deg,#f7fffa 0%,#ffffff 60%,#f1fff7 100%);
  box-shadow:0 10px 24px rgba(20,75,48,.07);
  text-decoration:none!important;
  color:#143d2a!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}

.tt780-whatsapp-card:hover{
  transform:translateY(-1px);
  border-color:#9cddb9;
  box-shadow:0 13px 28px rgba(20,75,48,.11);
}

.tt780-wa-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:#20bd69;
  color:#fff;
  font-size:20px;
  font-weight:900;
  box-shadow:0 7px 16px rgba(32,189,105,.20);
}

.tt780-wa-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.tt780-wa-copy small{
  margin:0 0 2px;
  color:#638173;
  font-size:7.5px;
  line-height:1.1;
  font-weight:800;
}

.tt780-wa-copy strong{
  color:#123e2a;
  font-size:15px;
  line-height:1.12;
  letter-spacing:.01em;
}

.tt780-wa-copy em{
  margin-top:2px;
  color:#85988f;
  font-size:6.8px;
  line-height:1.1;
  font-style:normal;
}

.tt780-wa-action{
  padding:7px 9px;
  border-radius:9px;
  background:#20bd69;
  color:#fff;
  font-size:7px;
  line-height:1;
  font-weight:900;
  white-space:nowrap;
}

@media(max-width:1059px){
  .tt780-right-column{
    width:320px;
  }
}

@media(max-width:880px){
  .tt780-right-column{
    width:100%;
  }
  .tt780-right-column .tt760-summary{
    position:relative!important;
    top:auto!important;
  }
}

@media(max-width:480px){
  .tt780-whatsapp-card{
    grid-template-columns:40px minmax(0,1fr);
  }
  .tt780-wa-action{
    grid-column:1 / -1;
    text-align:center;
  }
}