/* Κομιανή Στράτα — chat ακροατών (overlay, μηνύματα, σύνδεση/εγγραφή, Turnstile).
   Βγήκε από το παλιό player.css κατά την προαγωγή της πρότασης c. */

/* Κουμπί του chat (π.χ. «Σύνδεση για να γράψεις») */
.chat-btn{display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:2px;font-size:12px;cursor:pointer;border:1px solid rgba(200,150,42,0.35);background:rgba(200,150,42,0.12);color:#f0c050;transition:background .2s,transform .2s}
.chat-btn:hover{background:rgba(200,150,42,0.16);transform:translateY(-1px)}

/* ══ CHAT ══ */
.chat-overlay{position:fixed;inset:0;background:rgba(10,5,2,0.75);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;pointer-events:none;transition:opacity 0.25s;backdrop-filter:blur(4px)}
.chat-overlay.open{opacity:1;pointer-events:all}
.chat-panel{width:100%;max-width:420px;height:min(640px,90vh);height:min(640px,90dvh);background:linear-gradient(170deg,#2a1910 0%,var(--dark) 100%);border:1px solid rgba(200,150,42,0.3);border-radius:3px;box-shadow:0 24px 80px rgba(0,0,0,0.8);display:flex;flex-direction:column;transform:translateY(20px);transition:transform 0.25s;overflow:hidden}
.chat-overlay.open .chat-panel{transform:translateY(0)}
.chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(200,150,42,0.15);background:rgba(0,0,0,0.2);flex-shrink:0}
.chat-header-left{display:flex;align-items:center;gap:8px}
.chat-dot{width:8px;height:8px;background:var(--terra);border-radius:50%;animation:lp 1.7s ease infinite}
.chat-title{font-family:var(--font-head);font-size:15px;color:var(--cream)}
.chat-close{background:none;border:none;color:rgba(237,217,188,0.7);cursor:pointer;font-size:18px;line-height:1;padding:2px 6px;border-radius:2px;transition:color 0.2s}
.chat-close:hover{color:var(--cream)}

.chat-view{display:flex;flex-direction:column;flex:1;min-height:0}

/* Μήνυμα κατάστασης (π.χ. chat εκτός λειτουργίας, έχεις αποκλειστεί) */
.chat-notice{margin:10px 14px 0;padding:8px 11px;border-radius:2px;font-size:12.5px;line-height:1.45;border:1px solid rgba(200,150,42,0.3);background:rgba(200,150,42,0.08);color:var(--parch);flex-shrink:0}
.chat-notice.err{border-color:rgba(224,80,80,0.35);background:rgba(224,80,80,0.08);color:#ffb0b0}

.chat-user-bar{padding:8px 14px;background:rgba(0,0,0,0.2);border-bottom:1px solid rgba(200,150,42,0.1);display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:rgba(237,217,188,0.75);flex-shrink:0}
.chat-user-name{color:var(--gold-l)}
.link-btn{background:none;border:none;color:rgba(237,217,188,0.7);cursor:pointer;font-size:11px;padding:0;text-decoration:underline;text-underline-offset:2px}
.link-btn:hover{color:var(--cream)}

.pinned-msg{margin:8px 14px 0;background:rgba(200,150,42,0.1);border:1px solid rgba(200,150,42,0.3);border-radius:2px;padding:8px 11px;font-size:12.5px;color:var(--gold-l);display:flex;align-items:flex-start;gap:8px;flex-shrink:0}
.pinned-icon{flex-shrink:0;opacity:.7;margin-top:1px}
.pinned-text{flex:1;line-height:1.45;word-break:break-word}

.messages-wrap{flex:1;min-height:0;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;scrollbar-color:rgba(200,150,42,0.2) transparent}
.messages-wrap::-webkit-scrollbar{width:4px}
.messages-wrap::-webkit-scrollbar-thumb{background:rgba(200,150,42,0.2);border-radius:2px}
.msg{display:flex;flex-direction:column;gap:2px;animation:msgIn .25s ease forwards}
@keyframes msgIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.msg.me{align-items:flex-end}
.msg-meta{font-size:10px;color:rgba(237,217,188,0.6);display:flex;align-items:center;gap:5px}
.msg.me .msg-meta{flex-direction:row-reverse}
.msg-name{color:var(--gold-l)}
.msg-bubble{max-width:80%;padding:8px 11px;font-size:13.5px;color:var(--cream);line-height:1.45;word-break:break-word;white-space:pre-wrap}
.msg.other .msg-bubble{background:rgba(0,0,0,0.35);border:1px solid rgba(200,150,42,0.12);border-radius:2px 10px 10px 2px}
.msg.me .msg-bubble{background:rgba(196,96,58,0.22);border:1px solid rgba(196,96,58,0.25);border-radius:10px 2px 2px 10px}
.msg-time{font-size:9px;color:rgba(237,217,188,0.55)}
.chat-empty{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:rgba(237,217,188,0.55);font-size:13px;font-style:italic;text-align:center}

/* Γραμμή αποστολής ή «Σύνδεση για να γράψεις» */
.chat-input-wrap{padding:10px 14px;border-top:1px solid rgba(200,150,42,0.12);background:rgba(0,0,0,0.2);display:flex;gap:8px;align-items:flex-end;flex-shrink:0}
.chat-input{flex:1;background:rgba(0,0,0,0.35);border:1px solid rgba(200,150,42,0.18);border-radius:2px;padding:8px 11px;color:var(--cream);font-size:14px;resize:none;max-height:80px;transition:border-color 0.2s;scrollbar-width:none}
.chat-input:focus{border-color:rgba(200,150,42,0.4)}
.chat-input::placeholder{color:rgba(237,217,188,0.55)}
.chat-send{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--terra),var(--terra-d));border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform 0.2s;box-shadow:0 3px 10px rgba(196,96,58,0.35)}
.chat-send:hover{transform:scale(1.08)}.chat-send:active{transform:scale(0.95)}
.chat-send svg{fill:#fff;width:15px;height:15px}
.chat-send:disabled{opacity:.5;cursor:default;transform:none}
.chat-login-cta{flex:1;justify-content:center}

/* Σύνδεση / εγγραφή */
.auth-wrap{padding:16px 20px;display:flex;flex-direction:column;gap:14px;overflow-y:auto}
.auth-top{display:flex;align-items:center;justify-content:space-between}
.auth-title{font-family:var(--font-head);font-size:18px;color:var(--cream)}
.auth-tabs{display:flex;border-bottom:1px solid rgba(200,150,42,0.15)}
.auth-tab{flex:1;padding:8px;font-size:13px;cursor:pointer;background:none;border:none;color:rgba(237,217,188,0.7);border-bottom:2px solid transparent;transition:color .2s,border-color .2s;margin-bottom:-1px}
.auth-tab[aria-selected="true"]{color:var(--gold-l);border-bottom-color:var(--terra)}
.auth-form{display:flex;flex-direction:column;gap:10px}
.auth-field{display:flex;flex-direction:column;gap:5px}
.auth-label{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:rgba(237,217,188,0.75)}
.auth-input{background:rgba(0,0,0,0.3);border:1px solid rgba(200,150,42,0.2);border-radius:2px;padding:9px 12px;color:var(--cream);font-size:15px;transition:border-color 0.2s;width:100%}
.auth-input:focus{border-color:rgba(200,150,42,0.5)}
.auth-input::placeholder{color:rgba(237,217,188,0.55)}
.auth-btn{background:linear-gradient(135deg,var(--terra),var(--terra-d));border:none;color:var(--cream);font-family:var(--font-head);font-size:15px;padding:10px;border-radius:2px;cursor:pointer;transition:transform 0.2s;box-shadow:0 3px 12px rgba(196,96,58,0.35)}
.auth-btn:hover{transform:translateY(-1px)}.auth-btn:active{transform:translateY(0)}
.auth-btn:disabled{opacity:.6;cursor:default;transform:none}
.auth-err{font-size:12px;color:#e87878;text-align:center;padding:4px;min-height:1em}
.auth-err:empty{display:none}
.auth-info{font-size:12px;color:var(--parch);text-align:center;line-height:1.45}
.auth-info:empty{display:none}
.auth-form .link-btn{align-self:center;margin-top:2px}
/* Cloudflare Turnstile */
.captcha-box{display:flex;justify-content:center;min-height:65px}
.captcha-box:empty{min-height:0}


/* Κινητό: το chat πιάνει όλη την οθόνη */
@media (max-width:560px){
  .chat-overlay{padding:0;align-items:stretch}
  .chat-panel{max-width:none;height:100%;border-radius:0;border:none}
}