/* Sayfa içi iletişim butonları: sohbet butonundaki CTA (hap) ve kanal simgeleri (squircle) ile aynı görünüm. */
.btc-cb {
  --btc-cb-teal: #27a1a3;
  --btc-cb-ink: #10262e;
  --btc-cb-muted: #5f6f76;
  --btc-cb-wa: #25d366;
  --btc-cb-wechat: #07c160;
  --btc-cb-line: #06c755;
  --btc-cb-email: #1e88e5; /* sohbet butonundaki e-posta kanalıyla aynı (chat-widget.css .btc-cw__channel--email) */
  --btc-cb-spring: cubic-bezier(0.34, 1.4, 0.64, 1);
}

.btc-cb [hidden] {
  display: none !important;
}

.btc-cb svg {
  flex-shrink: 0;
}

.btc-cb .btc-cb__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

/* ---------- Hap butonlar ---------- */
.btc-cb .btc-cb__pill {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 52px;
  margin: 0;
  padding: 12px 22px;
  border: 0;
  border-radius: 999px;
  color: #fff;
  font-size: 16px;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0;
  box-shadow: none;
  cursor: pointer;
  transition: transform 0.45s var(--btc-cb-spring), filter 0.2s ease;
}

/* Site genelindeki "a, span, button { font-weight: 400 !important }" kuralını ezer */
.btc-cb .btc-cb__pill,
.btc-cb .btc-cb__pill span {
  font-weight: 700 !important;
  color: #fff;
}

.btc-cb .btc-cb__pill--whatsapp {
  background: var(--btc-cb-wa);
}

.btc-cb .btc-cb__pill--wechat {
  background: var(--btc-cb-wechat);
}

.btc-cb .btc-cb__pill--line {
  background: var(--btc-cb-line);
}

.btc-cb .btc-cb__pill--email {
  background: var(--btc-cb-email);
}

.btc-cb .btc-cb__pill:hover,
.btc-cb .btc-cb__pill:focus-visible {
  color: #fff;
  transform: translateY(-1px);
  filter: brightness(0.96);
}

.btc-cb .btc-cb__pill:active {
  transform: scale(0.97, 0.94);
  transition-duration: 0.12s;
}

.btc-cb .btc-cw__cta-arrow {
  transition: transform 0.4s var(--btc-cb-spring);
}

.btc-cb .btc-cb__pill:hover .btc-cw__cta-arrow {
  transform: translateX(4px);
}

[dir="rtl"] .btc-cb .btc-cw__cta-arrow {
  transform: scaleX(-1);
}

[dir="rtl"] .btc-cb .btc-cb__pill:hover .btc-cw__cta-arrow {
  transform: scaleX(-1) translateX(4px);
}

.btc-cb--pills {
  margin: 15px 0;
}

/* Kenar kutusu: alt alta, tam genişlik, daha küçük; altında kanalın QR kodu */
.btc-cb--stack .btc-cb__row {
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
}

.btc-cb--stack .btc-cb__pill {
  width: 100%;
  min-height: 46px;
  padding: 10px 16px;
  font-size: 15px;
  gap: 8px;
}

.btc-cb--stack .btc-cb__qr {
  display: block;
  width: 80%;
  height: auto;
  margin: 16px auto 0;
}

@media (max-width: 549px) {
  .btc-cb--pills .btc-cb__pill {
    width: 100%;
  }
}

/* ---------- Squircle simgeler (iOS uygulama simgesi gibi) ---------- */
.btc-cb .btc-cb__tile {
  display: inline-grid;
  place-items: center;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 23%;
  color: #fff;
  background: var(--btc-cb-teal);
  cursor: pointer;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M100 50 L100 66.8 L99.8 72.1 L99.6 76 L99.3 79.1 L98.9 81.8 L98.4 84 L97.9 86.1 L97.2 87.9 L96.4 89.5 L95.6 91 L94.6 92.3 L93.5 93.5 L92.3 94.6 L91 95.6 L89.5 96.4 L87.9 97.2 L86.1 97.9 L84 98.4 L81.8 98.9 L79.1 99.3 L76 99.6 L72.1 99.8 L66.8 100 L33.2 100 L27.9 99.8 L24 99.6 L20.9 99.3 L18.2 98.9 L16 98.4 L13.9 97.9 L12.1 97.2 L10.5 96.4 L9 95.6 L7.7 94.6 L6.5 93.5 L5.4 92.3 L4.4 91 L3.6 89.5 L2.8 87.9 L2.1 86.1 L1.6 84 L1.1 81.8 L0.7 79.1 L0.4 76 L0.2 72.1 L0 66.8 L0 33.2 L0.2 27.9 L0.4 24 L0.7 20.9 L1.1 18.2 L1.6 16 L2.1 13.9 L2.8 12.1 L3.6 10.5 L4.4 9 L5.4 7.7 L6.5 6.5 L7.7 5.4 L9 4.4 L10.5 3.6 L12.1 2.8 L13.9 2.1 L16 1.6 L18.2 1.1 L20.9 0.7 L24 0.4 L27.9 0.2 L33.2 0 L66.8 0 L72.1 0.2 L76 0.4 L79.1 0.7 L81.8 1.1 L84 1.6 L86.1 2.1 L87.9 2.8 L89.5 3.6 L91 4.4 L92.3 5.4 L93.5 6.5 L94.6 7.7 L95.6 9 L96.4 10.5 L97.2 12.1 L97.9 13.9 L98.4 16 L98.9 18.2 L99.3 20.9 L99.6 24 L99.8 27.9 L100 33.2Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M100 50 L100 66.8 L99.8 72.1 L99.6 76 L99.3 79.1 L98.9 81.8 L98.4 84 L97.9 86.1 L97.2 87.9 L96.4 89.5 L95.6 91 L94.6 92.3 L93.5 93.5 L92.3 94.6 L91 95.6 L89.5 96.4 L87.9 97.2 L86.1 97.9 L84 98.4 L81.8 98.9 L79.1 99.3 L76 99.6 L72.1 99.8 L66.8 100 L33.2 100 L27.9 99.8 L24 99.6 L20.9 99.3 L18.2 98.9 L16 98.4 L13.9 97.9 L12.1 97.2 L10.5 96.4 L9 95.6 L7.7 94.6 L6.5 93.5 L5.4 92.3 L4.4 91 L3.6 89.5 L2.8 87.9 L2.1 86.1 L1.6 84 L1.1 81.8 L0.7 79.1 L0.4 76 L0.2 72.1 L0 66.8 L0 33.2 L0.2 27.9 L0.4 24 L0.7 20.9 L1.1 18.2 L1.6 16 L2.1 13.9 L2.8 12.1 L3.6 10.5 L4.4 9 L5.4 7.7 L6.5 6.5 L7.7 5.4 L9 4.4 L10.5 3.6 L12.1 2.8 L13.9 2.1 L16 1.6 L18.2 1.1 L20.9 0.7 L24 0.4 L27.9 0.2 L33.2 0 L66.8 0 L72.1 0.2 L76 0.4 L79.1 0.7 L81.8 1.1 L84 1.6 L86.1 2.1 L87.9 2.8 L89.5 3.6 L91 4.4 L92.3 5.4 L93.5 6.5 L94.6 7.7 L95.6 9 L96.4 10.5 L97.2 12.1 L97.9 13.9 L98.4 16 L98.9 18.2 L99.3 20.9 L99.6 24 L99.8 27.9 L100 33.2Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
  transition: transform 0.45s var(--btc-cb-spring);
}

.btc-cb .btc-cb__tile--whatsapp {
  background: var(--btc-cb-wa);
}

.btc-cb .btc-cb__tile--wechat {
  background: var(--btc-cb-wechat);
}

.btc-cb .btc-cb__tile--line {
  background: var(--btc-cb-line);
}

.btc-cb .btc-cb__tile--email {
  background: #1e88e5;
}

.btc-cb a.btc-cb__tile:hover,
.btc-cb button.btc-cb__tile:hover {
  color: #fff;
  transform: translateY(-2px) scale(1.05);
}

.btc-cb .btc-cb__tile:active {
  transform: scale(0.92);
  transition-duration: 0.12s;
}

.btc-cb--icons .btc-cb__row {
  justify-content: center;
  gap: 10px;
}

.btc-cb .btc-cb__ask {
  margin-inline-end: 4px;
  font-size: 15px;
  font-weight: 600 !important;
  color: var(--btc-cb-ink);
}

/* ---------- WeChat QR kutusu ---------- */
.btc-cb .btc-cb__pop {
  max-width: 280px;
  margin: 14px auto 0;
  padding: 16px;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 6px 24px rgba(16, 38, 46, 0.12);
  text-align: center;
}

.btc-cb--pills .btc-cb__pop {
  margin-inline: 0;
}

.btc-cb--stack .btc-cb__pop {
  margin-inline: auto;
}

.btc-cb .btc-cb__pop img {
  display: block;
  width: 150px;
  height: 150px;
  margin: 0 auto 8px;
}

.btc-cb .btc-cb__pop p {
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.4;
  color: var(--btc-cb-muted);
}

.btc-cb .btc-cb__id {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 8px 8px 12px;
  border-radius: 12px;
  background: rgba(118, 118, 128, 0.1);
  text-align: start;
}

.btc-cb .btc-cb__id small {
  display: block;
  font-size: 11px;
  color: var(--btc-cb-muted);
}

.btc-cb .btc-cb__id strong {
  display: block;
  font-size: 15px;
  color: var(--btc-cb-ink);
}

.btc-cb .btc-cb__copy {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin: 0;
  min-height: 32px;
  padding: 6px 12px;
  border: 0;
  border-radius: 999px;
  background: #fff;
  color: var(--btc-cb-ink);
  font-size: 13px;
  line-height: 1;
  text-transform: none;
  box-shadow: 0 1px 3px rgba(16, 38, 46, 0.12);
  cursor: pointer;
}

.btc-cb .btc-cb__copy span {
  font-weight: 600 !important;
}

.btc-cb .btc-cb__copy.is-done {
  color: #1a8f4c;
}

/* ---------- İletişim sayfası kartı ---------- */
.btc-cb--card {
  text-align: center;
}

.btc-cb--card .btc-cb__tile {
  width: 64px;
  height: 64px;
  cursor: default;
}

.btc-cb--card .btc-cb__tile svg {
  width: 32px;
  height: 32px;
}

/* E-posta kartında simgenin altındaki başlıkla WhatsApp kartıyla aynı boşluk */
.btc-cb--tile {
  margin-bottom: 14px;
}

.btc-cb--card h4 {
  margin: 14px 0 8px;
}

.btc-cb--card p {
  margin: 0 0 20px;
}

.btc-cb--card .btc-cb__qr {
  display: block;
  width: 170px;
  max-width: 60%;
  height: auto;
  margin: 24px auto 0;
}

.btc-cb--card .btc-cb__id {
  max-width: 260px;
  margin: 14px auto 0;
}