/* TeslimGOO v5.2.2 — holografik WhatsApp kısayolu.
   Yalnızca ortak sayfa düzenindeki .wa-holo öğesine etki eder.
   Diğer site stillerini ve form WhatsApp bağlantılarını değiştirmez. */

body a.wa.wa-holo {
  position: fixed;
  top: 50%;
  right: max(14px, env(safe-area-inset-right));
  bottom: auto;
  left: auto;
  transform: translateY(-50%);
  z-index: 55;
  isolation: isolate;
  box-sizing: border-box;
  width: 83px;
  height: 90px;
  padding: 8px 7px 7px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  border-radius: 24px;
  border: 1px solid rgba(255, 194, 112, .72);
  color: #fff5e7;
  text-decoration: none;
  background:
    radial-gradient(circle at 20% 12%, rgba(255, 160, 69, .30), transparent 42%),
    radial-gradient(circle at 90% 80%, rgba(31, 191, 244, .20), transparent 50%),
    linear-gradient(148deg, #25232f 0%, #0f1723 48%, #0c0f18 100%);
  box-shadow:
    0 15px 40px rgba(0, 0, 0, .64),
    0 0 28px rgba(255, 130, 48, .22),
    0 0 20px rgba(40, 204, 255, .13),
    inset 0 1px 0 rgba(255, 246, 218, .23);
  transition: box-shadow .25s ease, transform .25s ease, filter .25s ease;
  -webkit-tap-highlight-color: transparent;
}

body a.wa.wa-holo::before {
  content: "";
  position: absolute;
  inset: -3px;
  border: 2px solid transparent;
  border-radius: 27px;
  background: linear-gradient(140deg, #ffe2a6, #ff792b 30%, #465af3 53%, #67eaff 69%, #ffb950 90%) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: .92;
  animation: tg-wa-holo-aura 3.8s ease-in-out infinite;
}

body a.wa.wa-holo::after {
  content: "";
  position: absolute;
  inset: 7px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 17px;
  background: linear-gradient(123deg, rgba(255, 255, 255, .08), transparent 38%, rgba(77, 217, 255, .06) 88%);
  pointer-events: none;
  z-index: -1;
}

.wa-holo .wa-holo-icon {
  display: grid;
  place-items: center;
  flex: none;
  width: 53px;
  height: 53px;
  border-radius: 17px;
  color: #fff;
  background:
    radial-gradient(circle at 27% 13%, rgba(255, 223, 173, .95), transparent 40%),
    linear-gradient(155deg, #ffa84d, #ff782d 52%, #bb4e28 100%);
  border: 1px solid rgba(255, 218, 155, .8);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .45), 0 6px 18px rgba(255, 96, 27, .55), 0 0 18px rgba(255, 147, 45, .28);
  position: relative;
  z-index: 1;
}

.wa-holo .wa-holo-icon svg {
  display: block;
  width: 34px;
  height: 34px;
  filter: drop-shadow(0 2px 2px rgba(88, 33, 19, .30));
}

.wa-holo .wa-holo-name {
  position: relative;
  z-index: 1;
  font-size: 8.5px;
  line-height: 1.1;
  letter-spacing: .12em;
  font-weight: 900;
  color: #ffe4b9;
  text-shadow: 0 0 9px rgba(255, 138, 61, .50);
}

@media (hover: hover) {
  body a.wa.wa-holo:hover {
    transform: translateY(-50%) scale(1.055);
    box-shadow: 0 17px 44px rgba(0, 0, 0, .7), 0 0 37px rgba(255, 133, 51, .48), 0 0 28px rgba(63, 205, 255, .24);
  }
}
body a.wa.wa-holo:focus-visible { outline: 3px solid #92e8ff; outline-offset: 6px; }

@media (max-width: 700px) {
  body a.wa.wa-holo {
    top: 50%;
    right: max(10px, env(safe-area-inset-right));
    bottom: auto;
    width: 66px;
    height: 73px;
    border-radius: 20px;
    gap: 3px;
    padding: 6px 5px;
  }
  body a.wa.wa-holo::before { border-radius: 23px; }
  body a.wa.wa-holo::after { border-radius: 14px; inset: 5px; }
  .wa-holo .wa-holo-icon { width: 43px; height: 43px; border-radius: 14px; }
  .wa-holo .wa-holo-icon svg { width: 28px; height: 28px; }
  .wa-holo .wa-holo-name { font-size: 7px; letter-spacing: .07em; }
}

@media (prefers-reduced-motion: reduce) {
  body a.wa.wa-holo, body a.wa.wa-holo::before { animation: none; transition: none; }
}

@keyframes tg-wa-holo-aura {
  0%, 100% { filter: brightness(.86) saturate(1.05); opacity: .78; }
  50% { filter: brightness(1.27) saturate(1.35); opacity: 1; }
}