/**
 * CLAADSS paid-submission hero visibility fixes.
 * Loaded after the base form and package styles so generic form colours do not
 * turn the coloured heroes into light panels with white/invisible copy.
 * Theme 9.9.89.
 */

/* Articles + Press Releases ------------------------------------------------ */
body:not(.wp-admin) .page-top-header.kap-hero-host.kap-hero-2026,
html.king-night body:not(.wp-admin) .page-top-header.kap-hero-host.kap-hero-2026 {
	background:
		radial-gradient(ellipse 55% 80% at 8% 15%, rgba(99, 102, 241, 0.5), transparent 55%),
		radial-gradient(ellipse 50% 70% at 92% 85%, rgba(236, 72, 153, 0.4), transparent 50%),
		linear-gradient(145deg, #1e1b4b 0%, #4c1d95 42%, #9d174d 100%) !important;
	border: 0 !important;
	border-radius: 0 0 24px 24px !important;
	color: #ffffff !important;
	padding: clamp(28px, 4vw, 44px) 18px 28px !important;
}
body:not(.wp-admin) .kap-hero-2026 .kap-hero-pill,
body:not(.wp-admin) .kap-hero-2026 .page-title,
body:not(.wp-admin) .kap-hero-2026 .kap-hero-title,
body:not(.wp-admin) .kap-hero-2026 .kap-hero-sub,
body:not(.wp-admin) .kap-hero-2026 .kap-hero-chip,
html.king-night body:not(.wp-admin) .kap-hero-2026 .kap-hero-pill,
html.king-night body:not(.wp-admin) .kap-hero-2026 .page-title,
html.king-night body:not(.wp-admin) .kap-hero-2026 .kap-hero-title,
html.king-night body:not(.wp-admin) .kap-hero-2026 .kap-hero-sub,
html.king-night body:not(.wp-admin) .kap-hero-2026 .kap-hero-chip {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	opacity: 1 !important;
	visibility: visible !important;
}

/* Video packages ---------------------------------------------------------- */
body:not(.wp-admin) .page-top-header.kvp-hero-host.kvp-hero-2026,
html.king-night body:not(.wp-admin) .page-top-header.kvp-hero-host.kvp-hero-2026 {
	background:
		radial-gradient(ellipse 55% 80% at 12% 20%, rgba(249, 115, 22, 0.55), transparent 55%),
		radial-gradient(ellipse 50% 70% at 90% 80%, rgba(239, 68, 68, 0.4), transparent 50%),
		linear-gradient(145deg, #450a0a 0%, #9a3412 42%, #dc2626 100%) !important;
	border: 0 !important;
	border-radius: 0 0 24px 24px !important;
	color: #ffffff !important;
	padding: clamp(28px, 4vw, 48px) 18px 30px !important;
}
body:not(.wp-admin) .kvp-hero-2026 .kvp-hero-pill,
body:not(.wp-admin) .kvp-hero-2026 .page-title,
body:not(.wp-admin) .kvp-hero-2026 .kvp-hero-title,
body:not(.wp-admin) .kvp-hero-2026 .kvp-hero-sub,
body:not(.wp-admin) .kvp-hero-2026 .kvp-hero-chip,
html.king-night body:not(.wp-admin) .kvp-hero-2026 .kvp-hero-pill,
html.king-night body:not(.wp-admin) .kvp-hero-2026 .page-title,
html.king-night body:not(.wp-admin) .kvp-hero-2026 .kvp-hero-title,
html.king-night body:not(.wp-admin) .kvp-hero-2026 .kvp-hero-sub,
html.king-night body:not(.wp-admin) .kvp-hero-2026 .kvp-hero-chip {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	opacity: 1 !important;
	visibility: visible !important;
}

/* Website-link packages --------------------------------------------------- */
body:not(.wp-admin) .klp-add-2026 .klp-hero-2026,
html.king-night body:not(.wp-admin) .klp-add-2026 .klp-hero-2026 {
	background:
		radial-gradient(ellipse 60% 80% at 10% 20%, rgba(20, 184, 166, 0.45), transparent 55%),
		radial-gradient(ellipse 50% 60% at 90% 80%, rgba(99, 102, 241, 0.35), transparent 50%),
		linear-gradient(150deg, #042f2e 0%, #0f766e 45%, #0e7490 100%) !important;
	border-color: transparent !important;
	color: #ffffff !important;
}
body:not(.wp-admin) .klp-add-2026 .klp-hero-pill,
body:not(.wp-admin) .klp-add-2026 .klp-hero-2026 .klp-heading,
body:not(.wp-admin) .klp-add-2026 .klp-hero-2026 .klp-subheading,
body:not(.wp-admin) .klp-add-2026 .klp-hero-2026 .klp-chip,
html.king-night body:not(.wp-admin) .klp-add-2026 .klp-hero-pill,
html.king-night body:not(.wp-admin) .klp-add-2026 .klp-hero-2026 .klp-heading,
html.king-night body:not(.wp-admin) .klp-add-2026 .klp-hero-2026 .klp-subheading,
html.king-night body:not(.wp-admin) .klp-add-2026 .klp-hero-2026 .klp-chip {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	opacity: 1 !important;
	visibility: visible !important;
}

/* Business-directory packages ------------------------------------------- */
body.kbd-submit-page .kbd-sub-hero.kbd-sub-hero--2026,
html.king-night body.kbd-submit-page .kbd-sub-hero.kbd-sub-hero--2026 {
	background:
		radial-gradient(ellipse 60% 80% at 10% 20%, rgba(99, 102, 241, 0.5), transparent 55%),
		radial-gradient(ellipse 50% 60% at 90% 80%, rgba(236, 72, 153, 0.3), transparent 50%),
		linear-gradient(150deg, #050816 0%, #1e1b4b 45%, #4f46e5 100%) !important;
	color: #ffffff !important;
}
body.kbd-submit-page .kbd-sub-hero--2026 .kbd-sub-pill,
body.kbd-submit-page .kbd-sub-hero--2026 h1,
body.kbd-submit-page .kbd-sub-hero--2026 p,
body.kbd-submit-page .kbd-sub-hero--2026 .kbd-sub-trust,
body.kbd-submit-page .kbd-sub-hero--2026 .kbd-pkg-chip,
html.king-night body.kbd-submit-page .kbd-sub-hero--2026 .kbd-sub-pill,
html.king-night body.kbd-submit-page .kbd-sub-hero--2026 h1,
html.king-night body.kbd-submit-page .kbd-sub-hero--2026 p,
html.king-night body.kbd-submit-page .kbd-sub-hero--2026 .kbd-sub-trust,
html.king-night body.kbd-submit-page .kbd-sub-hero--2026 .kbd-pkg-chip {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	opacity: 1 !important;
	visibility: visible !important;
}

/* Prevent browser text selection from being the only way copy is readable. */
body:not(.wp-admin) .kap-hero-2026 ::selection,
body:not(.wp-admin) .kvp-hero-2026 ::selection,
body:not(.wp-admin) .klp-hero-2026 ::selection,
body.kbd-submit-page .kbd-sub-hero--2026 ::selection {
	background: rgba(255, 255, 255, 0.28);
	color: #ffffff;
}

@media screen and (max-width: 769px) {
	body:not(.wp-admin) .page-top-header.kap-hero-host.kap-hero-2026,
	body:not(.wp-admin) .page-top-header.kvp-hero-host.kvp-hero-2026 {
		border-radius: 0 0 18px 18px !important;
		padding-left: 16px !important;
		padding-right: 16px !important;
	}
}
