/* Fixed layout overrides: the widget never participates in the footer flow. */
.w26q {
  display: contents !important;
  position: static !important;
  inset: auto !important;
  width: auto !important;
  height: auto !important;
  pointer-events: auto !important;
}

.w26q-launcher,
.w26q-dialog {
  z-index: 2147483647 !important; /* maksimum 32-bit — ponad wszystkim (banery cookies itp.) */
  pointer-events: auto !important;
}

.w26q-launcher {
  touch-action: manipulation !important; /* usuwa 300ms opóźnienie i podwójny tap na telefonach */
}

.w26q-dialog[hidden] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.w26q-launcher {
  position: fixed !important;
  top: auto !important;
  bottom: max(22px, env(safe-area-inset-bottom)) !important;
  right: max(22px, env(safe-area-inset-right)) !important;
  left: auto !important;
  display: flex !important;
  width: auto !important;
  height: auto !important;
  padding: 10px 16px 10px 10px !important;
  border: 0 !important;
  border-radius: 19px !important;
  background: #17151d !important;
  color: #fff !important;
  line-height: 1.15 !important;
  opacity: 1 !important;
  transition: transform .28s ease, box-shadow .2s, opacity .2s !important;
}

.w26q-launcher > span:nth-child(2) {
  display: flex !important;
  flex-direction: column !important;
  color: #fff !important;
}

.w26q-launcher strong,
.w26q-launcher small {
  display: block !important;
  color: #fff !important;
}

.w26q-dialog {
  position: fixed !important;
  top: auto !important;
  bottom: max(88px, calc(env(safe-area-inset-bottom) + 76px)) !important;
  right: max(22px, env(safe-area-inset-right)) !important;
  left: auto !important;
}

/* "Zwiń" nie chowa już przycisku za krawędź ekranu — zostaje w pełni widoczny
   (ikona + tekst) i zawsze łatwy do kliknięcia. Zmienia się tylko cień. */
.w26q.is-minimized .w26q-launcher {
  transform: none !important;
  box-shadow: 0 8px 28px rgba(24, 16, 45, .22);
}

.w26q.is-minimized .w26q-launcher:hover,
.w26q.is-minimized .w26q-launcher:focus-visible {
  transform: translateY(-2px) !important;
}

.w26q.is-minimized .w26q-launcher > span {
  opacity: 1 !important;
}

.w26q-close {
  font-size: 25px !important;
  font-weight: 500 !important;
}

/* Motyw Woodmart pokazuje pływający dolny pasek (.wd-toolbar) na WSZYSTKICH
   ekranach do 1024px (telefony i tablety). Na całym tym zakresie unosimy
   przycisk i okno dialogowe ponad ten pasek oraz poza strefę gestów. */
@media (max-width: 1024px) {
  .w26q-launcher {
    right: max(12px, env(safe-area-inset-right)) !important;
    left: auto !important;
    bottom: calc(env(safe-area-inset-bottom, 0px) + 68px) !important;
    overflow: visible;
  }

  .w26q-dialog {
    right: max(12px, env(safe-area-inset-right)) !important;
    left: auto !important;
    bottom: calc(env(safe-area-inset-bottom, 0px) + 138px) !important;
  }
}

/* Telefony — okno dialogowe rozciągnięte na całą szerokość ekranu. */
@media (max-width: 600px) {
  .w26q-launcher {
    justify-content: flex-start;
    border-radius: 18px !important;
    padding: 9px 14px 9px 9px !important;
  }

  .w26q-launcher span:nth-child(2) {
    display: flex !important;
  }

  .w26q-dialog {
    left: 8px !important;
    right: 8px !important;
    top: auto !important;
    bottom: calc(env(safe-area-inset-bottom, 0px) + 68px) !important;
    width: auto !important;
    height: min(680px, calc(100dvh - 88px)) !important;
    border-radius: 22px !important;
    transform-origin: bottom center;
  }
}