/* Render modülünün kendi biçimleri: önizleme şeridi, yedek düzen ve durum sayfası. Çerez bandı consent.css'te.
   Renkler yalnız token üzerinden alınır (base.css tokenları). */
.sb-preview {
  position: sticky; top: 0; z-index: 1000;
  display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1rem;
  padding: .5rem var(--gutter, 20px);
  background: var(--c-accent, #d98a0b); color: var(--c-dark, #0e1b2a);
  font-size: var(--fs-sm, .875rem);
}
.sb-preview strong { letter-spacing: .04em; }
.sb-preview a { color: inherit; font-weight: 600; }

.site-header-inner, .site-footer-inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem 1.5rem; }
.site-brand { font-weight: 700; color: inherit; text-decoration: none; }
.site-nav ul, .site-footer-links { display: flex; flex-wrap: wrap; gap: .5rem 1.25rem; list-style: none; margin: 0; padding: 0; }
.site-nav a, .site-footer-links a { color: inherit; text-decoration: none; }
.site-nav a[aria-current="page"] { text-decoration: underline; }
.site-nav-sub { font-size: var(--fs-sm, .875rem); }

.sb-status { padding: var(--section-y, 64px) var(--gutter, 20px); text-align: center; }
.sb-status-title { font-size: var(--fs-2xl, 1.5rem); margin: 0 0 .75rem; }
.sb-status-text { color: var(--c-text-muted, #5b6675); margin: 0 0 1.25rem; }

/* KOBİ WhatsApp Yüzen Sohbet Butonu */
.sb-wa-btn {
  position: fixed;
  bottom: 24px;
  z-index: 990;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: #25d366;
  color: #ffffff !important;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22);
  transition: transform .2s ease, box-shadow .2s ease;
  text-decoration: none;
}
.sb-wa-btn:hover {
  transform: scale(1.08);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3);
  color: #ffffff !important;
}
.sb-wa-btn:active {
  transform: scale(0.96);
}
.sb-wa-right {
  right: 24px;
}
.sb-wa-left {
  left: 24px;
}
@media (max-width: 640px) {
  .sb-wa-btn {
    bottom: 16px;
    width: 50px;
    height: 50px;
  }
  .sb-wa-btn svg {
    width: 26px;
    height: 26px;
  }
  .sb-wa-right {
    right: 16px;
  }
  .sb-wa-left {
    left: 16px;
  }
}