/* TuneWrap Stage 12.11 — Contact Channel Selector */

.tw-contact-data-owner{
  display:none!important;
}

.tw-contact-methods{
  width:100%;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin:4px 0 10px;
}

.tw-contact-method{
  min-width:0;
  min-height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:9px 10px;
  border:1px solid rgba(245,241,232,.12);
  border-radius:13px;
  background:#121214;
  color:#bdb6ae;
  cursor:pointer;
  font:800 11px/1 'Manrope',sans-serif;
  transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease;
}

.tw-contact-method:hover,
.tw-contact-method:focus-visible{
  border-color:rgba(217,164,65,.48);
  color:#eee7db;
  background:rgba(217,164,65,.055);
}

.tw-contact-method:active{
  transform:scale(.985);
}

.tw-contact-method.is-selected{
  border-color:rgba(217,164,65,.78);
  color:#efc269;
  background:linear-gradient(180deg,rgba(217,164,65,.14),rgba(217,164,65,.04)),#121214;
  box-shadow:inset 0 0 0 1px rgba(217,164,65,.07);
}

.tw-contact-method-icon{
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  flex:none;
  border:1px solid rgba(217,164,65,.18);
  border-radius:7px;
}

.tw-contact-method.is-selected .tw-contact-method-icon{
  border-color:rgba(217,164,65,.55);
  background:rgba(217,164,65,.09);
}

.tw-contact-method-icon svg{
  width:15px;
  height:15px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.tw-contact-value{
  width:100%;
}

.tw-contact-value:disabled{
  opacity:.52;
  cursor:not-allowed;
  border-color:rgba(245,241,232,.08)!important;
}

.tw-contact-hint{
  display:block;
  margin-top:7px;
}

@media(max-width:620px){
  .tw-contact-methods{
    gap:6px;
  }

  .tw-contact-method{
    min-height:46px;
    gap:5px;
    padding:8px 5px;
    border-radius:11px;
    font-size:9px;
  }

  .tw-contact-method-icon{
    width:19px;
    height:19px;
    border-radius:6px;
  }

  .tw-contact-method-icon svg{
    width:13px;
    height:13px;
  }
}