/* DANAOS — ProjectVIEW AI sticky Ask bar (17 Oct 2026). See inc/danaos-ai-bar.php */
#pvai-bar{position:fixed;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:9990;display:flex;justify-content:center;pointer-events:none;transition:transform .28s ease,opacity .28s ease;opacity:0;transform:translateY(24px)}
#pvai-bar.pvai-ready{opacity:1;transform:none}
#pvai-bar.pvai-hide{opacity:0;transform:translateY(150%)}
#pvai-bar .pvai-in{pointer-events:auto;box-sizing:border-box;width:100%;max-width:1040px;height:64px;padding:0 6px;display:flex;align-items:center;gap:10px;background:#0f1d36;border-radius:34px;box-shadow:0 12px 32px rgba(15,29,54,.38),0 0 0 1px rgba(255,255,255,.08);font-family:inherit}
#pvai-bar button{font-family:inherit;margin:0;-webkit-tap-highlight-color:transparent}
#pvai-bar .pvai-pill{flex-shrink:0;height:48px;padding:0 22px;border:0;border-radius:24px;background:linear-gradient(90deg,#4479c4,#2f5596);color:#fff;font-size:16px;font-weight:700;letter-spacing:.01em;white-space:nowrap;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
[dir=rtl] #pvai-bar .pvai-pill{background:linear-gradient(270deg,#4479c4,#2f5596)}
#pvai-bar .pvai-field{flex:1 1 auto;min-width:0;height:52px;box-sizing:border-box;display:flex;align-items:center;gap:12px;padding:0;padding-inline-start:12px;border:0;border-radius:26px;background:transparent;color:#fff;text-align:start;cursor:pointer;transition:background .2s ease}
#pvai-bar .pvai-field:hover{background:rgba(255,255,255,.07)}
#pvai-bar .pvai-q{flex:1 1 auto;min-width:0;font-size:15px;font-weight:500;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#pvai-bar .pvai-q.pvai-swap{animation:pvaiIn .45s ease}
#pvai-bar .pvai-hint{flex-shrink:0;display:flex;align-items:center;gap:6px;font-size:12px;color:#9fbde6;white-space:nowrap}
#pvai-bar .pvai-spark{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:#13203d;box-shadow:0 0 0 1px rgba(245,197,66,.45);display:flex;align-items:center;justify-content:center;margin-inline-end:0}
#pvai-bar .pvai-pill:focus-visible,#pvai-bar .pvai-field:focus-visible{outline:2px solid #f5c542;outline-offset:2px}
@keyframes pvaiIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
/* Sparkle animation: stars twinkle in sequence + gold ring glow, when the question changes or the bar appears */
#pvai-bar .pvai-spark svg{overflow:visible}
#pvai-bar .pvai-spark svg path{transform-box:fill-box;transform-origin:center}
#pvai-bar .pvai-spark.pvai-twinkle{animation:pvaiRing 1.3s ease-out}
#pvai-bar .pvai-spark.pvai-twinkle svg{animation:pvaiGlow 1.3s ease-out}
#pvai-bar .pvai-spark.pvai-twinkle path:nth-child(1){animation:pvaiStar 1s ease-in-out}
#pvai-bar .pvai-spark.pvai-twinkle path:nth-child(2){animation:pvaiStar .9s ease-in-out .18s both}
#pvai-bar .pvai-spark.pvai-twinkle path:nth-child(3){animation:pvaiStar .9s ease-in-out .34s both}
@keyframes pvaiStar{0%{transform:scale(1) rotate(0);opacity:1}25%{transform:scale(.45) rotate(-25deg);opacity:.5}60%{transform:scale(1.4) rotate(18deg);opacity:1}100%{transform:scale(1) rotate(0);opacity:1}}
@keyframes pvaiRing{0%{box-shadow:0 0 0 1px rgba(245,197,66,.45),0 0 0 0 rgba(245,197,66,.6)}55%{box-shadow:0 0 0 1px rgba(245,197,66,1),0 0 0 9px rgba(245,197,66,0)}100%{box-shadow:0 0 0 1px rgba(245,197,66,.45),0 0 0 0 rgba(245,197,66,0)}}
@keyframes pvaiGlow{0%,100%{filter:none}50%{filter:drop-shadow(0 0 5px rgba(245,197,66,.95))}}
@media (max-width:1023px){#pvai-bar .pvai-hint{display:none}}
@media (max-width:767px){#pvai-bar{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px))}#pvai-bar .pvai-in{height:60px}#pvai-bar .pvai-pill{display:none}#pvai-bar .pvai-field{padding-inline-start:16px}#pvai-bar .pvai-q{font-size:14px}}
@media (prefers-reduced-motion:reduce){#pvai-bar,#pvai-bar .pvai-q.pvai-swap,#pvai-bar .pvai-spark,#pvai-bar .pvai-spark *{transition:none!important;animation:none!important}}
/* The bar replaces the Chatbase bubble; the chat window itself is unchanged. */
body.pvai-on #chatbase-bubble-button,body.pvai-on #chatbase-message-bubbles{display:none!important}
body.pvai-on{padding-bottom:96px}
/* Hide while the cookie banner, the mobile menu or the chat window is open. */
body:has(.cky-consent-container:not(.cky-hide)) #pvai-bar,body:has(.mobile-navigation.open) #pvai-bar,body:has(#mobile-navigation .lang-list-wrapper.active) #pvai-bar,body.pvai-chat-open #pvai-bar{opacity:0!important;transform:translateY(150%)!important;pointer-events:none!important}
@media print{#pvai-bar{display:none!important}}
/* Tablet/phone side menu: hide the ProjectVIEW AI card (links to projectview.ai). Replaced by the bar; ProjectVIEW AI top menu to follow. 17 Oct 2026 */
.mobile-navigation li:has(> a[href^="https://projectview.ai"]),.mobile-navigation li:has(> a[href^="http://projectview.ai"]),.mobile-navigation li:has(> a[href^="https://www.projectview.ai"]){display:none!important}
/* 17 Oct 2026 (Christos): rule above lost to the ID selector in inc/danaos-menu.php (#tertiary-menu-mobile > li.simple-button{display:block!important}). Same-or-higher specificity here, and hide the empty wrapper. ProjectVIEW AI now only in the main menu. */
html body #tertiary-menu-mobile > li:has(> a[href*="projectview.ai"]),html body .mobile-navigation #tertiary-menu-mobile > li.simple-button:has(> a[href*="projectview.ai"]){display:none!important}
/* tertiary menu holds only that card: hide its wrapper so no empty gap is left (remove this line if items are added to the tertiary menu) */
html body .mobile-navigation .mobile-navigation-body > div:has(> #tertiary-menu-mobile),html body .mobile-navigation .mobile-navigation-body > div:has(#tertiary-menu-mobile){display:none!important}