/* Mr Gym — Exercise Video Links
   Gold Arena, scheme-aware (dark default, light override), RTL. */

.mrv-section{
	/* dark defaults — exercise pages render dark server-side */
	--mrv-surface: rgba(255,255,255,.035);
	--mrv-surface-2: rgba(255,255,255,.06);
	--mrv-border: rgba(255,255,255,.10);
	--mrv-text: #f4f4f4;
	--mrv-muted: #a9a9a9;
	--mrv-gold: #e9bd35;
	--mrv-gold-soft: rgba(233,189,53,.16);
	--mrv-shadow: rgba(0,0,0,.45);

	margin: 42px 0 12px;
	padding: 30px clamp(16px,3vw,34px);
	border: 1px solid var(--mrv-border);
	border-radius: 22px;
	background:
		radial-gradient(120% 100% at 100% 0, var(--mrv-gold-soft), transparent 55%),
		var(--mrv-surface);
}

body[data-lqd-page-color-scheme="light"] .mrv-section{
	--mrv-surface: #ffffff;
	--mrv-surface-2: #faf8f1;
	--mrv-border: rgba(0,0,0,.08);
	--mrv-text: #18181b;
	--mrv-muted: #6b6b70;
	--mrv-gold-soft: rgba(233,189,53,.14);
	--mrv-shadow: rgba(0,0,0,.10);
	box-shadow: 0 10px 34px rgba(0,0,0,.05);
}

/* ---- header ---- */
.mrv-head{ text-align:center; margin-bottom:24px; }

.mrv-kicker{
	display:inline-flex; align-items:center; gap:6px;
	font-size:13px; font-weight:800; color:#111;
	background: linear-gradient(180deg,#f3cd57,#e9bd35);
	padding:6px 14px; border-radius:999px;
	box-shadow:0 4px 14px var(--mrv-gold-soft);
}
.mrv-kicker svg{ width:15px; height:15px; }

.mrv-head h2.wp-block-heading{
	color: var(--mrv-text);
	font-size: clamp(19px,2.2vw,26px);
	font-weight: 900;
	line-height: 1.5;
	margin: 14px 0 8px;
}
.mrv-sub{
	color: var(--mrv-muted);
	font-size: 15px; line-height: 2;
	max-width: 760px; margin: 0 auto;
}

/* ---- cards ---- */
.mrv-grid{
	display:grid; gap:16px;
	grid-template-columns: 1fr;
}
@media(min-width:720px){ .mrv-grid{ grid-template-columns: 1fr 1fr; } }

.mrv-card{
	position:relative; overflow:hidden;
	display:flex; align-items:center; gap:16px;
	padding:18px 20px;
	border-radius:18px;
	border:1px solid var(--mrv-border);
	background: var(--mrv-surface-2);
	color: var(--mrv-text) !important;
	text-decoration:none !important;
	box-shadow:0 4px 16px var(--mrv-shadow);
	transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.mrv-card::before{
	content:""; position:absolute; inset-inline-start:0; top:0; bottom:0;
	width:5px; border-radius:18px 0 0 18px;
}
.mrv-yt::before{ background: linear-gradient(180deg,#ff4040,#cc0000); }
.mrv-ap::before{ background: linear-gradient(180deg,#f43d77,#d40e4f); }

.mrv-card:hover{ transform: translateY(-3px); box-shadow:0 14px 32px var(--mrv-shadow); }
.mrv-yt:hover{ border-color:#ff3b3b; }
.mrv-ap:hover{ border-color:#ED145B; }

/* logo badge */
.mrv-logo{
	flex:0 0 auto;
	width:58px; height:58px; border-radius:15px;
	display:grid; place-items:center;
	box-shadow:0 6px 16px rgba(0,0,0,.25);
}
.mrv-yt .mrv-logo{ background:#FF0000; }
.mrv-ap .mrv-logo{ background:#ED145B; }
.mrv-yt .mrv-logo svg{ width:30px; height:auto; }
.mrv-ap .mrv-logo svg{ width:38px; height:38px; }

/* text block */
.mrv-text{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:3px; }
.mrv-platform{ font-size:17px; font-weight:900; color:var(--mrv-text); }
.mrv-detail{ font-size:13px; line-height:1.8; color:var(--mrv-muted); }
.mrv-detail bdi{ color:var(--mrv-gold); font-weight:700; direction:ltr; }

/* cta */
.mrv-cta{
	flex:0 0 auto;
	display:inline-flex; align-items:center; gap:4px;
	font-size:14px; font-weight:800;
	padding:9px 14px; border-radius:999px;
	color:#111;
	background: linear-gradient(180deg,#f3cd57,#e9bd35);
	transition: gap .2s ease;
}
.mrv-card:hover .mrv-cta{ gap:9px; }
.mrv-arrow{ width:16px; height:16px; }

.mrv-note{
	margin:18px 0 0; text-align:center;
	font-size:12px; line-height:1.9; color:var(--mrv-muted); opacity:.85;
}

/* tighten on small screens */
@media(max-width:420px){
	.mrv-card{ padding:15px 14px; gap:12px; }
	.mrv-logo{ width:50px; height:50px; }
	.mrv-cta{ padding:8px 11px; font-size:13px; }
}