/*
Theme Name: Château Bacon Press
Theme URI: https://marketing.chateaubaconpress.com
Author: Mike Williams
Description: Placeholder marketing theme for Château Bacon Press, LLC — parchment, walnut and the house deer mark.
Version: 0.1.0
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: chateaubacon
*/

html { scroll-behavior: smooth; }
::selection { background: var(--wp--preset--color--gold); color: var(--wp--preset--color--ink); }

/* Header */
/* Blur lives on a background layer: backdrop-filter on the header itself would trap the
   mobile menu overlay (position: fixed) inside the header box. */
.cbp-header {
	position: relative; isolation: isolate;
	border-bottom: 1px solid var(--wp--preset--color--line);
}
.cbp-header::before {
	content: ""; position: absolute; inset: 0; z-index: -1;
	background: color-mix(in srgb, var(--wp--preset--color--base) 88%, transparent);
	backdrop-filter: blur(10px);
}
.wp-site-blocks > .wp-block-template-part:first-child { position: sticky; top: 0; z-index: 50; }
.admin-bar .wp-site-blocks > .wp-block-template-part:first-child { top: var(--wp-admin--admin-bar--height, 32px); }

.cbp-logo { display: flex; align-items: center; gap: .65rem; text-decoration: none !important; }
.cbp-logo img { height: 38px; width: auto; display: block; }
.cbp-logo span { font-family: var(--wp--preset--font-family--heading); font-weight: 700; color: var(--wp--preset--color--ink); }

/* Hero */
.cbp-hero {
	position: relative; overflow: hidden;
	background: var(--wp--preset--gradient--walnut-fade);
	color: var(--wp--preset--color--base);
}
.cbp-hero::before {
	content: ""; position: absolute; inset: 0;
	background: radial-gradient(60% 70% at 85% 10%, color-mix(in srgb, var(--wp--preset--color--gold) 28%, transparent), transparent 70%);
}
.cbp-hero .wp-block-group { position: relative; z-index: 1; }
.cbp-hero__mark {
	width: min(44vw, 230px); margin: 0 auto var(--wp--preset--spacing--40);
	filter: drop-shadow(0 10px 24px rgba(0,0,0,.35));
}
.cbp-hero__mark img { display: block; width: 100%; height: auto; filter: invert(1) brightness(1.15); opacity: .95; }
.cbp-eyebrow {
	font-family: var(--wp--preset--font-family--display); font-size: clamp(1.6rem, 3.5vw, 2.1rem);
	color: var(--wp--preset--color--gold); margin: 0 0 .25rem;
}
.cbp-hero h1 { color: var(--wp--preset--color--base); }
.cbp-hero p.cbp-sub { color: color-mix(in srgb, var(--wp--preset--color--base) 80%, transparent); }
.cbp-motto {
	font-family: var(--wp--preset--font-family--display); font-size: clamp(1.1rem, 2vw, 1.3rem);
	color: var(--wp--preset--color--gold); opacity: .9;
}

/* Product cards */
.cbp-card {
	height: 100%; display: flex; flex-direction: column; gap: .6rem;
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--line);
	border-radius: var(--wp--custom--radius);
	padding: var(--wp--preset--spacing--40);
	transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.cbp-card:hover { transform: translateY(-3px); border-color: var(--wp--preset--color--copper); box-shadow: 0 14px 30px -16px rgba(74,47,31,.35); }
.cbp-card__badge {
	align-self: flex-start; font-size: .72rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
	padding: .2em .7em; border-radius: 999px;
}
.cbp-card h3 { margin: 0; font-size: 1.3rem; }
.cbp-card p { margin: 0; color: var(--wp--preset--color--muted); font-size: .95rem; }
/* .cbp-card p { color: muted } above is a compound selector (class+element), so a plain
   .cbp-card__badge class rule loses to it on specificity. Repeat both classes to win cleanly. */
.cbp-card p.cbp-card__badge {
	color: var(--wp--preset--color--walnut); background: color-mix(in srgb, var(--wp--preset--color--gold) 25%, transparent);
}
.cbp-card p.cbp-card__badge--live { color: var(--wp--preset--color--base); background: var(--wp--preset--color--walnut); }

/* Footer */
.cbp-footer {
	border-top: 1px solid var(--wp--preset--color--line);
	background: var(--wp--preset--color--surface);
}
.cbp-footer a { color: var(--wp--preset--color--walnut); }

/* Small "Marketing" label between the logo and the nav, marking this as the apps-marketing subdomain */
.cbp-site-tag {
	margin: 0; flex: 1 1 auto; text-align: center;
	font-family: var(--wp--preset--font-family--display);
	font-size: clamp(1.1rem, 2.2vw, 1.4rem);
	color: var(--wp--preset--color--copper);
	opacity: .85;
}
@media (max-width: 700px) {
	.cbp-site-tag { display: none; }
}

/* Badge variant for use on dark/walnut backgrounds (the featured book section) */
.cbp-badge-on-dark { display: table; margin-left: auto; margin-right: auto; color: var(--wp--preset--color--walnut); background: var(--wp--preset--color--base); }