/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.video-login-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);display:flex;justify-content:center;align-items:center;z-index:10000;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease;}.video-login-popup.show{opacity:1;visibility:visible;}.video-login-popup-content{background:white;padding:30px;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,0.3);text-align:center;max-width:400px;width:90%;position:relative;transform:scale(0.7);transition:transform 0.3s ease;}.video-login-popup.show .video-login-popup-content{transform:scale(1);}.video-login-popup-close{position:absolute;top:10px;right:15px;background:none;border:none;font-size:24px;cursor:pointer;color:#999;line-height:1;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;}.video-login-popup-close:hover{color:#333;}.video-login-popup h3{margin:0 0 15px 0;color:#333;font-size:24px;}.video-login-popup p{margin:0 0 20px 0;color:#666;line-height:1.5;}.video-login-popup-buttons{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}.video-login-popup button,.video-login-popup a{padding:12px 24px;border:none;border-radius:4px;cursor:pointer;font-size:16px;text-decoration:none;display:inline-block;transition:background-color 0.3s ease;text-align:center;}.video-login-popup .login-btn{background-color:#007cba;color:white;}.video-login-popup .login-btn:hover{background-color:#005a87;}.video-login-popup .register-btn{background-color:#28a745;color:white;}.video-login-popup .register-btn:hover{background-color:#1e7e34;}.video-login-popup .cancel-btn{background-color:#f0f0f0;color:#333;}.video-login-popup .cancel-btn:hover{background-color:#e0e0e0;}.video-login-required{position:relative;cursor:pointer;}.video-login-required::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.2);z-index:1000;cursor:pointer;transition:background-color 0.3s ease;}.video-login-required:hover::before{background:rgba(0,0,0,0.4);}.video-login-required iframe,.video-login-required video{pointer-events:none;}.video-thumbnail-container{position:relative;background:#000;display:block;width:100%;max-width:560px;min-height:200px;height:315px;background-size:cover;background-position:center;background-repeat:no-repeat;cursor:pointer;border-radius:4px;overflow:hidden;margin:0 auto;box-shadow:0 2px 8px rgba(0,0,0,0.1);transition:transform 0.2s ease,box-shadow 0.2s ease;}.video-thumbnail-container:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,0.2);}.video-thumbnail-title{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,0.8));color:white;padding:20px 15px 15px;font-size:14px;font-weight:500;}.video-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1001;background:rgba(0,0,0,0.8);color:white;border:none;border-radius:50%;width:80px;height:80px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:28px;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(0,0,0,0.3);}.video-play-overlay:hover{background:rgba(0,0,0,0.95);transform:translate(-50%,-50%) scale(1.1);}.video-play-overlay::before{content:"▶";margin-left:4px;}.video-login-indicator{position:absolute;top:10px;right:10px;background:rgba(0,0,0,0.8);color:white;padding:5px 8px;border-radius:4px;font-size:12px;z-index:1002;display:flex;align-items:center;gap:5px;}.video-login-indicator::before{content:"🔒";font-size:10px;}.video-login-required video{cursor:pointer;}.video-login-required video::-webkit-media-controls{display:none !important;}.video-login-required video::-moz-media-controls{display:none !important;}.video-login-required video::-ms-media-controls{display:none !important;}video[poster]{object-fit:cover;}.video-login-required{display:inline-block;max-width:100%;}.video-login-required video,.video-login-required iframe{max-width:100%;height:auto;}.video-thumbnail-container{opacity:1 !important;visibility:visible !important;z-index:1;}.video-thumbnail-container[style*="background-image"]{background-color:#1a1a1a !important;}.video-thumbnail-container:not([style*="background-image"]){background:linear-gradient(45deg,#333 25%,#555 25%,#555 50%,#333 50%,#333 75%,#555 75%);background-size:20px 20px;animation:loading-stripes 1s linear infinite;}@keyframes loading-stripes{0%{background-position:0 0;}100%{background-position:20px 0;}}
