/* =============================================================================
   PASEK DOLNY, wariant A „pigułka” (SPEC-NOWE-2026-10-18 C, src/strony/widget_dolny.tsx, public/widget.js).
   Tylko na głównej i na Kontakcie, tylko poniżej 768 px. Domyślnie niewidoczny (także bez JS); widget.js dodaje ambient-pigulka--widoczna
   dopiero, gdy główny przycisk strony zniknie z ekranu, i zdejmuje ją nad stopką, przy pisaniu i przy banerze CookieYes.
   Kapsuła 48 px na środku: krem 74% z rozmyciem i złotą linią włoskową; zasłania ~2/3 szerokości kapsuły, nie całą krawędź.
   Wejście z mgły: opacity + blur → ostrość, 700 ms cubic-bezier(0.16, 1, 0.3, 1); prefers-reduced-motion: bez animacji.
   ============================================================================= */
.ambient-pigulka { display: none; }

@media (max-width: 767px) {
  .ambient-pigulka {
    display: inline-flex; align-items: center; gap: 2px; position: fixed; z-index: 30; left: 50%; bottom: calc(14px + env(safe-area-inset-bottom, 0px));
    padding: 4px; border-radius: var(--promien-pelny);
    background: color-mix(in srgb, var(--krem-50) 74%, transparent); -webkit-backdrop-filter: blur(14px) saturate(1.2); backdrop-filter: blur(14px) saturate(1.2);
    border: 1px solid var(--zloto-linia); box-shadow: 0 8px 24px -12px rgb(20 6 50 / .55);
    opacity: 0; visibility: hidden; filter: blur(6px); transform: translate(-50%, 8px);
    transition: opacity .7s cubic-bezier(0.16, 1, 0.3, 1), filter .7s cubic-bezier(0.16, 1, 0.3, 1), transform .7s cubic-bezier(0.16, 1, 0.3, 1), visibility 0s linear .7s;
  }
  .ambient-pigulka.ambient-pigulka--widoczna {
    opacity: 1; visibility: visible; filter: none; transform: translate(-50%, 0);
    transition: opacity .7s cubic-bezier(0.16, 1, 0.3, 1), filter .7s cubic-bezier(0.16, 1, 0.3, 1), transform .7s cubic-bezier(0.16, 1, 0.3, 1), visibility 0s;
  }
  .ambient-pigulka__zamow { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px 0 18px; border-radius: var(--promien-pelny); font-weight: 700; font-size: var(--fs-15); color: var(--sliwka-900); text-decoration: none; white-space: nowrap; }
  .ambient-pigulka__zamow .ikona { width: 16px; height: 16px; }
  .ambient-pigulka__kreska { width: 1px; height: 22px; background: var(--zloto-linia); }
  .ambient-pigulka__tel { display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: var(--promien-pelny); color: var(--sliwka-900); }
  .ambient-pigulka__tel .ikona { width: 18px; height: 18px; }
  .ambient-pigulka a:focus-visible { outline: 2px solid var(--sliwka-700); outline-offset: 2px; }
  /* pływający przycisk ustawień cookies (CookieYes „Revisit consent”) nad pigułką */
  body.z-ambientem .cky-btn-revisit-wrapper { bottom: calc(76px + env(safe-area-inset-bottom, 0px)) !important; }
}

@media (max-width: 767px) and (prefers-reduced-motion: reduce) {
  .ambient-pigulka, .ambient-pigulka.ambient-pigulka--widoczna { transition: none; filter: none; }
}

@media print { .ambient-pigulka { display: none !important; } }