Arcoudi

Showing: 1 - 1 of 1 RESULTS
Grecja

Ionion Beach Hotel – Klejnot Jońskiego Wybrzeża

Uroczy hotel Ionion Beach usytuowany jest tuż przy brzegu morza, co na pewno przypadnie do gustu tym, którzy kochają morskie atrakcje oraz tym, którzy preferują spokojny odpoczynek na promieniach słońca. Do Waszej dyspozycji są wygodne apartamenty, zieleń ogrodu i sklepik z upominkami. Dla dzieci przygotowano również plac do zabawy.   Przedstawiam skrócone informacje na temat …

position: fixed; bottom: 96px; right: 24px; z-index: 9999; width: 360px; max-width: calc(100vw - 32px); height: 520px; max-height: calc(100vh - 120px); background: #fff; border-radius: 18px; box-shadow: 0 8px 40px rgba(0,0,0,0.18); display: flex; flex-direction: column; overflow: hidden; font-family: Inter, sans-serif; transform: scale(0.92) translateY(12px); opacity: 0; pointer-events: none; transition: transform 0.22s cubic-bezier(.34,1.56,.64,1), opacity 0.18s ease; } #lnw-chat-window.open { transform: scale(1) translateY(0); opacity: 1; pointer-events: all; } .lnw-header { background: linear-gradient(135deg, #0077cc, #00aaff); padding: 14px 16px; display: flex; align-items: center; gap: 10px; color: #fff; flex-shrink: 0; } .lnw-avatar { width: 38px; height: 38px; border-radius: 50%; background: rgba(255,255,255,0.22); display: flex; align-items: center; justify-content: center; font-size: 20px; flex-shrink: 0; } .lnw-header-info { flex: 1; } .lnw-header-name { font-weight: 600; font-size: 14px; line-height: 1.2; } .lnw-header-sub { font-size: 11px; opacity: 0.85; margin-top: 2px; } .lnw-close-btn { background: none; border: none; color: rgba(255,255,255,0.8); font-size: 20px; cursor: pointer; padding: 4px; line-height: 1; } .lnw-close-btn:hover { color: #fff; } .lnw-messages { flex: 1; overflow-y: auto; padding: 14px 14px 6px; display: flex; flex-direction: column; gap: 10px; scroll-behavior: smooth; } .lnw-messages::-webkit-scrollbar { width: 4px; } .lnw-messages::-webkit-scrollbar-thumb { background: #d0d0d0; border-radius: 4px; } .lnw-msg { max-width: 88%; font-size: 13.5px; line-height: 1.5; padding: 9px 13px; border-radius: 14px; word-break: break-word; } .lnw-msg.bot { background: #f0f4f8; color: #1a1a2e; border-bottom-left-radius: 4px; align-self: flex-start; } .lnw-msg.user { background: linear-gradient(135deg, #0077cc, #00aaff); color: #fff; border-bottom-right-radius: 4px; align-self: flex-end; } .lnw-msg a { color: #0066bb; text-decoration: underline; font-weight: 500; } .lnw-msg.user a { color: #cce8ff; } .lnw-suggestions { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 14px 8px; flex-shrink: 0; } .lnw-suggestion { background: #e8f4ff; color: #0066bb; border: 1px solid #b3d9f7; border-radius: 20px; padding: 5px 12px; font-size: 12px; cursor: pointer; font-family: Inter, sans-serif; transition: background 0.15s; white-space: nowrap; } .lnw-suggestion:hover { background: #cce4ff; } .lnw-typing { display: flex; align-items: center; gap: 4px; padding: 9px 14px; background: #f0f4f8; border-radius: 14px; border-bottom-left-radius: 4px; width: fit-content; align-self: flex-start; } .lnw-typing span { width: 7px; height: 7px; background: #9baab8; border-radius: 50%; animation: lnw-bounce 1.2s infinite; } .lnw-typing span:nth-child(2) { animation-delay: 0.2s; } .lnw-typing span:nth-child(3) { animation-delay: 0.4s; } @keyframes lnw-bounce { 0%,80%,100%{transform:translateY(0)} 40%{transform:translateY(-5px)} } .lnw-input-area { padding: 10px 14px 14px; border-top: 1px solid #eef0f3; display: flex; gap: 8px; align-items: flex-end; flex-shrink: 0; } .lnw-input { flex: 1; border: 1.5px solid #dde3ea; border-radius: 22px; padding: 9px 14px; font-size: 13.5px; font-family: Inter, sans-serif; outline: none; resize: none; max-height: 100px; min-height: 38px; line-height: 1.4; color: #1a1a2e; transition: border-color 0.15s; overflow-y: auto; } .lnw-input:focus { border-color: #0077cc; } .lnw-input::placeholder { color: #9baab8; } .lnw-send-btn { width: 38px; height: 38px; border-radius: 50%; background: linear-gradient(135deg, #0077cc, #00aaff); border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: opacity 0.15s, transform 0.15s; } .lnw-send-btn:hover { opacity: 0.88; transform: scale(1.06); } .lnw-send-btn:disabled { opacity: 0.45; cursor: not-allowed; transform: none; } .lnw-send-btn svg { width: 16px; height: 16px; fill: #fff; } .lnw-footer-note { text-align: center; font-size: 10.5px; color: #b0b8c4; padding-bottom: 4px; font-family: Inter, sans-serif; }