.dabtech-insert-video .dashicons { vertical-align: middle; }
.dabtech-video-dialog { position: fixed; inset: 0; z-index: 100000; display: grid; place-items: center; padding: 1rem; background: rgb(0 0 0 / 0.55); }
.dabtech-video-dialog__panel { position: relative; width: min(100%, 520px); padding: 24px; background: #fff; box-shadow: 0 10px 35px rgb(0 0 0 / 0.25); }
.dabtech-video-dialog__panel h2 { margin: 0 36px 8px 0; }
.dabtech-video-dialog__close { position: absolute; top: 12px; right: 12px; border: 0; background: transparent; font-size: 28px; line-height: 1; cursor: pointer; }
.dabtech-video-dialog__divider { display: flex; align-items: center; gap: 8px; margin: 18px 0; color: #646970; }
.dabtech-video-dialog__divider::before, .dabtech-video-dialog__divider::after { content: ''; flex: 1; border-top: 1px solid #dcdcde; }
.dabtech-video-dialog__panel label { display: block; margin-bottom: 6px; font-weight: 600; }
.dabtech-video-dialog__help { color: #646970; font-size: 12px; }
.dabtech-video-dialog__feedback { min-height: 20px; color: #1d6b35; }
.dabtech-video-dialog__feedback.is-error { color: #b32d2e; }
.dabtech-video-dialog__actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 16px; }
.dabtech-article-video { width: 100%; max-width: 100%; margin: 1.5rem auto; overflow: hidden; border-radius: 0.75rem; }
.dabtech-article-video iframe, .dabtech-article-video video, .dabtech-article-video .wp-video { display: block; max-width: 100%; height: auto; }
.dabtech-article-video--file .wp-video { width: 100%; }
.dabtech-article-video--file video { width: auto; max-width: 100%; max-height: 78vh; margin-inline: auto; }
.dabtech-article-video.dabtech-video--portrait { width: min(520px, 100%); }
.dabtech-article-video.dabtech-video--portrait .wp-video,
.dabtech-article-video.dabtech-video--portrait video { width: auto !important; max-width: 100%; max-height: 78vh; margin-inline: auto; }
.dabtech-article-video.dabtech-video--landscape .wp-video,
.dabtech-article-video.dabtech-video--landscape video { width: 100% !important; max-width: 100%; max-height: none; }
.dabtech-article-video.dabtech-video--square { width: min(640px, 100%); }
.dabtech-article-video.dabtech-video--square .wp-video,
.dabtech-article-video.dabtech-video--square video { width: 100% !important; max-width: 100%; height: auto; margin-inline: auto; }
.dabtech-article-video--embed { aspect-ratio: 16 / 9; }
.dabtech-article-video--embed iframe { width: 100%; height: 100%; border: 0; }
.dabtech-article-video__message { padding: 0.75rem 1rem; border-left: 4px solid #b32d2e; background: #fff5f5; }

/* Keep every article video responsive, including native/legacy markup without our wrapper. */
.single-article__body .dabtech-article-video {
	box-sizing: border-box;
	max-width: 100%;
}

.single-article__body :is(.wp-video, .mejs-container, .mejs-inner, .mejs-mediaelement) {
	box-sizing: border-box;
	width: auto !important;
	max-width: 100% !important;
}

.single-article__body .mejs-container {
	height: auto !important;
	aspect-ratio: 16 / 9;
}

.single-article__body :is(video, .wp-video-shortcode) {
	box-sizing: border-box;
	width: auto !important;
	height: auto !important;
	max-width: 100% !important;
}

.single-article__body video {
	display: block;
	max-height: 78vh;
	margin-inline: auto;
	object-fit: contain;
}

.single-article__body iframe {
	box-sizing: border-box;
	display: block;
	width: 100% !important;
	height: auto !important;
	max-width: 100% !important;
	aspect-ratio: 16 / 9;
	margin-inline: auto;
}

.single-article__body .dabtech-article-video--embed iframe {
	height: 100% !important;
	aspect-ratio: auto;
}

.single-article__body .wp-embed-responsive .wp-has-aspect-ratio iframe {
	height: 100% !important;
	aspect-ratio: auto;
}

.single-article__body .dabtech-article-video.dabtech-video--portrait .mejs-container {
	width: min(100%, 43.875vh) !important;
	margin-inline: auto;
	aspect-ratio: 9 / 16;
}

.single-article__body .dabtech-article-video.dabtech-video--square .mejs-container {
	aspect-ratio: 1 / 1;
}