/* YYCforum Achievements: shell styling for the Achievements page,
   the badge catalogue grid, and the profile badge shelf. */
body.yyc-shell-achievements #wp--skip-link--target { margin-top: 0 !important; }
body.yyc-shell-achievements #wp--skip-link--target > .wp-block-group { padding-top: 0 !important; }
/* ID-carrying selectors: wpForo's wrap reset (specificity
   (2,0,1)) otherwise zeroes this padding and the head panel's,
   leaving the page text flush against the borders (same fix as
   the Top 15 page, user report 2026-10-31). */
#wpforo #wpforo-wrap .yyc-themes-content { padding: 22px 26px 28px; line-height: 1.55; }
#wpforo #wpforo-wrap .yyc-themes-head {
	background: var(--yyc-surf2); border: 1px solid var(--yyc-bord);
	border-radius: var(--yyc-rad); padding: 18px 20px; margin-bottom: 26px;
}
#wpforo #wpforo-wrap .yyc-themes-head h1 { font-size: 32px; margin: 0 0 8px; }
#wpforo #wpforo-wrap .yyc-themes-head p { margin: 0; }

#wpforo #wpforo-wrap .yyc-ach-summary { margin: 0 0 6px; font-size: 16px; }
#wpforo #wpforo-wrap .yyc-ach-pitch {
	background: var(--yyc-surf2); border: 1px solid var(--yyc-bord);
	border-radius: var(--yyc-rad); padding: 16px 18px; margin: 0 0 6px;
}
#wpforo #wpforo-wrap .yyc-ach-pitch p { margin: 0; font-size: 15.5px; }
#wpforo #wpforo-wrap .yyc-ach-pitch-links { margin-top: 12px !important; display: flex; flex-wrap: wrap; gap: 8px; }
#wpforo #wpforo-wrap .yyc-ach-btn {
	display: inline-block; padding: 8px 18px; border-radius: 999px;
	font-weight: 700; font-size: 14px; text-decoration: none;
	/* The theme link colour inside the wrap otherwise wins the
	   text colour while this background wins, leaving the label
	   the same colour as the button (invisible) on every theme.
	   The pair is pinned together with !important (2026-10-31). */
	background: var(--yyc-pri, #0066cc) !important; color: var(--yyc-pri-ink, #ffffff) !important;
	border: 1px solid var(--yyc-pri, #0066cc);
}
#wpforo #wpforo-wrap .yyc-ach-btn-alt {
	background: transparent !important; color: var(--yyc-pri, #0066cc) !important;
}
#wpforo #wpforo-wrap .yyc-ach-family { font-size: 21px; margin: 26px 0 12px; }
#wpforo #wpforo-wrap .yyc-ach-grid {
	display: grid; grid-template-columns: 1fr 1fr; gap: 12px;
}
@media (max-width: 640px) {
	#wpforo #wpforo-wrap .yyc-ach-grid { grid-template-columns: 1fr; }
}
#wpforo #wpforo-wrap .yyc-ach-badge {
	display: flex; gap: 12px; align-items: flex-start;
	background: var(--yyc-surf, #ffffff); border: 1px solid var(--yyc-bord, #dddddd);
	border-radius: var(--yyc-rad, 8px); padding: 12px 14px;
}
#wpforo #wpforo-wrap .yyc-ach-icon {
	flex: none; width: 46px; height: 46px; border-radius: 50%;
	display: inline-flex; align-items: center; justify-content: center;
	font-size: 20px;
	background: var(--yyc-pri, #0066cc); color: var(--yyc-pri-ink, #ffffff);
}
#wpforo #wpforo-wrap .yyc-ach-badge.is-locked { opacity: .62; }
#wpforo #wpforo-wrap .yyc-ach-badge.is-locked .yyc-ach-icon {
	background: var(--yyc-bord, #cccccc); color: var(--yyc-mut, #777777);
}
#wpforo #wpforo-wrap .yyc-ach-main { display: block; min-width: 0; }
#wpforo #wpforo-wrap .yyc-ach-name { display: block; font-weight: 700; font-size: 15.5px; }
#wpforo #wpforo-wrap .yyc-ach-new {
	display: inline-block; vertical-align: 2px; margin-left: 4px;
	background: var(--yyc-acc, #cc5500); color: var(--yyc-acc-ink, #ffffff);
	font-size: 11px; font-weight: 700; padding: 1px 7px; border-radius: 999px;
}
#wpforo #wpforo-wrap .yyc-ach-desc { display: block; font-size: 13.5px; margin-top: 2px; }
#wpforo #wpforo-wrap .yyc-ach-state { display: block; font-size: 12.5px; margin-top: 6px; opacity: .8; }
#wpforo #wpforo-wrap .yyc-ach-rare { display: block; font-size: 12px; margin-top: 3px; opacity: .65; font-style: italic; }
#wpforo #wpforo-wrap .yyc-ach-bar {
	display: block; height: 8px; margin-top: 5px; border-radius: 999px;
	background: var(--yyc-surf2, #eeeeee); border: 1px solid var(--yyc-bord, #dddddd); overflow: hidden;
}
#wpforo #wpforo-wrap .yyc-ach-fill { display: block; height: 100%; background: var(--yyc-pri, #0066cc); }

/* The shell footer includes wpForo's share block, which renders
   an empty "Share:" label here (no share networks configured).
   Hidden on this page at the user's request (2026-10-31); the
   block carries an inline display style, so !important. */
body.yyc-shell-achievements #wpforo #wpforo-wrap .wpf-sbtn { display: none !important; }

/* Profile badge shelf. */
#wpforo #wpforo-wrap .yyc-ach-shelf { margin-top: 16px; }
#wpforo #wpforo-wrap .yyc-ach-shelf-head { font-weight: 700; margin-bottom: 8px; }
#wpforo #wpforo-wrap .yyc-ach-shelf-row { display: flex; flex-wrap: wrap; gap: 8px; }
#wpforo #wpforo-wrap .yyc-ach-chip {
	width: 38px; height: 38px; border-radius: 50%;
	display: inline-flex; align-items: center; justify-content: center;
	font-size: 16px; background: var(--yyc-pri, #0066cc); color: var(--yyc-pri-ink, #ffffff);
}
#wpforo #wpforo-wrap .yyc-ach-shelf-link { margin-top: 8px; font-size: 13px; }