/*
 * J3 Amazon Picks — theme override layer.
 *
 * Only loaded on pages that actually contain plugin output, and only when the
 * "Override the theme" setting is on. Everything is prefixed with
 * body.jap-themed so it outranks a theme's own selectors without needing
 * !important on every line — that is reserved for the handful of properties
 * themes set aggressively on links, buttons and lists.
 */

body.jap-themed {
	background-color: #04060d;
	overflow-x: hidden;
}

/* Give the theme's content wrapper room so the panels are not boxed in. */
body.jap-themed .entry-content,
body.jap-themed .site-main,
body.jap-themed .site-content,
body.jap-themed .content-area,
body.jap-themed .wp-block-post-content,
body.jap-themed .hentry,
body.jap-themed main {
	background: transparent;
	max-width: none;
}

/* Base typography on the page around our sections. */
body.jap-themed,
body.jap-themed p,
body.jap-themed li,
body.jap-themed dd,
body.jap-themed dt {
	color: #8a99bf;
}

body.jap-themed h1,
body.jap-themed h2,
body.jap-themed h3,
body.jap-themed h4,
body.jap-themed h5,
body.jap-themed h6 {
	color: #eaf0ff;
}

body.jap-themed a {
	color: #93c0ff;
}

body.jap-themed hr {
	background-color: rgba(99, 145, 255, 0.16);
	border-color: rgba(99, 145, 255, 0.16);
}

/* Header, footer and sidebar chrome, so the page does not end in a white slab. */
body.jap-themed .site-header,
body.jap-themed .site-footer,
body.jap-themed .wp-block-template-part {
	background-color: #04060d;
	color: #eaf0ff;
}

body.jap-themed .site-header a,
body.jap-themed .site-footer a {
	color: #c3daff;
}

/*
 * Themes commonly set link colour, list markers, button chrome and heading
 * sizes with high specificity. These are the properties worth forcing inside
 * our own components.
 */
body.jap-themed .jap__title a,
body.jap-themed .jap__title a:visited {
	color: inherit !important;
	text-decoration: none !important;
}

body.jap-themed .jap__title a:hover {
	color: var(--jap-accent) !important;
}

body.jap-themed .jap__cta,
body.jap-themed .jap__cta:visited,
body.jap-themed .jap-hero__cta,
body.jap-themed .jap-hero__cta:visited {
	background-color: transparent !important;
	background-image: linear-gradient(135deg, #2563eb 0%, #4f46e5 100%) !important;
	border: 0 !important;
	color: #fff !important;
	text-decoration: none !important;
	text-transform: none !important;
}

body.jap-themed .jap-nav__link,
body.jap-themed .jap-nav__link:visited {
	color: var(--jap-ink) !important;
	text-decoration: none !important;
}

body.jap-themed .jap-nav__link[aria-current="page"] {
	color: #fff !important;
}

body.jap-themed .jap__list,
body.jap-themed .jap__highlights,
body.jap-themed .jap-nav__list {
	list-style: none !important;
	margin-left: 0 !important;
	padding-left: 0 !important;
}

body.jap-themed .jap__item::before,
body.jap-themed .jap__item::marker,
body.jap-themed .jap__highlights li::marker,
body.jap-themed .jap-nav__list li::marker {
	content: none !important;
}

body.jap-themed .jap__card,
body.jap-themed .jap-panel,
body.jap-themed .jap-hero {
	color: var(--jap-ink);
}

body.jap-themed .jap__media img,
body.jap-themed .jap__img {
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	max-width: 100% !important;
}

body.jap-themed .jap-panel a {
	color: #93c0ff !important;
}

/* Suppress the theme's own page title where our hero already provides one. */
body.jap-hero-page .entry-header,
body.jap-hero-page .page-header,
body.jap-hero-page .wp-block-post-title,
body.jap-hero-page .entry-title,
body.jap-hero-page .page-title {
	display: none;
}