/** WebAlyBlog Pro — static front-end styles. v1.8.5
 *
 *  NOTE: every visual component Pro owns (like button, share-count pill,
 *  "Link copied" pill, category badge, card-like overlay, card animation,
 *  mobile TOC, author social icons, hero offset) is now printed INLINE in
 *  <head> at priority 100 by includes/class-styles.php.
 *
 *  Why: this enqueued file can be beaten in the cascade by a theme stylesheet
 *  loaded later (Hello Elementor styles `button` / `[type=button]`), which is
 *  exactly why the like button and share pill kept the theme's look. Inline
 *  rules at priority 100 always win, so they are the authoritative copy.
 *
 *  What remains here is only the small amount that never needed to fight the
 *  theme, kept as a graceful fallback if the inline block is ever suppressed.
 */

/* ---------- engagement bar layout ---------- */
.webalyblog-pro-bar {
	display: flex;
	align-items: center;
	gap: 14px;
	flex-wrap: wrap;
	margin: 28px 0 4px;
}

/* ---------- hidden card data payload ---------- */
.wbpro-card-data { display: none !important; }

/* ---------- TOC pin sentinel ---------- */
.wbpro-toc-sentinel { display: block; height: 0; }

/* ---------- author archive hero marker ----------
 * Set by the JS once the hero has been relabelled, so site-specific CSS can
 * target the author variant if desired.
 */
.webalyblog-archive__hero[data-wbpro-author="1"] .webalyblog-archive__desc {
	max-width: 60ch;
}