@import url('./layout/header.css');
@import url('./layout/footer.css');


@import url('./pages/home.css');
@import url('./pages/kurumsal.css');
@import url('./pages/hizmetler.css');
@import url('./pages/referanslar.css');
@import url('./pages/iletisim.css');
@import url('./pages/web-tasarim.css');
@import url('./pages/grafik-tasarim.css');
@import url('./pages/teknik-servis.css');
@import url('./pages/pos-kurulumu.css');
@import url('./pages/sosyal-medya-yonetimi.css');
@import url(./pages/demo.css);
@import url(./pages/dijital-reklam-yonetimi.css);
@import url(./pages/teklif-al.css);


@import url('./base.css');


@import url('./services.css');
@import url('./why-sonix.css');


body {
  background:
    radial-gradient(circle at 75% 30%, rgba(40, 147, 255, 0.08), transparent 30%),
    linear-gradient(180deg, #050b14 0%, #08111f 100%);
    
  background-attachment: fixed;
} 
html, body {
  width: auto;
}
.wa-button {
  position: fixed;
  right: 26px;
  bottom: 26px;
  z-index: 9999;

  height: 48px;
  padding: 0 18px;

  display: inline-flex;
  align-items: center;
  gap: 10px;

  border-radius: 999px;
  text-decoration: none;

  background: rgba(10, 20, 40, 0.92);
  color: #fff;

  border: 1px solid rgba(37, 211, 102, 0.35);

  box-shadow:
    0 12px 30px rgba(0,0,0,0.4),
    0 0 0 1px rgba(37,211,102,0.15) inset,
    0 0 18px rgba(37,211,102,0.25);

  transition: 0.25s ease;
}
.wa-button svg {
  width: 24px;
  height: 24px;
  color: #25D366;
  flex-shrink: 0;
    filter: drop-shadow(0 0 6px rgba(37,211,102,0.6));

}

.wa-button:hover {
  transform: translateY(-3px);

  border-color: rgba(37,211,102,0.6);

  box-shadow:
    0 16px 40px rgba(0,0,0,0.5),
    0 0 25px rgba(37,211,102,0.45);
}

@media (max-width: 768px) {
  .wa-button {
    width: 52px;
    height: 52px;
    padding: 0;
    justify-content: center;
    border-radius: 50%;
  }

  .wa-button span {
    display: none;
  }

  .wa-button svg {
    width: 24px;
    height: 24px;
  }
}