/* ARISE — popup «Είμαι ο βοηθός του ARISE!» πάνω από το εικονίδιο του chat (2026-10-28).
   Εμφανίζεται από το chat_nudge.js μία φορά ανά session για 3''. Χρώματα = CSS variables. */
:root {
    --chat-nudge-bg: #ffffff;
    --chat-nudge-fg: var(--primary-dark-blue, #1a479b);
    --chat-nudge-border: var(--primary-dark-blue, #1a479b);
    --chat-nudge-close-bg: var(--primary-dark-blue, #1a479b);
    --chat-nudge-close-fg: #ffffff;
    --chat-nudge-ring: rgba(26, 71, 155, .55);
}

/* Το εικονίδιο toggler είναι 110x110 στο bottom:15px/right:20px (βλ. .chatbot-toggler-admin). */
.chatbot-nudge {
    position: fixed;
    right: 20px;
    bottom: 133px;
    z-index: 1000;
    max-width: min(260px, calc(100vw - 40px));
    padding: 12px 34px 12px 14px;
    border: 1px solid var(--chat-nudge-border);
    border-radius: 10px;
    background: var(--chat-nudge-bg);
    color: var(--chat-nudge-fg);
    font-size: 15px;
    line-height: 1.35;
    text-align: center;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .18);
    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);
    transition: opacity .25s ease, transform .25s ease, visibility 0s linear .25s;
    pointer-events: none;
}
.chatbot-nudge.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition-delay: 0s;
    pointer-events: auto;
    animation: arise-nudge-bubble 1s ease-in-out 3;
}
/* Κενό live region (πριν/μετά): δεν πιάνει χώρο ούτε εστίαση. */
.chatbot-nudge:not(.is-visible) .chatbot-nudge-close { display: none; }

/* Βελάκι προς το εικονίδιο */
.chatbot-nudge::after {
    content: "";
    position: absolute;
    right: 50px;
    bottom: -8px;
    width: 14px;
    height: 14px;
    background: var(--chat-nudge-bg);
    border-right: 1px solid var(--chat-nudge-border);
    border-bottom: 1px solid var(--chat-nudge-border);
    transform: rotate(45deg);
}

.chatbot-nudge-text { display: block; }

.chatbot-nudge-close {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 26px;
    height: 26px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: var(--chat-nudge-close-bg);
    color: var(--chat-nudge-close-fg);
    font-size: 18px;
    line-height: 26px;
    cursor: pointer;
}
.chatbot-nudge-close:focus-visible { outline: 3px solid #ffbf47; outline-offset: 2px; }

/* Pulse στο εικονίδιο: 3 παλμοί x 1s = 3'' (ίδιο με το SHOW_MS του JS) */
.chatbot-toggler.chatbot-toggler--pulse { animation: arise-nudge-ring 1s ease-out 3; }

@keyframes arise-nudge-ring {
    0%   { box-shadow: 0 0 0 0 var(--chat-nudge-ring); }
    100% { box-shadow: 0 0 0 26px rgba(26, 71, 155, 0); }
}
@keyframes arise-nudge-bubble {
    0%, 100% { transform: translateY(0) scale(1); }
    50%      { transform: translateY(0) scale(1.04); }
}

/* Χωρίς κίνηση για όσους την έχουν απενεργοποιήσει στο σύστημα (WCAG 2.3.3 / 2.2.2) */
@media (prefers-reduced-motion: reduce) {
    .chatbot-nudge, .chatbot-nudge.is-visible { animation: none; transition: none; }
    .chatbot-toggler.chatbot-toggler--pulse { animation: none; }
}
