/* PAJ Statistics site polish — everything else comes from theme.json. */

/* Sticky, softly-bordered header */
.paj-site-header {
	position: sticky; top: 0; z-index: 50;
	background: rgba(255,255,255,0.97);
	border-bottom: 1px solid #e2e4e7;
}
/* NOTE: no backdrop-filter here — it would make the sticky header the
   containing block for position:fixed descendants, trapping the core
   navigation block's mobile overlay inside the header bar. */

/* Mobile menu overlay: solid panel, roomy tap targets */
.wp-block-navigation__responsive-container.is-menu-open {
	background: #ffffff;
	padding: 4.5rem 2rem 2rem;
}
/* The header nav is right-justified for the desktop bar; without these
   overrides that justification carries into the open mobile panel and
   pushes the links to the right edge. Pin everything hard left. */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
	align-items: flex-start;
	justify-content: flex-start;
	text-align: left;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
	margin-left: 0;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	font-family: var(--wp--preset--font-family--jakarta);
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	font-size: 1.35rem;
	font-weight: 600;
	padding: 0.45rem 0;
	color: #1d2327;
}
.wp-block-navigation__responsive-container-close,
.wp-block-navigation__responsive-container-open {
	color: #1d2327;
}

/* Feature/pillar cards */
.paj-card {
	background: #ffffff;
	border: 1px solid #e2e4e7;
	border-radius: 12px;
	padding: 1.75rem;
	height: 100%;
}
.paj-card h3 { margin-top: 0.75rem; }
.paj-card-icon {
	display: inline-flex; align-items: center; justify-content: center;
	width: 44px; height: 44px; border-radius: 10px;
	background: #e0eaf5; color: #2271b1; font-size: 22px;
}
.paj-card-icon--accent  { background: #f7e4de; color: #c64d2f; }
.paj-card-icon--success { background: #d1fae5; color: #1d7917; }

/* Screenshot framing */
.paj-shot img {
	border: 1px solid #e2e4e7;
	border-radius: 12px;
	box-shadow: 0 20px 45px -20px rgba(29,35,39,0.25);
}

/* Soft section band */
.paj-band { background: #f6f7f7; }

/* Small uppercase kicker above headings */
.paj-kicker {
	font-family: var(--wp--preset--font-family--jakarta);
	font-size: 0.8rem; font-weight: 700;
	letter-spacing: 0.08em; text-transform: uppercase;
	color: #c64d2f;
}

/* Secondary (outline) button style */
.paj-btn-ghost .wp-block-button__link {
	background: transparent; color: #2271b1;
	border: 1.5px solid #2271b1;
}
.paj-btn-ghost .wp-block-button__link:hover { background: #e0eaf5; color: #1a5a8f; }

/* Docs prose niceties */
.paj-doc-content table { border-collapse: collapse; width: 100%; margin: 1.25rem 0; }
.paj-doc-content th, .paj-doc-content td { border: 1px solid #e2e4e7; padding: 0.5rem 0.75rem; text-align: left; }
.paj-doc-content th { background: #f6f7f7; font-family: var(--wp--preset--font-family--jakarta); font-weight: 600; }
.paj-doc-content code { background: #f6f7f7; border: 1px solid #e2e4e7; border-radius: 4px; padding: 0.1em 0.35em; font-size: 0.9em; }
.paj-doc-content blockquote { border-left: 3px solid #2271b1; margin: 1.25rem 0; padding: 0.25rem 0 0.25rem 1.25rem; color: #646970; }
.paj-doc-content img { border: 1px solid #e2e4e7; border-radius: 8px; max-width: 100%; height: auto; }
.paj-doc-content h2 { margin-top: 2.5rem; }
.paj-doc-content h3 { margin-top: 1.75rem; }

/* Footer */
.paj-site-footer { border-top: 1px solid #e2e4e7; }
.paj-site-footer a { text-decoration: none; }

/* ── Ask AI chat mock ── */
.paj-chat { background:#ffffff; border:1px solid #e2e4e7; border-radius:14px; padding:1.5rem; box-shadow:0 20px 45px -24px rgba(29,35,39,0.25); }
.paj-chat-q, .paj-chat-a { border-radius:12px; padding:0.9rem 1.1rem; margin:0 0 0.9rem; font-size:0.95rem; line-height:1.55; }
.paj-chat-q { background:#2271b1; color:#ffffff; margin-left:15%; border-bottom-right-radius:4px; }
.paj-chat-a { background:#f6f7f7; border:1px solid #e2e4e7; margin-right:8%; border-bottom-left-radius:4px; }
.paj-chat-a ul { margin:0.5rem 0 0.25rem 1.1rem; padding:0; }
.paj-chat-a li { margin:0.2rem 0; }
.paj-chat-meta { font-size:0.8rem; color:#646970; margin:0; text-align:center; }

/* ── Honest-numbers comparison ── */
.paj-compare { border:1px solid #e2e4e7; border-radius:12px; padding:1.75rem; text-align:center; height:100%; }
.paj-compare--them { background:#f6f7f7; }
.paj-compare--us { background:#ffffff; border-color:#1d7917; border-width:2px; }
.paj-compare-big { font-family:var(--wp--preset--font-family--jakarta); font-weight:700; font-size:3rem; line-height:1; letter-spacing:-0.03em; margin:0.5rem 0 0.25rem; }
.paj-compare--them .paj-compare-big { color:#9ca3af; }
.paj-compare--us .paj-compare-big { color:#1d7917; }
.paj-compare-label { font-family:var(--wp--preset--font-family--jakarta); font-weight:600; font-size:0.9rem; margin:0; }
.paj-compare-sub { font-size:0.875rem; color:#646970; margin:0.25rem 0 0; }

/* ── Everything-included mini grid ── */
.paj-mini { background:#ffffff; border:1px solid #e2e4e7; border-radius:10px; padding:1rem 1.1rem; height:100%; }
.paj-mini p { margin:0; }
.paj-mini .paj-mini-title { font-family:var(--wp--preset--font-family--jakarta); font-weight:600; font-size:0.95rem; }
.paj-mini .paj-mini-sub { font-size:0.85rem; color:#646970; margin-top:0.15rem; }

/* ── Privacy checklist ── */
.paj-check { list-style:none; padding:0; margin:1.5rem 0 0; display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:0.6rem 2rem; }
.paj-check li { padding-left:1.75rem; position:relative; }
.paj-check li::before { content:"✓"; position:absolute; left:0; top:0; color:#1d7917; font-weight:700; }

/* ── Pro pill + pricing ── */
.paj-pro-pill { display:inline-block; background:#f7e4de; color:#c64d2f; font-family:var(--wp--preset--font-family--jakarta); font-size:0.68rem; font-weight:700; letter-spacing:0.05em; text-transform:uppercase; border-radius:4px; padding:1px 7px; margin-left:6px; vertical-align:middle; }
.paj-price-card { background:#ffffff; border:1px solid #e2e4e7; border-radius:14px; padding:1.75rem; text-align:center; height:100%; }
.paj-price-card--featured { border:2px solid #2271b1; }
.paj-price-tier { font-family:var(--wp--preset--font-family--jakarta); font-weight:600; font-size:1rem; margin:0; }
.paj-price-big { font-family:var(--wp--preset--font-family--jakarta); font-weight:700; font-size:2.75rem; letter-spacing:-0.03em; line-height:1; margin:0.5rem 0 0.15rem; }
.paj-price-per { font-size:0.85rem; color:#646970; margin:0; }
.paj-price-life { font-size:0.85rem; color:#646970; margin:0.6rem 0 0; }
.paj-price-life strong { color:#1d2327; }
.paj-badge-popular { display:inline-block; background:#e0eaf5; color:#1a5a8f; font-family:var(--wp--preset--font-family--jakarta); font-size:0.72rem; font-weight:700; letter-spacing:0.05em; text-transform:uppercase; border-radius:4px; padding:2px 9px; margin-bottom:0.6rem; }
.paj-pricing-table td:nth-child(2), .paj-pricing-table td:nth-child(3), .paj-pricing-table th:nth-child(2), .paj-pricing-table th:nth-child(3) { text-align:center; width:110px; }
.paj-tick { color:#1d7917; font-weight:700; }
.paj-dash { color:#9ca3af; }

/* ── Docs sidebar layout ──
   Markup order is content-first, sidebar second; row-reverse puts the
   sidebar LEFT on desktop while the mobile stack keeps content first
   (each full-width child forms its own flex line in source order). */
.paj-docs-layout { flex-direction: row-reverse; }
.paj-docs-side {
	position: sticky; top: 84px;
	max-height: calc(100vh - 110px);
	overflow-y: auto;
	background: #f6f7f7;
	border: 1px solid #e2e4e7;
	border-radius: 12px;
	padding: 1.1rem 1.2rem;
	font-size: 0.9rem;
}
.paj-docs-side-title { font-family: var(--wp--preset--font-family--jakarta); font-weight: 700; margin: 0 0 0.6rem; }
.paj-docs-side-title a { text-decoration: none; color: #1d2327; }
.paj-docs-side .wp-block-pages-list__item { list-style: none; }
.paj-docs-side ul { margin: 0; padding: 0; }
.paj-docs-side .wp-block-pages-list__item a {
	display: block; padding: 0.28rem 0.5rem; border-radius: 6px;
	color: #646970; text-decoration: none; line-height: 1.4;
}
.paj-docs-side .wp-block-pages-list__item a:hover { color: #1a5a8f; background: #ffffff; }
.paj-docs-side .wp-block-pages-list__item.current-menu-item > a {
	color: #1a5a8f; background: #e0eaf5; font-weight: 600;
}
@media (max-width: 781px) {
	.paj-docs-side { position: static; max-height: none; margin-top: 2rem; }
}