/* ==========================================================================
   Плееры аудио и видео
   ==========================================================================
   Нативные контролы браузера по умолчанию светлые и на чернильном фоне
   выглядят как чужой элемент. color-scheme: dark переключает их на тёмную
   схему (Chrome, Firefox), рамка и отступы доводят до палитры сайта.
   ========================================================================== */

.wp-block-audio,
.wp-block-video {
	margin-block: clamp(1.4rem, 3vw, 2rem);
}

.wp-block-audio audio,
.wp-block-video video {
	display: block;
	width: 100%;
	border-radius: 2px;
	color-scheme: dark;
	accent-color: var(--mg-gold);
}

/* Аудио: тонкая рамка вместо светлой полосы во всю ширину. */
.wp-block-audio audio {
	padding: .3rem .45rem;
	background: var(--mg-surface);
	border: 1px solid var(--mg-line);
}

.wp-block-audio:hover audio,
.wp-block-audio audio:focus-visible {
	border-color: var(--mg-line-gold);
}

/* Видео: чёрная подложка, чтобы кадр не «плавал» в тёмной странице. */
.wp-block-video video {
	background: #000;
	border: 1px solid var(--mg-line);
}

.wp-block-audio figcaption,
.wp-block-video figcaption {
	margin-top: .65rem;
	font-family: var(--mg-sans);
	font-size: .74rem;
	line-height: 1.5;
	color: var(--mg-muted);
	text-align: center;
}

/* Внутри статьи подпись «Кухня» и теги идут после плеера — не сжимаем их. */
.wp-block-audio + p,
.wp-block-video + p {
	margin-top: 1.4rem;
}