/* Seasonal themes for the homepage showcase carousel (see showcase-carousel.php).
   The default theme uses the standard carousel styles in styles.css and needs nothing here. */

/* ---------- Halloween ---------- */
.slideshow-fallback-materials.showcase-theme-halloween {
	--halloween-orange: #f28a1e;
	--halloween-orange-deep: #c9650a;
	--halloween-cream: #f6e9d7;
	--halloween-muted: #d9b88f;
	background: linear-gradient(180deg, rgba(28, 23, 34, 0.82) 0%, rgba(43, 27, 20, 0.82) 100%);
	border: 6px solid var(--halloween-orange-deep);
	border-top-color: #ffb25c;
	border-left-color: #f59a35;
	border-right-color: #9a4c05;
	border-bottom-color: #7a3b03;
	border-radius: 28px;
	box-shadow:
		0 18px 45px rgba(28, 23, 34, 0.35),
		inset 2px 2px 3px rgba(255, 178, 92, 0.35),
		inset -2px -2px 4px rgba(0, 0, 0, 0.55);
}

.showcase-theme-halloween .sidebar-materials-kicker {
	font-family: "Jolly Lodger", "Source Serif 4", serif;
	font-size: 1.3rem;
	font-weight: 400;
	letter-spacing: .22rem;
	color: var(--halloween-orange);
}

.showcase-theme-halloween .fallback-materials-heading {
	font-family: "Creepster", "Source Serif 4", serif;
	font-size: 2.6rem;
	font-weight: 400;
	letter-spacing: .08rem;
	line-height: 1.1;
	color: var(--halloween-cream);
	text-shadow: 0 2px 0 rgba(0, 0, 0, 0.55), 0 0 18px rgba(242, 138, 30, 0.45);
}

.showcase-theme-halloween .sidebar-materials-copy {
	color: var(--halloween-muted);
}

.showcase-theme-halloween .sidebar-materials-footer a {
	color: var(--halloween-cream);
	border-bottom-color: rgba(246, 233, 215, 0.45);
}

.showcase-theme-halloween .sidebar-materials-footer a:hover,
.showcase-theme-halloween .sidebar-materials-footer a:focus-visible {
	color: var(--halloween-orange);
	border-bottom-color: var(--halloween-orange);
}

.showcase-theme-halloween .sidebar-showcase-book .title {
	color: var(--halloween-cream);
}

.showcase-theme-halloween .sidebar-showcase-book .author {
	color: var(--halloween-muted);
}

.showcase-theme-halloween .sidebar-showcase-book:hover,
.showcase-theme-halloween .sidebar-showcase-book:focus-visible {
	background-color: rgba(242, 138, 30, 0.14);
	box-shadow: 0 12px 26px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(242, 138, 30, 0.45);
}

.showcase-theme-halloween .sidebar-showcase-book:focus-visible {
	outline: 2px solid var(--halloween-orange);
	outline-offset: 2px;
}

.showcase-theme-halloween .fallback-material-arrow {
	color: var(--halloween-orange);
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
}

.showcase-theme-halloween .fallback-material-arrow:hover,
.showcase-theme-halloween .fallback-material-arrow:focus-visible {
	color: #ffb25c;
}

.showcase-theme-halloween .fallback-material-arrow:focus-visible {
	outline-color: rgba(242, 138, 30, 0.8);
}

/* ---------- Halloween book-details popup (opaque background) ---------- */
#popup.showcase-theme-halloween {
	--halloween-orange: #f28a1e;
	--halloween-cream: #f6e9d7;
	--halloween-muted: #d9b88f;
	background: linear-gradient(180deg, #1c1722 0%, #2b1b14 100%);
	border: 6px solid #c9650a;
	border-top-color: #ffb25c;
	border-left-color: #f59a35;
	border-right-color: #9a4c05;
	border-bottom-color: #7a3b03;
	border-radius: 28px;
	box-shadow:
		0 0 0 5px #1c1722,
		0 24px 60px rgba(0, 0, 0, 0.55),
		inset 2px 2px 3px rgba(255, 178, 92, 0.35),
		inset -2px -2px 4px rgba(0, 0, 0, 0.55);
}

#popup.showcase-theme-halloween #close-popup {
	color: var(--halloween-cream);
}

#popup.showcase-theme-halloween #close-popup:hover,
#popup.showcase-theme-halloween #close-popup:focus-visible {
	color: var(--halloween-orange);
}

#popup.showcase-theme-halloween #popup-cover {
	box-shadow: 0 18px 32px rgba(0, 0, 0, 0.6), 0 0 0 2px rgba(242, 138, 30, 0.45);
}

#popup.showcase-theme-halloween #popup-text,
#popup.showcase-theme-halloween #popup-description {
	color: var(--halloween-cream);
}

#popup.showcase-theme-halloween #popup-title {
	font-family: "Creepster", "Source Serif 4", serif;
	font-size: 2.1rem;
	font-weight: 400;
	letter-spacing: .06rem;
	line-height: 2.3rem;
	color: var(--halloween-cream);
	text-shadow: 0 2px 0 rgba(0, 0, 0, 0.55), 0 0 14px rgba(242, 138, 30, 0.4);
}

#popup.showcase-theme-halloween #popup-author {
	color: var(--halloween-muted);
}

#popup.showcase-theme-halloween #popup-release {
	color: var(--halloween-muted);
}

#popup.showcase-theme-halloween #popup-desc-title {
	font-family: "Jolly Lodger", "Source Serif 4", serif;
	font-size: 1.6rem;
	font-weight: 400;
	letter-spacing: .1rem;
	color: var(--halloween-orange);
}

#popup.showcase-theme-halloween #popup-catalog {
	color: var(--halloween-cream);
	border-color: var(--halloween-orange);
}

#popup.showcase-theme-halloween #popup-catalog:hover,
#popup.showcase-theme-halloween #popup-catalog:focus-visible {
	background-color: var(--halloween-orange);
	color: #1c1722;
}

@media (max-width: 700px) {
	.showcase-theme-halloween .fallback-materials-heading {
		font-size: 2.1rem;
	}
}

/* ---------- Christmas ---------- */
.slideshow-fallback-materials.showcase-theme-christmas {
	--xmas-green: #123c2d;
	--xmas-green-deep: #0b2a1f;
	--xmas-red: #c43a3a;
	--xmas-gold: #e9c46a;
	--xmas-cream: #fbf3e4;
	--xmas-muted: #cfe0d3;
	background: linear-gradient(180deg, rgba(18, 60, 45, 0.84) 0%, rgba(11, 42, 31, 0.84) 100%);
	border: 6px solid #c9a23f;
	border-top-color: #f6dd93;
	border-left-color: #eacb6b;
	border-right-color: #a98428;
	border-bottom-color: #8a6a1c;
	border-radius: 28px;
	box-shadow:
		0 18px 45px rgba(11, 42, 31, 0.4),
		inset 2px 2px 3px rgba(246, 221, 147, 0.35),
		inset -2px -2px 4px rgba(0, 0, 0, 0.5);
}

.showcase-theme-christmas .sidebar-materials-kicker {
	font-family: "Berkshire Swash", "Source Serif 4", serif;
	font-size: 1.15rem;
	font-weight: 400;
	letter-spacing: .16rem;
	text-transform: none;
	color: var(--xmas-gold);
}

.showcase-theme-christmas .fallback-materials-heading {
	font-family: "Mountains of Christmas", "Source Serif 4", serif;
	font-size: 2.5rem;
	font-weight: 700;
	line-height: 1.1;
	color: var(--xmas-cream);
	text-shadow: 0 2px 0 rgba(0, 0, 0, 0.45), 0 0 16px rgba(233, 196, 106, 0.35);
}

.showcase-theme-christmas .sidebar-materials-copy {
	color: var(--xmas-muted);
}

.showcase-theme-christmas .sidebar-materials-footer a {
	color: var(--xmas-cream);
	border-bottom-color: rgba(251, 243, 228, 0.45);
}

.showcase-theme-christmas .sidebar-materials-footer a:hover,
.showcase-theme-christmas .sidebar-materials-footer a:focus-visible {
	color: var(--xmas-gold);
	border-bottom-color: var(--xmas-gold);
}

.showcase-theme-christmas .sidebar-showcase-book .title {
	color: var(--xmas-cream);
}

.showcase-theme-christmas .sidebar-showcase-book .author {
	color: var(--xmas-muted);
}

.showcase-theme-christmas .sidebar-showcase-book:hover,
.showcase-theme-christmas .sidebar-showcase-book:focus-visible {
	background-color: rgba(196, 58, 58, 0.22);
	box-shadow: 0 12px 26px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(233, 196, 106, 0.55);
}

.showcase-theme-christmas .sidebar-showcase-book:focus-visible {
	outline: 2px solid var(--xmas-gold);
	outline-offset: 2px;
}

.showcase-theme-christmas .fallback-material-arrow {
	color: var(--xmas-gold);
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}

.showcase-theme-christmas .fallback-material-arrow:hover,
.showcase-theme-christmas .fallback-material-arrow:focus-visible {
	color: #f6dd93;
}

.showcase-theme-christmas .fallback-material-arrow:focus-visible {
	outline-color: rgba(233, 196, 106, 0.8);
}

/* ---------- Christmas book-details popup (opaque background) ---------- */
#popup.showcase-theme-christmas {
	--xmas-red: #c43a3a;
	--xmas-gold: #e9c46a;
	--xmas-cream: #fbf3e4;
	--xmas-muted: #cfe0d3;
	background: linear-gradient(180deg, #123c2d 0%, #0b2a1f 100%);
	border: 6px solid #c9a23f;
	border-top-color: #f6dd93;
	border-left-color: #eacb6b;
	border-right-color: #a98428;
	border-bottom-color: #8a6a1c;
	border-radius: 28px;
	box-shadow:
		0 0 0 5px #0b2a1f,
		0 24px 60px rgba(0, 0, 0, 0.55),
		inset 2px 2px 3px rgba(246, 221, 147, 0.35),
		inset -2px -2px 4px rgba(0, 0, 0, 0.5);
}

#popup.showcase-theme-christmas #close-popup {
	color: var(--xmas-cream);
}

#popup.showcase-theme-christmas #close-popup:hover,
#popup.showcase-theme-christmas #close-popup:focus-visible {
	color: var(--xmas-gold);
}

#popup.showcase-theme-christmas #popup-cover {
	box-shadow: 0 18px 32px rgba(0, 0, 0, 0.55), 0 0 0 2px rgba(233, 196, 106, 0.5);
}

#popup.showcase-theme-christmas #popup-text,
#popup.showcase-theme-christmas #popup-description {
	color: var(--xmas-cream);
}

#popup.showcase-theme-christmas #popup-title {
	font-family: "Mountains of Christmas", "Source Serif 4", serif;
	font-size: 2.1rem;
	font-weight: 700;
	line-height: 2.3rem;
	color: var(--xmas-cream);
	text-shadow: 0 2px 0 rgba(0, 0, 0, 0.45), 0 0 12px rgba(233, 196, 106, 0.3);
}

#popup.showcase-theme-christmas #popup-author,
#popup.showcase-theme-christmas #popup-release {
	color: var(--xmas-muted);
}

#popup.showcase-theme-christmas #popup-desc-title {
	font-family: "Berkshire Swash", "Source Serif 4", serif;
	font-size: 1.4rem;
	font-weight: 400;
	color: var(--xmas-gold);
}

#popup.showcase-theme-christmas #popup-catalog {
	color: var(--xmas-cream);
	border-color: var(--xmas-gold);
}

#popup.showcase-theme-christmas #popup-catalog:hover,
#popup.showcase-theme-christmas #popup-catalog:focus-visible {
	background-color: var(--xmas-red);
	border-color: var(--xmas-red);
	color: #fff;
}

@media (max-width: 700px) {
	.showcase-theme-christmas .fallback-materials-heading {
		font-size: 2.1rem;
	}
}