/*
Theme Name: RECO 2025
Theme URI: https://www.reco.on.ca/
Description: Theme for the reco.on.ca migration from Kentico CMS to WordPress. Step 1 — header/footer skeleton derived from skeleton.html (the live "no-content-test-page" markup, with Kentico/Google Analytics references removed). The main navigation and mobile navigation are static HTML for now and will be rebuilt as a WordPress menu once content has been migrated.
Author: 78 Digital
Version: 0.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: reco
*/

/*
  Theme styling lives in the original RECO stylesheets, which are served from the
  site root to preserve the absolute paths used throughout the markup and CSS:
    /Styles/INO/main.css   (ino-main.css)
    /Styles/78/reco2025.css (78-reco2025.css)
  Those are enqueued from functions.php. Add WordPress-specific overrides below.
*/

/* ------------------------------------------------------------------------- *
 * Regulatory Actions bookmark bar (page-RegulatoryListing.php).
 * Jump links to each Month/Year <h2> section. RECO palette: dark green
 * #214c3b on cream #fdf9ed.
 *
 * Step 5d: sticky bar of pills.
 * Step 5e: >991px keep the bar sticky, offset 180px to clear the sticky site
 *          header; <=991px swap the pills for a <select> jump menu.
 * ------------------------------------------------------------------------- */
.regulatory-actions-bookmarks {
	background-color: #ffffff;
	padding: 0.85rem 0;
	margin-bottom: 1.75rem;
	border-bottom: 1px solid #e7e2d2;
}

.regulatory-actions-bookmarks__list {
	margin-bottom: 0;
}

.regulatory-actions-bookmarks__item {
	margin: 0 0.4rem 0.5rem 0;
}

.regulatory-actions-bookmarks__item a {
	display: inline-block;
	padding: 0.35rem 0.9rem;
	border-radius: 50rem;
	background-color: #fdf9ed;
	border: 1px solid #214c3b;
	color: #214c3b;
	font-size: 0.9rem;
	line-height: 1.4;
	text-decoration: none;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.regulatory-actions-bookmarks__item a:hover,
.regulatory-actions-bookmarks__item a:focus {
	background-color: #214c3b;
	color: #fdf9ed;
}

.regulatory-actions-bookmarks__select {
	width: 100%;
	max-width: 360px;
}

/* Anchored sections clear the sticky site header when jumped to. */
.regulatory-actions-month {
	scroll-margin-top: 90px;
}

/* Mobile / tablet (<=991px): show the select jump menu, hide the pills. */
@media (max-width: 991.98px) {
	.regulatory-actions-bookmarks__list {
		display: none;
	}
}

/* Desktop (>991px): keep the pill bar sticky, offset below the 180px site
   header; hide the select and clear the header + sticky bar on jump. */
@media (min-width: 992px) {
	.regulatory-actions-bookmarks {
		position: sticky;
		top: 180px;
		z-index: 1020;
	}
	.regulatory-actions-bookmarks__select {
		display: none;
	}
	.regulatory-actions-month {
		scroll-margin-top: 250px;
	}
}