/*
 * IMC Reviews public display layer: MOBILE
 * Created from the validated IMC Reviews 0.5.29 baseline.
 *
 * All future mobile-only presentation/layout corrections belong here.
 * Do not edit the validated shared/desktop CSS for a mobile correction.
 *
 * Loaded only for viewports <= 900px.
 */

/* 0.5.31 — mobile catalogue polish only. Desktop stays frozen. */

/* /reviews/: four visible cards per category on the two-column mobile grid. */
body.imc-reviews-catalog-page .imc-rc-cards > .imc-rc-card:nth-child(4) {
	display: block;
}

/* Card hierarchy: category, title, red rule, publication date. */
.imc-rc-card-body {
	display: flex;
	flex-direction: column;
}
.imc-rc-card-category { order: 1; }
.imc-rc-card h3 { order: 2; }
.imc-rc-card-line {
	order: 3;
	margin: 8px 0 6px;
}
.imc-rc-card-date {
	order: 4;
	margin-top: 0;
}

/* Songs / EPs / Albums catalogue intros: tighten the mobile vertical rhythm. */
.imc-review-category-catalog .imc-rc-section {
	gap: 10px;
}
.imc-review-category-catalog .imc-rc-section-line {
	margin: 9px 0 10px;
}
.imc-review-category-catalog .imc-rc-description {
	margin-bottom: 0;
}


/* 0.5.32 — final mobile catalogue spacing pass. Desktop remains frozen. */

/* Main /reviews intro spacing now matches the mobile category catalogues. */
body.imc-reviews-catalog-page .imc-rc-section {
	gap: 10px;
}
body.imc-reviews-catalog-page .imc-rc-section-line {
	margin: 9px 0 10px;
}
body.imc-reviews-catalog-page .imc-rc-description {
	margin-bottom: 12px;
}

/* Make the mobile separators between Songs / EPs / Albums clearly visible. */
body.imc-reviews-catalog-page .imc-rc-section + .imc-rc-section {
	border-top-width: 2px;
	border-top-color: rgba(161, 13, 0, .68);
}

/* Songs pagination: reduce the empty area after the final card row. */
body.imc-review-category-catalog-page .imc-rca-pagination {
	margin-top: 18px;
}

/* 0.5.33 — mobile /reviews section headers only. Desktop remains frozen. */

/* The repeated red "IMC Reviews" eyebrow is unnecessary on the main catalogue. */
body.imc-reviews-catalog-page .imc-rc-section-label {
	display: none !important;
}

/* Put each View all CTA on the same row as Songs / EPs / Albums, flush right. */
body.imc-reviews-catalog-page .imc-rc-section-intro {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	grid-template-rows: auto auto auto;
	column-gap: 12px;
	align-items: center;
}
body.imc-reviews-catalog-page .imc-rc-section h2 {
	grid-column: 1;
	grid-row: 1;
	min-width: 0;
}
body.imc-reviews-catalog-page .imc-rc-button {
	grid-column: 2;
	grid-row: 1;
	justify-self: end;
	align-self: center;
	min-width: 0;
	min-height: 40px;
	padding: 9px 12px;
	gap: 7px;
	white-space: nowrap;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	font-family: "League Spartan", Arial, sans-serif !important;
	font-size: 10px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	opacity: 1 !important;
	visibility: visible !important;
	text-indent: 0 !important;
}
body.imc-reviews-catalog-page .imc-rc-button span {
	display: inline !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	font-size: inherit !important;
	line-height: 1 !important;
	opacity: 1 !important;
	visibility: visible !important;
}
body.imc-reviews-catalog-page .imc-rc-section-line {
	grid-column: 1 / -1;
	grid-row: 2;
}
body.imc-reviews-catalog-page .imc-rc-description {
	grid-column: 1 / -1;
	grid-row: 3;
}

/* 0.5.35 — mobile /reviews CTA vertical alignment only. */
/* Visually align the View all button row with the Songs / EPs / Albums title line. */
body.imc-reviews-catalog-page .imc-rc-button {
	margin-top: -8px;
}


/* 0.5.36 — mobile Reviews catalogues: rounded red rules, matching homepage cards. */
.imc-rc-card-line,
.imc-rc-section-line {
	border-radius: 999px;
}

/* 0.5.47 — single-track Review hero player, mobile only.
 * One authoritative mobile geometry. No footer overrides, no delayed layout patching.
 */
body.single-post .imc-review-mobile-heading__meta,
body.single-post .imc-review-mobile-heading__meta *,
body.single-post .imc-review-hero-meta-row,
body.single-post .imc-review-hero-meta-row * {
	color: #fff !important;
	text-shadow: 0 1px 3px rgba(0,0,0,.72), 0 0 10px rgba(0,0,0,.28) !important;
}

body.single-post .imc-post-player:not(.imc-post-player--multi) {
	--imc-mobile-player-gap: 6px;
	left: 18px !important;
	right: 18px !important;
	gap: var(--imc-mobile-player-gap) !important;
	align-items: center !important;
}

body.single-post .imc-post-player:not(.imc-post-player--multi) .imc-post-player__artwork {
	width: 72px !important;
	height: 72px !important;
	flex: 0 0 72px !important;
}

body.single-post .imc-post-player:not(.imc-post-player--multi) .imc-post-player__volume {
	width: 22px !important;
	height: 68px !important;
	min-width: 22px !important;
	flex: 0 0 22px !important;
	transform: none !important;
}
body.single-post .imc-post-player:not(.imc-post-player--multi) input.imc-post-player__volume-range {
	width: 38px !important;
	min-width: 38px !important;
}
body.single-post .imc-post-player:not(.imc-post-player--multi) .imc-post-player__volume-value {
	width: 26px !important;
	font-size: 8px !important;
}
body.single-post .imc-post-player:not(.imc-post-player--multi) .imc-post-player__volume-icon {
	width: 22px !important;
	height: 16px !important;
}

body.single-post .imc-post-player:not(.imc-post-player--multi) .imc-post-player__play {
	width: 44px !important;
	height: 44px !important;
	flex: 0 0 44px !important;
	margin: 0 !important;
}

body.single-post .imc-post-player:not(.imc-post-player--multi) .imc-post-player__controls {
	min-width: 0 !important;
	gap: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
}
body.single-post .imc-post-player:not(.imc-post-player--multi) .imc-post-player__timeline {
	display: grid !important;
	grid-template-columns: 26px minmax(0,1fr) 30px 74px !important;
	column-gap: var(--imc-mobile-player-gap) !important;
	row-gap: 0 !important;
	align-items: center !important;
	min-width: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
}
body.single-post .imc-post-player:not(.imc-post-player--multi) .imc-post-player__time {
	font-size: 9px !important;
	line-height: 1 !important;
	white-space: nowrap !important;
	margin: 0 !important;
	padding: 0 !important;
}
body.single-post .imc-post-player:not(.imc-post-player--multi) .imc-post-player__time--current {
	text-align: left !important;
}
body.single-post .imc-post-player:not(.imc-post-player--multi) .imc-post-player__time--duration {
	text-align: right !important;
}
body.single-post .imc-post-player:not(.imc-post-player--multi) .imc-post-player__seek {
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Accounts owns these controls. Reviews only reserves one stable 74px action column. */
body.single-post .imc-post-player:not(.imc-post-player--multi) .imc-rs-hero-actions-single {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 4px !important;
	width: 74px !important;
	min-width: 74px !important;
	height: 22px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	transform: none !important;
	overflow: visible !important;
	visibility: hidden;
}
body.single-post .imc-post-player:not(.imc-post-player--multi) .imc-rs-hero-actions-single.is-ready {
	visibility: visible;
}
body.single-post .imc-post-player:not(.imc-post-player--multi) .imc-rs-hero-actions-single .imc-rs-queue-action,
body.single-post .imc-post-player:not(.imc-post-player--multi) .imc-rs-hero-actions-single .imc-rs-player-heart-single {
	position: static !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 22px !important;
	height: 22px !important;
	min-width: 22px !important;
	max-width: 22px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid rgba(255,255,255,.78) !important;
	border-radius: 999px !important;
	background: transparent !important;
	box-shadow: none !important;
	transform: none !important;
	box-sizing: border-box !important;
	color: #fff !important;
}
body.single-post .imc-post-player:not(.imc-post-player--multi) .imc-rs-hero-actions-single .imc-rs-queue-action svg,
body.single-post .imc-post-player:not(.imc-post-player--multi) .imc-rs-hero-actions-single .imc-rs-player-heart-single svg,
body.single-post .imc-post-player:not(.imc-post-player--multi) .imc-rs-hero-actions-single .imc-rs-plus-icon {
	display: block !important;
	width: 12px !important;
	height: 12px !important;
	margin: 0 !important;
}

/* 0.5.56 — new sub-catalogue navigation only. Validated mobile card geometry stays untouched. */
body.imc-review-category-catalog-page .imc-rc-back-button {
	margin-top: 12px;
}


/* 0.5.57: state-only CTA fix. Geometry is unchanged. */
body.imc-reviews-catalog-page .imc-rc-button:link,
body.imc-reviews-catalog-page .imc-rc-button:visited,
body.imc-reviews-catalog-page .imc-rc-button:focus,
body.imc-reviews-catalog-page .imc-rc-button:active,
body.imc-review-category-catalog-page .imc-rc-button:link,
body.imc-review-category-catalog-page .imc-rc-button:visited,
body.imc-review-category-catalog-page .imc-rc-button:focus,
body.imc-review-category-catalog-page .imc-rc-button:active {
	background: #000000 !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
}
body.imc-reviews-catalog-page .imc-rc-button:hover,
body.imc-review-category-catalog-page .imc-rc-button:hover {
	background: #a10d00 !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
}