/* ebykr site-wide tweaks */

/* Smaller, light-blue category pills, everywhere (grid cards + hero). */
/* Saturated brand blue is reserved for actions (buttons, links). */
li.meta-categories[data-type="pill"] a {
	font-size: 11px !important;
	padding: 2px 9px !important;
	font-weight: 700 !important;
	background: #e6eefb !important;
	color: #1c3c63 !important;
}

li.meta-categories[data-type="pill"] a:hover {
	background: #d6e4f8 !important;
	color: #14304f !important;
}

/* Drop the author byline site-wide (DOM/schema retained, just hidden). */
li.meta-author {
	display: none !important;
}

/* Remove the slash separator that would otherwise lead the date once the
   author is hidden. */
li.meta-author + li.meta-date::before {
	content: "" !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Home page: keep the sidebar sticky but align it with the hero/content top.
   Blocksy's default sticky top (header-bottom + 50px gap) is larger than the
   column's natural top, forcing it ~20px down at rest. Setting the sticky top
   to the fixed-header height instead means it sits at natural position at the
   top (aligned) and only pins once you scroll. The admin bar shifts everything
   32px, so logged-in gets its own value. */
body.home .ct-sidebar {
	position: sticky !important;
	top: 100px !important;
}
body.home.admin-bar .ct-sidebar {
	top: 132px !important;
}

/* === Header & footer polish (2026-06-24) ============================= */

/* Smooth in-page scrolling (anchor links). */
html { scroll-behavior: smooth; }

/* Primary nav: clearly mark the current section. Blocksy emits
   current-menu-item / current-menu-ancestor; reinforce with a brand underline
   so readers keep their place across long article sections. */
header li.current-menu-item > a,
header li.current-menu-ancestor > a {
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 6px;
}

/* Footer: tidy the link columns and give links a clear hover affordance. */
footer .widget_text ul,
footer .textwidget ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
footer .widget_text li {
	margin: 0 0 8px;
	line-height: 1.5;
}
footer .widget a { text-decoration: none; }
footer .widget a:hover,
footer .widget a:focus {
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* Header search icon: lift from near-invisible light grey to a readable tone,
   so the header search (which already exists) is actually discoverable.
   Mirrors Blocksy's own icon-color mechanism (--theme-icon-color). */
[data-id="search"] { --theme-icon-color: #4a4e54 !important; }
[data-id="search"] .ct-icon,
[aria-label="Search button"] svg {
	color: #4a4e54 !important;
	fill: currentColor !important;
}

/* === Footer 4th column + scroll-to-top polish (2026-06-24) =========== */

/* The footer's 4th column (More) is added via the builder placement, but
   Blocksy's generated grid still defines 3 tracks (it only rebuilds on a
   Customizer save). Force 4 equal columns on desktop; leave Blocksy's
   tablet/mobile stacking untouched. */
@media (min-width: 1000px) {
	[data-footer*="type-1"] .ct-footer [data-row*="middle"] > div {
		--grid-template-columns: repeat(4, 1fr) !important;
	}
}

/* Scroll-to-top: a clear circular brand-blue button with a white arrow,
   instead of the default dark block. */
.ct-back-to-top {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 44px !important;
	height: 44px !important;
	background-color: #185FA5 !important;
	border-radius: 50% !important;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18) !important;
	opacity: 0.92;
	transition: opacity .2s ease, background-color .2s ease;
}
.ct-back-to-top:hover,
.ct-back-to-top:focus {
	background-color: #14507f !important;
	opacity: 1;
}
.ct-back-to-top .ct-icon {
	fill: #ffffff !important;
	color: #ffffff !important;
}