/*
 * BuddyPilot — /cennik/ archive page styles
 *
 * Contains only the hero section for the pricing archive.
 * All block sections (pricing-table, compare, steps, cta-band) are
 * styled by their own registered stylesheets.
 *
 * Loaded conditionally on is_post_type_archive('buddypilot_package').
 */

/* ═══════════════════════════════════════════════════
   Cennik hero — centred, navy background
   Mirrors the homepage .bp-hero but without the grid.
   ═══════════════════════════════════════════════════ */

.bp-cennik-hero {
	background: var(--bp-navy);
	padding:    clamp(72px, 10vw, 120px) 0 clamp(56px, 8vw, 96px);
	position:   relative;
	overflow:   hidden;
	text-align: center;
}

/* Subtle cobalt glow — decorative */
.bp-cennik-hero::before {
	content:        '';
	position:       absolute;
	inset:          0;
	background:     radial-gradient(
		ellipse 70% 60% at 50% 80%,
		rgba(25, 68, 203, .18) 0%,
		transparent 70%
	);
	pointer-events: none;
}

.bp-cennik-hero__inner {
	position:  relative;
	max-width: 680px;
	margin:    0 auto;
}

.bp-cennik-hero__heading {
	font-size:      clamp(2rem, 4.5vw, 3.25rem);
	font-weight:    800;
	color:          var(--bp-tx-l1);
	line-height:    1.15;
	letter-spacing: -.03em;
	margin-bottom:  1rem;
	max-width:      none; /* override the p rule reset */
}

.bp-cennik-hero__description {
	font-family: var(--bp-font-body);
	font-size:   1.125rem;
	color:       var(--bp-tx-l2);
	line-height: 1.7;
	max-width:   52ch;
	margin:      0 auto;
}

/* ── prefers-reduced-motion ── */
@media (prefers-reduced-motion: reduce) {
	.bp-cennik-hero::before {
		display: none; /* No animation, no glow fade */
	}
}