/* Стили для видео превью в attachment-multiple */

/* Базовые стили */
.attachment-video-preview {
    position: relative;
    cursor: pointer;
    display: inline-block;
}

.attachment-video-body {
    position: relative;
}

.attachment-video-element {
    display: block;
    background-color: #000;
}

.attachment-video-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 10;
}

.attachment-video-name {
    margin-top: 10px;
}

/* Размеры превью в зависимости от previewSize */
.attachment-preview-small .attachment-video-element {
    max-width: 200px;
    max-height: 150px;
}

.attachment-preview-medium .attachment-video-element {
    max-width: 400px;
    max-height: 300px;
}

.attachment-preview-large .attachment-video-element {
    max-width: 600px;
    max-height: 450px;
}

/* Fallback если размеры не определены */
.attachment-video-element[data-max-width] {
    max-width: attr(data-max-width px);
}

.attachment-video-element[data-max-height] {
    max-height: attr(data-max-height px);
}

/* Модальное окно видео */
.modal.video-preview .video-preview-modal-container {
    padding: 15px;
}

.modal.video-preview .video-preview-navigation {
    margin-bottom: 10px;
}

.modal.video-preview .video-preview-player {
    max-width: 100%;
    max-height: 70vh;
    background-color: #000;
}

.modal.video-preview .video-preview-name {
    margin-top: 15px;
}

/* Hover эффекты */
.attachment-video-preview:hover .attachment-video-overlay i {
    transform: scale(1.1);
    transition: transform 0.2s ease;
}

/* Адаптивность */
@media (max-width: 768px) {
    .attachment-preview-small .attachment-video-element,
    .attachment-preview-medium .attachment-video-element,
    .attachment-preview-large .attachment-video-element {
        max-width: 100%;
    }

    .modal.video-preview .video-preview-player {
        max-height: 50vh;
    }
}

/* Стили для list mode */
.attachment-list .label {
    margin-right: 5px;
    margin-bottom: 5px;
    display: inline-block;
}

.attachment-list .video-wrapper {
    position: relative;
    display: inline-block;
}

/* Modal container */
.office-preview-container {
    /*min-height: 600px;*/
    height: 100%;
    position: relative;
}

/* Iframe для Microsoft Office Viewer */
.office-preview-iframe {
    width: 100%;
    height: 600px;
    border: none;
    display: block;
}

/* Адаптивная высота для больших экранов */
@media (min-height: 800px) {
    .office-preview-iframe {
        /*height: 700px;*/
        height: 100%;
    }
}

/* Иконка документа в preview блоке */
.office-preview-icon {
    cursor: pointer;
    transition: transform 0.2s ease;
}

.office-preview-icon:hover {
    transform: scale(1.1);
}

/* Error состояние */
.office-preview-error {
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

/* Отступы */
.margin-top {
    margin-top: 15px;
}

.margin-top-sm {
    margin-top: 10px;
}