/* Video modal */
.lvd-cm-video-modal                                 {display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4);}
.lvd-cm-video-modal-content                         {position: absolute; border-radius: var(--lvd-rounded-md); left: calc(50% - 516px); top: 100px; background-color: var(--lvd-color-white); padding: 40px 8px 8px 8px; max-width: 1024px; width: 100%; animation: zoom-in-zoom-out 1s ease 1;}
@keyframes zoom-in-zoom-out                         {0% {transform: scale(0, 0);} 100% {transform: scale(1, 1);}}

/* --- Close Button (SVG Mask) --- */
.lvd-cm-video-modal-close                           {position: absolute; top: 10px; right: 10px; border: none; padding: 0; cursor: pointer; width: 24px; height: 24px; background-color: var(--lvd-color-black); -webkit-mask-image: url('../assets/svg/bs-icons/x-circle-fill.svg'); mask-image: url('../assets/svg/bs-icons/x-circle-fill.svg'); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; transition: opacity 0.3s ease, transform 0.3s ease;}
.lvd-cm-video-modal-close:hover, 
.lvd-cm-video-modal-close:focus                     {opacity: 0.7; transform: rotate(90deg); outline: none;}

/* --- Video Styles --- */
.lvd-cm-video-modal .lvd-video                      {border-radius: var(--lvd-rounded); overflow: hidden; width: 100%;}
.lvd-cm-video-modal .lvd-video iframe               {border-radius: var(--lvd-rounded);}

/* Is Short format */
.lvd-cm-video-modal.lvd-is-short-video .lvd-cm-video-modal-content {left: calc(50% - 208px); top: 40px; max-width: 400px; width: 100%;}
.lvd-cm-video-modal.lvd-is-short-video .lvd-video   {position: relative; padding-bottom: 177.77%; /* Aspect Ratio 9:16 */ height: 0; overflow: hidden;}
.lvd-cm-video-modal.lvd-is-short-video .lvd-video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* Bm */
@media (min-width: 1px) and (max-width: 767px) {
    .lvd-cm-video-modal                             {background:rgba(0,0,0,0.9); background:radial-gradient(circle at center, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.98) 100%);}
    .lvd-cm-video-modal-content                     {left: 2px; right: 2px; top: 100px; background-color: var(--lvd-color-black); padding: 40px 2px 2px 2px; max-width: 1024px; width: calc(100% - 4px);}
    .lvd-cm-video-modal-close                       {background-color: var(--lvd-color-white);}
    .lvd-cm-video-modal .lvd-video,
    .lvd-cm-video-modal .lvd-video iframe           {border-radius: var(--lvd-rounded-md);}
    /* Is Short format Mobile */
    .lvd-cm-video-modal.lvd-is-short-video .lvd-cm-video-modal-content {left: 2px; right: 2px; top: 8px; max-width: 1024px; width: calc(100% - 4px);}
}

/* Bt */
@media (min-width: 768px) and (max-width: 1024px) {
    .lvd-cm-video-modal-content                     {left: 8px; right: 8px; top: 100px; background-color: var(--lvd-color-white); padding: 40px 8px 8px 8px; max-width: 1024px; width: calc(100% - 16px);}
}

/* Full HD */
@media (min-width: 1025px) and (max-width: 1344px) {
    .lvd-cm-video-modal-content                     {left: calc(50% - 516px); top: 40px;}
}