/* Frontend styles for DW İletişim 1.1.15 (desktop right/left fix) */
.dw-iletisim-menu { position: fixed; z-index: 2147483647; pointer-events: none; }
.dw-iletisim-menu .dwi-desktop, .dw-iletisim-menu .dwi-mobile { pointer-events: auto; }

/* Desktop positioning: pin container left/right and center vertically */
@media (min-width: 769px) {
  .dw-iletisim-menu .dwi-mobile { display: none !important; }
  .dw-iletisim-menu { top: var(--dwi-top, 40vh); transform: translateY(-50%); bottom: auto; }
  .dw-iletisim-menu.pos-left  { left: 8px; right: auto; }
  .dw-iletisim-menu.pos-right { right: 8px; left:  auto; }
  .dw-iletisim-menu .dwi-desktop { position: static; display: flex; flex-direction: column; gap: 8px; }
}

/* Mobile positioning: full width at bottom */
@media (max-width: 768px) {
  .dw-iletisim-menu { top: auto; transform: none; left: 6px; right: 6px; bottom: 6px; }
  .dw-iletisim-menu .dwi-desktop { display: none; }
  .dw-iletisim-menu .dwi-mobile { position: static; display: flex; gap: 6px; padding: 0; }
}

.dwi-btn{display:flex;align-items:center;justify-content:center;text-decoration:none;border-radius:16px;background:#444;box-shadow:0 8px 24px rgba(0,0,0,.14)}
/* Desktop buttons */
@media (min-width: 769px) {
  .dw-iletisim-menu .dwi-mobile { display: none !important; }
  .dw-iletisim-menu .dwi-desktop .dwi-btn{width:var(--dwi-btn,55px);height:var(--dwi-btn,55px);border-radius:var(--dwi-radius,18px);transition:transform .2s ease, filter .2s ease}
  .dw-iletisim-menu .dwi-desktop .dwi-btn:hover{transform:translateX(2px);filter:brightness(1.05)}
  .dw-iletisim-menu .dwi-desktop .dwi-btn svg, .dw-iletisim-menu .dwi-desktop .dwi-btn i{width:22px;height:22px;fill:#fff;color:#fff}
}
/* Mobile buttons */
@media (max-width: 768px) {
  .dw-iletisim-menu .dwi-mobile .dwi-btn{flex:1;height:56px;border-radius:var(--dwi-radius,18px);gap:8px;box-shadow:0 -6px 20px rgba(0,0,0,.08);font-weight:600}
  .dw-iletisim-menu .dwi-mobile .dwi-btn .dwi-ico svg, .dw-iletisim-menu .dwi-mobile .dwi-ico i{width:20px;height:20px;fill:#fff;color:#fff}
  .dw-iletisim-menu .dwi-mobile .dwi-lbl{color:#fff}
}

/* Colors via CSS vars */
.dw-iletisim-menu .dwi-btn{background:var(--dwi-bg,#444); color:#fff;}
.dw-iletisim-menu .dwi-btn svg, .dw-iletisim-menu .dwi-btn i{color:#fff;fill:#fff}