/* Oxsea Chatbot Widget - CSS chargé via wp_enqueue_style */
#oxsea-trigger {
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}
#oxsea-trigger:hover {
    transform: scale(1.1) !important;
}
#oxsea-panel {
    transition: opacity 0.3s ease, transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}
#oxsea-chat::-webkit-scrollbar { width: 3px; }
#oxsea-chat::-webkit-scrollbar-thumb { background: #DDD; border-radius: 3px; }

/* Video card WhatsApp-style — inside bubble */
.oxsea-bubble .oxsea-video-card { display:block; width:100%; max-width:100%; background:#F0F0F0; border-radius:12px; overflow:hidden; cursor:pointer; margin-top:10px; transition:transform .2s; }
.oxsea-bubble .oxsea-video-card:hover { transform:scale(1.02); }
/* Video card standalone fallback */
.oxsea-video-card { display:inline-block; max-width:240px; background:#F0F0F0; border-radius:12px; overflow:hidden; cursor:pointer; margin-top:8px; transition:transform .2s; }
.oxsea-video-card:hover { transform:scale(1.02); }
.oxsea-video-thumb { position:relative; width:100%; aspect-ratio:16/9; background:#000; overflow:hidden; }
.oxsea-video-thumb video { width:100%; height:100%; object-fit:cover; pointer-events:none; }
.oxsea-vplay { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:44px; height:44px; background:var(--ox-color); border-radius:50%; display:flex; align-items:center; justify-content:center; opacity:.9; }
.oxsea-vplay svg { margin-left:3px; }
.oxsea-video-card-title { padding:8px 10px; font-size:12px; color:#1A1A1A; font-weight:500; line-height:1.3; }

/* Video modal */
.oxsea-video-modal { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.85); z-index:999999; align-items:center; justify-content:center; padding:20px; }
.oxsea-video-modal.active { display:flex; }
.oxsea-video-modal-inner { position:relative; width:100%; max-width:900px; }
.oxsea-video-modal-close { position:absolute; top:-40px; right:0; background:var(--ox-color); color:#fff; border:none; width:36px; height:36px; border-radius:50%; font-size:18px; font-weight:700; cursor:pointer; display:flex; align-items:center; justify-content:center; z-index:10; font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; }
.oxsea-video-modal-close:hover { opacity:.85; }
.oxsea-video-modal video { width:100%; border-radius:12px; aspect-ratio:16/9; background:#000; }