/* Aria Spain — widget czatu AI (public/czat.js). Prefiks klas .aria-czat-* (brak kolizji z motywem WP).
   Przycisk w prawym dolnym rogu; na telefonie pasek Forbes (.aria-forbes-bar) siedzi na dole, wtedy przycisk unosi się
   (klasa --wyzej nadawana przez JS). Przycisk i okno po LEWEJ (operator 23.10: po prawej nakladal sie na plywajacy WhatsApp). */
:root { --aria-czat-blue: #4292DA; --aria-czat-gold: #D2C196; --aria-czat-navy: #1e2d4a; --aria-czat-ink: #1f2933; --aria-czat-muted: #6b7786; --aria-czat-paper: #fff; --aria-czat-sand: #f5f7fa; --aria-czat-line: #e3e8ee; }
.aria-czat-fab { position: fixed; left: 18px; bottom: calc(32px + env(safe-area-inset-bottom));   /* srodek na wysokosci srodka WhatsAppa motywu (70 px, bottom 10 + margin 16 → srodek 61 px nad dolem) */ z-index: 9990; display: grid; place-items: center; width: 58px; height: 58px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: var(--aria-czat-navy); color: var(--aria-czat-gold); cursor: pointer; box-shadow: 0 14px 30px -10px rgba(30, 45, 74, .6), 0 0 0 1px rgba(210, 193, 150, .45); transition: bottom .35s ease, transform .2s ease, opacity .2s; }
.aria-czat-fab:hover { background: #2a3d63; transform: translateY(-2px); }
.aria-czat-fab:focus-visible { outline: 3px solid var(--aria-czat-blue); outline-offset: 3px; }
.aria-czat-fab svg { width: 28px; height: 28px; }
.aria-czat-fab--ukryty { opacity: 0; pointer-events: none; }
.aria-czat-fab--wyzej { bottom: calc(72px + env(safe-area-inset-bottom)); }      /* nad paskiem Forbes na telefonie */
@media (min-width: 900px) { .aria-czat-fab { left: 28px; bottom: 28px; width: 62px; height: 62px; } }

.aria-czat { position: fixed; left: 24px; bottom: 24px; z-index: 9991; display: none; width: min(400px, calc(100vw - 48px)); height: min(640px, calc(100vh - 100px)); flex-direction: column; overflow: hidden; border-radius: 20px; background: var(--aria-czat-sand); color: var(--aria-czat-ink); box-shadow: 0 34px 70px -26px rgba(4, 14, 20, .6), 0 0 0 1px var(--aria-czat-line); font-family: inherit; font-size: 15px; line-height: 1.5; }
.aria-czat--otwarty { display: flex; }
.aria-czat * { box-sizing: border-box; }
.aria-czat-naglowek { display: flex; flex: none; align-items: center; gap: 12px; padding: 14px 10px 14px 16px; background: var(--aria-czat-navy); color: #fff; }
.aria-czat-avatar { display: grid; flex: none; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: rgba(210, 193, 150, .18); color: var(--aria-czat-gold); }
.aria-czat-avatar svg { width: 22px; height: 22px; }
.aria-czat-tytul { flex: 1; min-width: 0; }
.aria-czat-tytul strong { display: block; margin: 0; font-size: 17px; font-weight: 600; line-height: 1.2; color: #fff; }
.aria-czat-tytul span { display: block; margin-top: 2px; font-size: 12.5px; color: rgba(255, 255, 255, .72); }
.aria-czat-zamknij { display: grid; flex: none; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: #fff; font-size: 26px; line-height: 1; cursor: pointer; }
.aria-czat-zamknij:hover { background: rgba(255, 255, 255, .12); }
.aria-czat-log { flex: 1; min-height: 0; padding: 16px 14px 8px; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; }
.aria-czat-msg { display: flex; flex-direction: column; align-items: flex-start; margin-bottom: 10px; }
.aria-czat-msg--ja { align-items: flex-end; }
.aria-czat-dymek { max-width: 88%; padding: 10px 14px; border-radius: 18px 18px 18px 6px; background: var(--aria-czat-paper); box-shadow: 0 1px 4px rgba(16, 34, 46, .1); font-size: 15px; color: var(--aria-czat-ink); white-space: pre-wrap; overflow-wrap: anywhere; }
.aria-czat-msg--ja .aria-czat-dymek { border-radius: 18px 18px 6px 18px; background: var(--aria-czat-blue); color: #fff; box-shadow: none; }
.aria-czat-dymek a { color: var(--aria-czat-blue); text-decoration: underline; text-underline-offset: 2px; }
.aria-czat-msg--ja .aria-czat-dymek a { color: #fff; }
.aria-czat-chipy { display: flex; flex-wrap: wrap; gap: 8px; margin: 4px 0 10px; }
.aria-czat-chip { min-height: 38px; padding: 7px 13px; border: 1px solid var(--aria-czat-gold); border-radius: 999px; background: var(--aria-czat-paper); font: inherit; font-size: 14px; color: var(--aria-czat-navy); cursor: pointer; transition: background .2s, border-color .2s; }
.aria-czat-chip:hover { border-color: var(--aria-czat-blue); background: #eaf3fc; }
.aria-czat-kropki { display: inline-flex; gap: 5px; padding: 4px 0; }
.aria-czat-kropki i { width: 7px; height: 7px; border-radius: 50%; background: var(--aria-czat-muted); animation: aria-czat-kropka 1s infinite ease-in-out; }
.aria-czat-kropki i:nth-child(2) { animation-delay: .15s; }
.aria-czat-kropki i:nth-child(3) { animation-delay: .3s; }
@keyframes aria-czat-kropka { 0%, 80%, 100% { opacity: .25; transform: none; } 40% { opacity: 1; transform: translateY(-3px); } }
.aria-czat-form { display: flex; flex: none; align-items: flex-end; gap: 8px; margin: 0; padding: 10px 12px; border-top: 1px solid var(--aria-czat-line); background: var(--aria-czat-paper); }
.aria-czat-form textarea { flex: 1; min-width: 0; min-height: 44px; max-height: 140px; margin: 0; padding: 10px 14px; border: 1px solid var(--aria-czat-line); border-radius: 22px; background: #fff; font: inherit; font-size: 16px; line-height: 1.4; color: var(--aria-czat-ink); resize: none; }
.aria-czat-form textarea:focus { outline: 2px solid var(--aria-czat-blue); outline-offset: 0; border-color: transparent; }
.aria-czat-wyslij { display: grid; flex: none; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: var(--aria-czat-blue); color: #fff; cursor: pointer; transition: background .2s, opacity .2s; }
.aria-czat-wyslij:hover { background: #3579ba; }
.aria-czat-wyslij:disabled { opacity: .5; cursor: default; }
.aria-czat-wyslij svg { width: 20px; height: 20px; }
.aria-czat-nota { flex: none; margin: 0; padding: 0 14px calc(10px + env(safe-area-inset-bottom)); background: var(--aria-czat-paper); font-size: 11.5px; line-height: 1.4; color: var(--aria-czat-muted); }
.aria-czat-sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
@media (max-width: 759px) {
  .aria-czat { inset: 0; width: 100%; height: 100%; height: 100dvh; border-radius: 0; box-shadow: none; }
  .aria-czat-naglowek { padding-top: calc(12px + env(safe-area-inset-top)); }
}
@media (prefers-reduced-motion: reduce) { .aria-czat-kropki i { animation: none; } .aria-czat-fab { transition: none; } }
@media print { .aria-czat-fab, .aria-czat { display: none !important; } }