/* ==========================================================================
   Voice of Akash — legacy homepage compatibility (front page only)

   Loaded on every page while Customize → Voice of Akash → Migration helpers →
   "Restyle inline-styled homepage content and widgets" is on.

   The live homepage content and two Custom HTML widgets were written with
   inline style="" attributes (Georgia italic headings, fixed colours, the
   MetaSlider slideshow and the hero text inside the page content). Inline
   styles can only be overridden with !important, so this file is the one
   place where !important is used for that purpose.

   Once the homepage content is replaced with docs/homepage-content.html and
   the widgets with docs/widgets/*.html, switch the option off; this file
   then no longer loads.

   Selectors were matched against the live DOM of voiceofakash.com:
   .entry-content > p (empty), div.metaslider, p, div.lb-wrap (hero text),
   hr, div.lb-wrap (Watch), hr, div.lb-wrap (Full Session), hr,
   div.lb-wrap (Podcast), hr, div.lb-wrap (Shop heading), p, div.woocommerce
   ========================================================================== */

/* 1. The slideshow and intro text now live in the hero: hide the copies
      at the top of the content (option "Hide the old slideshow…"). */
.voa-legacy-hide-hero .site-main > .entry > .entry-content-container > .entry-content > div.metaslider:first-of-type,
.voa-legacy-hide-hero .site-main > .entry > .entry-content-container > .entry-content > div.metaslider:first-of-type + p + div.lb-wrap,
.voa-legacy-hide-hero .site-main > .entry > .entry-content-container > .entry-content > div.metaslider:first-of-type + p + div.lb-wrap + hr {
	display: none;
}

/* 2. Each legacy block reads as a section: generous rhythm, left-aligned
      editorial measure inside the 1200px frame. */
.voa-legacy-compat.voa-home-layout .site-main > .entry > .entry-content-container > .entry-content > div.lb-wrap {
	padding: var(--voa-section-y) var(--voa-gutter) !important; /* inline: padding: 1rem 0 */
	font-family: var(--voa-font-sans) !important;
	color: var(--voa-charcoal) !important;
}

.voa-legacy-compat.voa-home-layout .site-main > .entry > .entry-content-container > .entry-content > div.lb-wrap + p + div.woocommerce,
.voa-legacy-compat.voa-home-layout .site-main > .entry > .entry-content-container > .entry-content > div.woocommerce {
	padding-bottom: var(--voa-section-y);
}

.voa-legacy-compat.voa-home-layout .site-main > .entry > .entry-content-container > .entry-content > div.lb-wrap:has(+ p + div.woocommerce),
.voa-legacy-compat.voa-home-layout .site-main > .entry > .entry-content-container > .entry-content > div.lb-wrap:last-of-type {
	padding-bottom: var(--voa-space-lg) !important;
}

.voa-legacy-compat.voa-home-layout .site-main > .entry > .entry-content-container > .entry-content > hr {
	/* Hairline aligned with the 1200px content edge. */
	max-width: none;
	margin: 0 max(var(--voa-gutter), calc((100% - var(--voa-content-max)) / 2));
	padding: 0;
	border-top-color: var(--voa-line);
}

.voa-legacy-compat.voa-home-layout .site-main > .entry > .entry-content-container > .entry-content > div.lb-wrap > * {
	max-width: var(--voa-reading-max);
}

/* Headings: inline Georgia italic → the serif display style. */
.voa-legacy-compat.voa-home-layout .site-main .entry-content .lb-wrap h2[style] {
	margin: 0 0 var(--voa-space-md) !important;
	color: var(--voa-ink) !important;
	font-family: var(--voa-font-serif) !important;
	font-size: var(--voa-h2) !important;
	font-style: normal !important;
	font-weight: 500 !important;
	line-height: 1.12 !important;
	letter-spacing: var(--voa-tracking-tight);
}

.voa-legacy-compat.voa-home-layout .site-main .entry-content .lb-wrap p[style] {
	color: var(--voa-muted) !important;
	font-size: 1.0625rem !important;
	line-height: 1.7 !important;
}

/* Watch: the two 16:9 video frames side by side on wide screens. */
.voa-legacy-compat.voa-home-layout .site-main .entry-content .lb-wrap > div[style*="aspect-ratio"] {
	max-width: 880px;
	background: var(--voa-ink) !important;
}

.voa-legacy-compat.voa-home-layout .site-main .entry-content .lb-wrap > div[style*="height:40px"] {
	height: var(--voa-space-lg) !important;
}

.voa-legacy-compat.voa-home-layout .site-main .entry-content .lb-wrap audio[style] {
	max-width: 36rem !important;
	accent-color: var(--voa-brass) !important;
}

/* 3. Custom HTML widget cards (Private Session, New Book):
      inline Georgia/italic/sans → tokens. Same rules work in the Explore and
      Session offer sections and in the regular sidebar. */
.voa-legacy-compat .custom-html-widget > a[style] {
	color: inherit;
	text-decoration: none !important;
	background: none;
}

.voa-legacy-compat .custom-html-widget > a > div[style] {
	border: 1px solid var(--voa-line) !important;
	background: var(--voa-paper) !important;
	transition: border-color var(--voa-transition);
}

.voa-legacy-compat .custom-html-widget > a:hover > div[style] {
	border-color: var(--voa-brass) !important;
}

.voa-legacy-compat .custom-html-widget > a > div > div[style] {
	padding: var(--voa-space-lg) !important;
}

.voa-legacy-compat .custom-html-widget div[style*="letter-spacing"][style*="uppercase"] {
	color: var(--voa-brass-text) !important;
	font-family: var(--voa-font-sans) !important;
	font-size: var(--voa-text-label) !important;
	letter-spacing: var(--voa-tracking-label) !important;
}

.voa-legacy-compat .custom-html-widget div[style*="Georgia"] {
	color: var(--voa-ink) !important;
	font-family: var(--voa-font-serif) !important;
	font-size: var(--voa-h3) !important;
	font-style: normal !important;
	font-weight: 500 !important;
	line-height: 1.2 !important;
}

.voa-legacy-compat .custom-html-widget p[style] {
	color: var(--voa-muted) !important;
	font-size: 0.9375rem !important;
}

.voa-legacy-compat .custom-html-widget img[style] {
	height: auto; /* shown in full, never cropped */
}

/* Session offer section: the legacy card as an image | text split. */
@media (min-width: 48em) {
	.voa-legacy-compat .voa-offer .custom-html-widget > a > div[style] {
		display: grid;
		grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
		align-items: center;
		border-color: transparent !important;
		background: transparent !important;
	}

	.voa-legacy-compat .voa-offer .custom-html-widget img[style] {
		height: auto;
	}

	.voa-legacy-compat .voa-offer .custom-html-widget > a > div > div[style] {
		padding: var(--voa-space-xl) !important;
	}

	.voa-legacy-compat .voa-offer .custom-html-widget div[style*="Georgia"] {
		font-size: var(--voa-h2) !important;
		line-height: 1.1 !important;
	}

	.voa-legacy-compat .voa-offer .custom-html-widget p[style] {
		font-size: 1.0625rem !important;
		line-height: 1.7 !important;
	}
}

/* Linked image: gentle scale under 1.02. */
.voa-legacy-compat .custom-html-widget > a > div[style] {
	overflow: hidden;
}

.voa-legacy-compat .custom-html-widget > a img[style] {
	transition: transform var(--voa-transition-slow);
}

.voa-legacy-compat .custom-html-widget > a:hover img[style] {
	transform: scale(1.02);
}