/*
 * Imported sitewide CSS snippets.
 *
 * Sources:
 *  - Custom CSS & JS plugin: #17092 "Services slider spacing"
 *  - HFCM #1 "Facades & Cladding" (singular post-id 14478 only)
 *  - HFCM #2 "Technical articles" (page-id 14860 only)
 *  - HFCM #4 "Resources (Blog)" (page-id 6009 only)
 *
 * Page-scoped rules use a `body.page-id-N` (or `.postid-N`) selector so the
 * stylesheet can be loaded once globally and still target the right pages.
 */

/* ---- Custom CSS & JS #17092 "Services slider spacing" — superseded ----
 * The original snippet added 25px left+right padding inside each slide to
 * fake a visible gap (because Archicon Core's CSS forced slide margin to 0).
 * Now that sliders.css restores the real `margin-right: 20px` between
 * slides, that inner padding stacks on top, producing 70px of whitespace.
 * Removed — the 20px margin alone is the right amount. */

/* ---- HFCM #1 "Facades & Cladding" — singular portfolio-item 14478 only ---- */
body.postid-14478 #qodef-page-inner,
body.single-portfolio-item.postid-14478 #qodef-page-inner {
	position: relative;
	padding: 0px 0 0px !important;
}

/* ---- HFCM #2 "Technical articles" — page 14860 only ---- */
body.page-id-14860 .qodef-page-title .qodef-m-content {
	padding-top: 0 !important;
	padding-bottom: 8px !important;
	justify-content: flex-end !important;
	width: 100% !important;
	max-width: 1400px !important;
	margin: 0 auto !important;
	padding-left: 30px !important;
	padding-right: 30px !important;
	box-sizing: border-box !important;
}
body.page-id-14860 .qodef-page-title {
	background-color: transparent !important;
}

/* ---- HFCM #4 "Resources (Blog)" — Posts page only ---- */
/* /resources/ is set as WordPress's "Posts page", so its body class is
 * `blog` rather than `page-id-6009`. Target `body.blog` to restore the
 * original HFCM rule (80px top breathing room + grey divider). */
body.blog #qodef-page-outer {
	padding-top: 80px;
	border-top: 1px solid #d4d4d4 !important;
	margin-top: 0px;
}

/* Resources/Posts page — post titles in the brand olive (matches buttons). */
body.blog .qodef-blog-item .qodef-e-title a,
body.blog .qodef-blog-item .qodef-e-title a:visited {
	color: #a0a616 !important;
}
body.blog .qodef-blog-item .qodef-e-title a:hover,
body.blog .qodef-blog-item .qodef-e-title a:focus {
	color: #837c01 !important;
}

/* (Reverted: my badge-overlay date for Technical Articles was producing
 * inconsistent results. Awaiting clarification from the user on which date
 * style they actually want.) */

/* ---- Sticky header bottom border ---- */
/* The homepage's Elementor data sets a 1px light-grey border on the sticky
 * header inner. Other pages don't have that override, so the sticky header
 * appears with no separation from the content below. Apply the same border
 * uniformly across every page. */
.qodef-header-sticky .qodef-header-sticky-inner {
	border-bottom: 1px solid #d4d4d4 !important;
}