/**
 * Minimal frontend styling (spec §67: the plugin is a data layer, not a
 * design system — only enough CSS to make the click-to-load embed cards
 * usable out of the box; Elementor/the theme controls everything else).
 */
.rxcm-embed-card {
	position: relative;
	aspect-ratio: 16 / 9;
	background: #111;
	overflow: hidden;
	border-radius: 4px;
}

.rxcm-embed-card--soundcloud {
	aspect-ratio: auto;
	min-height: 166px;
	background: #f2f2f2;
}

.rxcm-embed-card--full.rxcm-embed-card--soundcloud {
	min-height: 300px;
}

.rxcm-embed-card__thumb {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.rxcm-embed-card__play {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, 0.15);
	border: 0;
	cursor: pointer;
	padding: 0;
}

.rxcm-embed-card__play-icon {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.92);
	display: block;
	position: relative;
}

.rxcm-embed-card__play-icon::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 54%;
	transform: translate(-50%, -50%);
	border-style: solid;
	border-width: 10px 0 10px 16px;
	border-color: transparent transparent transparent #111;
}

.rxcm-embed-card.is-loaded .rxcm-embed-card__play {
	display: none;
}

.rxcm-embed-card__iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.rxcm-embed-card--soundcloud .rxcm-embed-card__iframe {
	position: static;
	height: 166px;
}

.rxcm-embed-card--full.rxcm-embed-card--soundcloud .rxcm-embed-card__iframe {
	height: 300px;
}

.rxcm-audio-native,
.rxcm-video-native {
	width: 100%;
}

.rxcm-embed-oembed iframe {
	max-width: 100%;
}