/* ==========================================================================
   LinuxPathFinder: colour-only recolour layer (staging), palette "Fjord"
   Light: glacial blue-grey paper, deep fjord link and buttons.
   Dark: deep fjord ground, glacier-blue text and bright fjord-blue links and buttons.
   No fonts, sizes or spacing are changed here. Delete lpf-fjord.php to revert.
   ========================================================================== */

:root {
	--fm-paper: #eef3f6;
	--fm-surface: #ffffff;
	--fm-ink: #0a1a22;
	--fm-text: #15262f;
	--fm-muted: #4a6270;
	--fm-rule: #cbd9e1;
	--fm-accent: #1f6a8c;
	--fm-accent-hover: #17536f;
	--fm-on-accent: #ffffff;
	--fm-tint: #e9f0f4;
	--fm-btn: #1f6a8c;
	--fm-btn-text: #ffffff;
	--fm-btn-hover: #17536f;
	--fm-code: #12303f;
	--fm-foot: #0a161c;
	--fm-pre-border-left: 2px solid #66c2e6;

	/* Re-point the theme's own tokens so everything that reads them follows */
	--lpf-chrome: #0d1a21;
	--lpf-chrome-2: #15262f;
	--lpf-chrome-3: #1c3441;
	--lpf-chrome-deep: #081317;
	--lpf-chrome-line: #24404e;
	--lpf-accent: #66c2e6;
	--lpf-accent-bright: #8fd3ef;
	--lpf-accent-mid: #1f6a8c;
	--lpf-accent-strong: #1f6a8c;
	--lpf-accent-deep: #17536f;
	--lpf-accent-tint: #e9f0f4;
	--lpf-accent-rgb: 102, 194, 230;
	--lpf-accent-strong-rgb: 31, 106, 140;
	--lpf-ink: #0a1a22;
	--lpf-body: #15262f;
	--lpf-muted: #4a6270;
	--lpf-faint: #53707f;
	--lpf-ground: #eef3f6;
	--lpf-surface: #ffffff;
	--lpf-surface-2: #eef3f6;
	--lpf-surface-3: #e2eaef;
	--lpf-line: #cbd9e1;
	--lpf-line-soft: #dce7ed;
	--lpf-shadow-rgb: 10, 26, 34;
	--lpf-code-bg: #12303f;
	--lpf-code-bar: #15262f;
	--lpf-code-inline-bg: #1b3340;
	--lpf-btn-on-dark: linear-gradient(135deg, #8fd3ef 0%, #66c2e6 100%);
	--lpf-btn-on-dark-ink: #04171f;
	--lpf-btn-on-light: linear-gradient(135deg, #1f6a8c 0%, #17536f 100%);
}

html[data-lpf-dark="1"],
html[data-lpf-dark="1"][data-lpf-dark="1"] {
	--fm-paper: #0d1a21;
	--fm-surface: #15262f;
	--fm-ink: #f2faff;
	--fm-text: #d3e4ec;
	--fm-muted: #8fb0bf;
	--fm-rule: #24404e;
	--fm-accent: #66c2e6;
	--fm-accent-hover: #8fd3ef;
	--fm-on-accent: #04171f;
	--fm-tint: #223f4c;
	--fm-btn: #66c2e6;
	--fm-btn-text: #04171f;
	--fm-btn-hover: #8fd3ef;
	--fm-code: #12303f;
	--fm-foot: #070f13;
	--fm-pre-border-left: 2px solid #66c2e6;

	--lpf-surface: #15262f;
	--lpf-surface-2: #1a2e39;
	--lpf-surface-3: #213845;
	--lpf-ground: #0d1a21;
	--lpf-ink: #f2faff;
	--lpf-body: #d3e4ec;
	--lpf-muted: #8fb0bf;
	--lpf-faint: #7c9bab;
	--lpf-line: #24404e;
	--lpf-line-soft: #1c3340;
	--lpf-accent-tint: #223f4c;
	--lpf-accent-strong: #66c2e6;
	--lpf-accent-strong-rgb: 102, 194, 230;
	--lpf-accent-mid: #66c2e6;
	--lpf-code-bg: #12303f;
	--lpf-code-bar: #15262f;
	--lpf-code-inline-bg: #1b3340;
	--lpf-chrome: #070f13;
	--lpf-chrome-2: #0d1a21;
	--lpf-chrome-3: #15262f;
	--lpf-chrome-deep: #050a0d;
	--lpf-chrome-line: #24404e;
}

/* ------------------------------------------------------------ surfaces */
html,
html body,
html body .site-wrapper,
html body .site-content,
html body #content.site-content { background-color: var(--fm-paper) !important; color: var(--fm-text); }
::selection { background: var(--fm-accent); color: var(--fm-on-accent); }
:focus-visible { outline-color: var(--fm-accent) !important; }

html body #masthead.site-header {
	background: var(--fm-paper) !important; background-image: none !important; border-bottom-color: var(--fm-rule) !important;
}

html body #site-navigation.main-navigation {
	background: var(--fm-surface) !important; background-image: none !important; border-bottom-color: var(--fm-accent) !important;
}
html body #site-navigation #primary-menu > li > a { color: var(--fm-ink) !important; }
html body #site-navigation #primary-menu > li > a:hover { color: var(--fm-accent) !important; }
html body.home #site-navigation #primary-menu > li:first-child > a,
html body #site-navigation #primary-menu > li.current-menu-item > a {
	background-image: none !important; background-color: var(--fm-accent) !important; color: var(--fm-on-accent) !important;
}
html body .search-submit { background-image: none !important; background-color: var(--fm-ink) !important; color: var(--fm-paper) !important; border-color: var(--fm-ink) !important; }
html body .search-submit:hover { background-color: var(--fm-accent) !important; border-color: var(--fm-accent) !important; color: var(--fm-on-accent) !important; }
html body .search-field { background-color: var(--fm-surface) !important; color: var(--fm-ink) !important; border-color: var(--fm-rule) !important; }

/* ---------------------------------------------------------------- hero */
html body .lpf-hero { background: var(--fm-paper) !important; background-image: none !important; border-color: var(--fm-rule) !important; }
html body .lpf-hero-eyebrow { color: var(--fm-accent) !important; background-color: var(--fm-tint) !important; border-color: var(--fm-accent) !important; }
html body .lpf-hero-title { color: var(--fm-ink) !important; }
html body .lpf-hero-title em { color: var(--fm-accent) !important; }
html body .lpf-hero-sub, html body .lpf-hero-stat { color: var(--fm-muted) !important; }
html body .lpf-hero-stat b { color: var(--fm-ink) !important; }
html body .lpf-hero-search form { background-color: var(--fm-surface) !important; border-color: var(--fm-rule) !important; }

html body .lpf-starthere { background: var(--fm-paper) !important; background-image: none !important; border-color: var(--fm-rule) !important; }
html body .lpf-starthere-eyebrow { color: var(--fm-accent) !important; background-color: var(--fm-tint) !important; border-color: var(--fm-accent) !important; }
html body .lpf-starthere-title, html body .lpf-starthere-name { color: var(--fm-ink) !important; }
html body .lpf-starthere-all { color: var(--fm-accent) !important; }
html body .lpf-starthere-card { background: var(--fm-surface) !important; border-color: var(--fm-rule) !important; }
html body .lpf-starthere-card:hover { border-color: var(--fm-accent) !important; }
html body .lpf-starthere-cat { color: var(--fm-accent) !important; }
html body .lpf-starthere-time, html body .lpf-starthere-time i { color: var(--fm-muted) !important; }

html body .lpf-topic { background-color: var(--fm-surface) !important; border-color: var(--fm-rule) !important; color: var(--fm-ink) !important; }
html body .lpf-topic span { background-color: var(--fm-tint) !important; color: var(--fm-accent) !important; }
html body .lpf-topic:hover { border-color: var(--fm-accent) !important; color: var(--fm-accent) !important; }

html body .lpf-section-title { color: var(--fm-ink) !important; border-color: var(--fm-accent) !important; }
html body .lpf-section-note { color: var(--fm-muted) !important; }

/* --------------------------------------------------------- article cards */
html body .posts-grid article { background-color: var(--fm-surface) !important; border-color: var(--fm-rule) !important; }
html body .lpf-lead-flag { background-color: #0a161c !important; color: #66c2e6 !important; }
html body .lpf-card-cat { background-color: var(--fm-tint) !important; color: var(--fm-accent) !important; }
html body .posts-grid .entry-title a { color: var(--fm-ink) !important; }
html body .posts-grid .entry-title a:hover { color: var(--fm-accent) !important; }
html body .posts-grid .more-link { color: var(--fm-accent) !important; }
html body .entry-meta, html body .entry-meta a, html body .entry-meta i { color: var(--fm-muted) !important; }
html body .entry-meta > span { border-color: var(--fm-rule) !important; background-color: var(--fm-surface) !important; }
html body .pagination a, html body .pagination span { background-color: var(--fm-surface) !important; border-color: var(--fm-rule) !important; color: var(--fm-ink) !important; }
html body .pagination .current { background-color: var(--fm-accent) !important; border-color: var(--fm-accent) !important; color: var(--fm-on-accent) !important; }

/* -------------------------------------------------------------- sidebar */
html body .widget-area .widget, html body .widget-area .tabbed-widget { background-color: var(--fm-surface) !important; border-color: var(--fm-rule) !important; }
html body .tab-nav, html body .tab-content, html body .tab-pane { background-color: transparent !important; border-color: var(--fm-rule) !important; }
html body .tab-button { color: var(--fm-muted) !important; background: transparent !important; }
html body .tab-button.active { color: var(--fm-accent) !important; border-bottom-color: var(--fm-accent) !important; }
html body .tab-pane li { border-color: var(--fm-rule) !important; }
html body .tab-pane li a, html body .widget_categories a { color: var(--fm-ink) !important; }
html body .tab-pane li a:hover, html body .widget_categories a:hover { color: var(--fm-accent) !important; }
html body .post-date { color: var(--fm-muted) !important; }
html body .widget-title { color: var(--fm-ink) !important; }
html body .widget_categories li { border-color: var(--fm-rule) !important; }
html body .widget_categories li > span:last-child, html body .widget_categories .count { background-color: var(--fm-tint) !important; color: var(--fm-accent) !important; }
html body .lpf-cta-card::before { background: var(--fm-accent) !important; background-image: none !important; }
html body .lpf-cta-title { color: var(--fm-ink) !important; }
html body .lpf-cta-text, html body .lpf-cta-list li { color: var(--fm-text) !important; }
html body .lpf-cta-list i, html body .lpf-ico-check { color: var(--fm-accent) !important; }
html body .lpf-cta-btn { background-image: none !important; background-color: var(--fm-accent) !important; color: var(--fm-on-accent) !important; border-color: var(--fm-accent) !important; }
html body .lpf-cta-btn:hover { background-color: var(--fm-accent-hover) !important; }

/* ------------------------------------------------------------ topic band */
html body .lpf-topicband { background: var(--fm-surface) !important; background-image: none !important; border-color: var(--fm-rule) !important; }
html body .lpf-topicband-eyebrow, html body .lpf-topicband-all { color: var(--fm-accent) !important; }
html body .lpf-topicband-title, html body .lpf-topiccard-name { color: var(--fm-ink) !important; }
html body .lpf-topiccard { background-color: var(--fm-paper) !important; border-color: var(--fm-rule) !important; }
html body .lpf-topiccard:hover { border-color: var(--fm-accent) !important; }
html body .lpf-topiccard-mark { background-color: var(--fm-tint) !important; color: var(--fm-accent) !important; }
html body .lpf-topiccard-count { background-color: var(--fm-tint) !important; color: var(--fm-accent) !important; }
html body .lpf-topiccard-desc { color: var(--fm-muted) !important; }

/* ---------------------------------------------------------------- footer */
html body footer.site-footer-new { background: var(--fm-foot) !important; background-image: none !important; color: #d3e4ec !important; border-top-color: var(--fm-accent) !important; }
html body footer.site-footer-new .footer-heading { color: #66c2e6 !important; }
html body footer.site-footer-new .footer-heading::before { background: #66c2e6 !important; }
html body footer.site-footer-new .footer-text,
html body footer.site-footer-new p.footer-tagline,
html body footer.site-footer-new .footer-facts li { color: #b9cdd8 !important; }
html body footer.site-footer-new .footer-facts b { color: #66c2e6 !important; }
html body footer.site-footer-new .footer-brand-name { color: #f2faff !important; }
html body footer.site-footer-new .footer-brand-name strong { color: #66c2e6 !important; }
html body footer.site-footer-new .footer-posts-list a,
html body footer.site-footer-new .footer-links-list a { color: #e1eef4 !important; }
html body footer.site-footer-new .footer-posts-list a::before,
html body footer.site-footer-new .footer-links-list a::before { color: #66c2e6 !important; }
html body footer.site-footer-new .footer-posts-list a:hover,
html body footer.site-footer-new .footer-links-list a:hover { color: #66c2e6 !important; }
html body footer.site-footer-new .footer-posts-list li,
html body footer.site-footer-new .footer-links-list li { border-color: #1b3340 !important; }
html body footer.site-footer-new .footer-social-link { background: #15262f !important; color: #e1eef4 !important; border-color: #24404e !important; }
html body footer.site-footer-new .footer-social-link:hover { background: #66c2e6 !important; color: #04171f !important; }
html body footer.site-footer-new .footer-copyright,
html body footer.site-footer-new .footer-copyright p,
html body footer.site-footer-new .footer-copyright span { background: #070f13 !important; color: #8fb0bf !important; border-color: #1b3340 !important; }
html body footer.site-footer-new .footer-copyright a { color: #e1eef4 !important; }
html body footer.site-footer-new .footer-copyright a:hover { color: #66c2e6 !important; }
html body footer.site-footer-new .footer-consult { background: transparent !important; background-image: none !important; border-color: #66c2e6 !important; color: #66c2e6 !important; }
html body footer.site-footer-new .footer-consult:hover { background: #66c2e6 !important; color: #04171f !important; }
html body footer.site-footer-new .footer-subscribe-btn { background-image: none !important; background-color: #66c2e6 !important; color: #04171f !important; }

/* -------------------------------------------------------- article pages */
html body.single .entry-title, html body.page .entry-title { color: var(--fm-ink) !important; }
html body .entry-content { color: var(--fm-text); }
html body .entry-content h2, html body .entry-content h3, html body .entry-content h4 { color: var(--fm-ink) !important; }
html body .entry-content h2 { border-left-color: var(--fm-accent) !important; }
html body.single .entry-header::after, html body.single .entry-header::before { background: var(--fm-accent) !important; }
html body .entry-content a { color: var(--fm-accent) !important; }
html body .entry-content a:hover { color: var(--fm-accent-hover) !important; }
html body .entry-content strong { color: var(--fm-ink); }
html body .entry-content blockquote { border-left-color: var(--fm-accent) !important; background-color: var(--fm-tint) !important; color: var(--fm-text) !important; }
html body .entry-content :not(pre) > code { background-color: #1b3340 !important; color: #f2faff !important; }
html body .entry-content table thead th { background-color: var(--fm-ink) !important; color: var(--fm-paper) !important; }
html body .entry-content table td, html body .entry-content table th { border-color: var(--fm-rule) !important; }
html body .lpf-table-wrap { border-color: var(--fm-rule) !important; }

/* code blocks: background and left rule come from vars read by the inline-style script */
html body.single .entry-content pre.wp-block-code,
html body.single .entry-content pre { background-color: var(--fm-code) !important; }
html body.single .entry-content pre.wp-block-code code .lpf-tok-prompt { color: #66c2e6 !important; }
html body.single .entry-content pre.wp-block-code code .lpf-tok-cmd { color: #f2faff !important; }
html body.single .entry-content pre.wp-block-code code .lpf-tok-flag { color: #66c2e6 !important; }
html body.single .entry-content pre.wp-block-code code .lpf-tok-out { color: #b4cbd6 !important; }
html body.single .entry-content pre.wp-block-code code .lpf-tok-comment { color: #8fb0bf !important; }
html body .lpf-copy:hover, html body .lpf-copy.is-done { border-color: #66c2e6 !important; color: #66c2e6 !important; }

/* share, author, prev/next, related */
html body .lpf-share { background-color: var(--fm-surface) !important; border-color: var(--fm-rule) !important; }
html body .lpf-share-title { color: var(--fm-ink) !important; }
html body .lpf-share-btn { background-color: var(--fm-paper) !important; background-image: none !important; color: var(--fm-ink) !important; border-color: var(--fm-rule) !important; }
html body .lpf-share-btn:hover { border-color: var(--fm-accent) !important; color: var(--fm-accent) !important; }
html body .author-bio-box { background-color: var(--fm-surface) !important; border-color: var(--fm-rule) !important; }
html body .author-name { color: var(--fm-ink) !important; }
html body .post-navigation-optimized .nav-item { background-color: var(--fm-surface) !important; border-color: var(--fm-rule) !important; }
html body .post-navigation-optimized .nav-item:hover { border-color: var(--fm-accent) !important; }
html body .nav-title, html body .related-post-title, html body .related-post-title a { color: var(--fm-ink) !important; }
html body .related-posts h3 { color: var(--fm-ink) !important; border-color: var(--fm-accent) !important; }
html body .related-post-item { background-color: var(--fm-surface) !important; border-color: var(--fm-rule) !important; }

/* floating controls */
html body #back-to-top, html body .lpf-appear-toggle { background-image: none !important; background-color: var(--fm-ink) !important; color: var(--fm-paper) !important; border-color: var(--fm-ink) !important; }
html body #back-to-top:hover { background-color: var(--fm-accent) !important; color: var(--fm-on-accent) !important; }

/* ---- leftovers found by the teal audit */
html body #masthead.site-header, html body #masthead .site-branding { color: var(--fm-text) !important; }
html body .search-form { border-color: var(--fm-rule) !important; }
html body input.search-field { color: var(--fm-ink) !important; }
html body .lpf-hero-stats, html body .lpf-hero-stats * { color: var(--fm-muted) !important; }
html body .lpf-hero-stats b { color: var(--fm-ink) !important; }
html body a.lpf-cta-alt { color: var(--fm-muted) !important; }
html body a.lpf-cta-alt:hover { color: var(--fm-accent) !important; }
html body #colophon.site-footer-new .footer-col p.footer-tagline,
html body #colophon.site-footer-new p.footer-tagline { color: #9bb8c7 !important; }


/* ---- Tux Slate: buttons are slate with yellow labels in light mode, yellow in dark mode */
html body.home #site-navigation #primary-menu > li:first-child > a,
html body #site-navigation #primary-menu > li.current-menu-item > a { background-color: var(--fm-btn) !important; color: var(--fm-btn-text) !important; }
html body .search-submit { background-color: var(--fm-btn) !important; color: var(--fm-btn-text) !important; border-color: var(--fm-btn) !important; }
html body .search-submit:hover { background-color: var(--fm-btn-hover) !important; border-color: var(--fm-btn-hover) !important; color: var(--fm-btn-text) !important; }
html body .pagination .current { background-color: var(--fm-btn) !important; border-color: var(--fm-btn) !important; color: var(--fm-btn-text) !important; }
html body .lpf-cta-btn { background-color: var(--fm-btn) !important; border-color: var(--fm-btn) !important; color: var(--fm-btn-text) !important; }
html body .lpf-cta-btn:hover { background-color: var(--fm-btn-hover) !important; }
html body #back-to-top, html body .lpf-appear-toggle { background-color: var(--fm-btn) !important; color: var(--fm-btn-text) !important; border-color: var(--fm-btn) !important; }
html body #back-to-top:hover { background-color: var(--fm-btn-hover) !important; color: var(--fm-btn-text) !important; }
html body #site-navigation.main-navigation { border-bottom-color: var(--fm-accent) !important; }
html body .lpf-lead-flag { background-color: #0a161c !important; color: #66c2e6 !important; }

/* search boxes: match the theme's own selector weight */
html body #site-navigation .nav-search form.search-form,
html body .lpf-hero .lpf-hero-search form.search-form { border-color: var(--fm-rule) !important; background-color: var(--fm-surface) !important; }
html body #site-navigation .nav-search input.search-field,
html body .lpf-hero .lpf-hero-search input.search-field,
html body form.search-form input.search-field { color: var(--fm-ink) !important; background-color: transparent !important; }
html body form.search-form input.search-field::placeholder { color: var(--fm-muted) !important; opacity: 1; }

/* ==========================================================================
   Fjord specifics
   ========================================================================== */

/* Single post: the article sits straight on the page, no card border */
html body.single article.post,
html body.single .site-main > article {
	background: transparent !important;
	background-image: none !important;
	border: 0 !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	outline: 0 !important;
}

/* Featured images: thin fjord edge so the dark art sits cleanly on both light and dark pages */
html body .posts-grid .post-thumbnail { background-color: #070f13 !important; border-bottom: 1px solid var(--fm-rule) !important; }
/* The generated cover art is teal (hue ~173). Rotate it to the fjord blue (hue ~197). */
html body .post-thumbnail img,
html body img.wp-post-image,
html body .related-post-thumbnail img,
html body .nav-thumb img,
html body .lpf-topiccard img { filter: none; }

/* Single post, dark scheme: the appearance sheet paints the post and its main column as a lighter
   surface card. Match its selector weight so the article sits straight on the page background. */
html[data-lpf-dark="1"] body.single article.post,
html[data-lpf-dark="1"] body.single .site-main,
html[data-lpf-dark="1"] body.single main.content-area,
html[data-lpf-dark="1"] body.single #primary {
	background-color: transparent !important;
	background-image: none !important;
	border: 0 !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	outline: 0 !important;
}

/* Dark: the appearance sheet paints body and the page wrapper as a lighter surface. Use the page
   background there too, so nothing reads as a frame around the content. */
html[data-lpf-dark="1"] body,
html[data-lpf-dark="1"] .site-wrapper,
html[data-lpf-dark="1"] #page {
	background-color: var(--fm-paper) !important;
	box-shadow: none !important;
}

/* ==========================================================================
   Topic cards: icon tile stays in the fjord palette on hover (it went dark)
   ========================================================================== */
html body .lpf-topiccard:hover .lpf-topiccard-mark {
	background: var(--fm-btn) !important;
	background-image: none !important;
	border-color: var(--fm-btn) !important;
	color: var(--fm-btn-text) !important;
}
html body .lpf-topiccard:hover .lpf-topiccard-mark i,
html body .lpf-topiccard:hover .lpf-topiccard-mark svg,
html body .lpf-topiccard:hover .lpf-topiccard-mark img { color: var(--fm-btn-text) !important; fill: currentColor; }
html body .lpf-topiccard:hover { border-color: var(--fm-accent) !important; }

/* ==========================================================================
   Appearance panel and launcher: follow the Fjord scheme in light and dark
   ========================================================================== */
html body .lpf-appear-toggle {
	background: var(--fm-btn) !important; background-image: none !important;
	color: var(--fm-btn-text) !important; border-color: var(--fm-btn) !important;
}
html body .lpf-appear-toggle:hover,
html body .lpf-appear-toggle:focus-visible { background: var(--fm-btn-hover) !important; border-color: var(--fm-btn-hover) !important; }
html body .lpf-appear-panel {
	background: var(--fm-surface) !important; border-color: var(--fm-rule) !important; color: var(--fm-text) !important;
}
html body .lpf-appear-panel h2 { color: var(--fm-ink) !important; }
html body .lpf-appear-hide { background: var(--fm-tint) !important; border-color: var(--fm-rule) !important; color: var(--fm-muted) !important; }
html body .lpf-appear-hide:hover { color: var(--fm-ink) !important; border-color: var(--fm-accent) !important; }
html body .lpf-appear-group { border-top-color: var(--fm-rule) !important; }
html body .lpf-appear-group legend { color: var(--fm-muted) !important; }
html body .lpf-appear-opt { color: var(--fm-text) !important; }
html body .lpf-appear-opt input { accent-color: var(--fm-accent); }

/* ==========================================================================
   Light mode: custom.css still carries a mint tint block. Re-point its tokens and
   restyle the page banners (topic, archive and search headers) in Fjord.
   ========================================================================== */
html:not([data-lpf-dark="1"]) {
	--lpf-ground: #eef3f6;
	--lpf-surface-2: #eef3f6;
	--lpf-surface-3: #e2eaef;
	--lpf-line: #cbd9e1;
	--lpf-line-soft: #dce7ed;
}

html:not([data-lpf-dark="1"]) body .lpf-pagehead {
	background: linear-gradient(155deg, #f7fafc 0%, #e9f0f4 100%) !important;
	border-bottom: 1px solid var(--fm-rule) !important;
}
html:not([data-lpf-dark="1"]) body .lpf-pagehead-title { color: var(--fm-ink) !important; }
html:not([data-lpf-dark="1"]) body .lpf-pagehead-desc { color: var(--fm-muted) !important; }
html:not([data-lpf-dark="1"]) body .lpf-pagehead-eyebrow,
html:not([data-lpf-dark="1"]) body .lpf-pagehead-meta { color: var(--fm-accent) !important; }
html:not([data-lpf-dark="1"]) body .lpf-pagehead-mark {
	background: rgba(var(--lpf-accent-strong-rgb), 0.10) !important;
	border-color: rgba(var(--lpf-accent-strong-rgb), 0.30) !important;
	color: var(--fm-accent) !important;
}
html:not([data-lpf-dark="1"]) body .lpf-pagehead-rail { border-top-color: var(--fm-rule) !important; }
html:not([data-lpf-dark="1"]) body .lpf-pagehead-rail .lpf-topic {
	background: var(--fm-surface) !important; border-color: var(--fm-rule) !important; color: var(--fm-text) !important;
}
html:not([data-lpf-dark="1"]) body .lpf-pagehead-rail .lpf-topic span {
	background: var(--fm-tint) !important; border-color: var(--fm-rule) !important; color: var(--fm-accent) !important;
}
html:not([data-lpf-dark="1"]) body .lpf-pagehead-rail .lpf-topic:hover {
	background: var(--fm-btn) !important; border-color: var(--fm-btn) !important; color: var(--fm-btn-text) !important;
}
html:not([data-lpf-dark="1"]) body .lpf-pagehead-rail .lpf-topic:hover span {
	background: rgba(255, 255, 255, 0.18) !important; color: var(--fm-btn-text) !important;
}

/* Mobile menu button: the mint block used a teal ink */
html:not([data-lpf-dark="1"]) body .menu-toggle-btn { background: rgba(var(--lpf-shadow-rgb), 0.06) !important; border-color: var(--fm-rule) !important; color: var(--fm-ink) !important; }
html:not([data-lpf-dark="1"]) body .menu-toggle-btn .bars span { background-color: var(--fm-ink) !important; }
html:not([data-lpf-dark="1"]) body .menu-toggle-btn .menu-toggle-label { color: var(--fm-ink) !important; }

/* ==========================================================================
   Sidebar categories hover (both modes). The dark trial block used deep teal.
   ========================================================================== */
html body .widget_categories ul li:hover { background-color: var(--fm-tint) !important; }
html[data-lpf-dark="1"] body .widget_categories ul li:hover .count,
html body .widget_categories ul li:hover .count {
	background: var(--fm-btn) !important;
	background-image: none !important;
	border-color: var(--fm-btn) !important;
	color: var(--fm-btn-text) !important;
	box-shadow: none !important;
}
html[data-lpf-dark="1"] body .widget_categories ul li:hover a::before,
html[data-lpf-dark="1"] body .widget_categories ul li a:hover::before,
html body .widget_categories ul li:hover a::before,
html body .widget_categories ul li a:hover::before { color: var(--fm-accent) !important; }
html[data-lpf-dark="1"] body .widget_categories ul li:hover a,
html[data-lpf-dark="1"] body .widget_categories ul li a:hover { color: var(--fm-ink) !important; }

/* ==========================================================================
   Featured images: deep fjord blue with a glacier glow, same look in light and dark
   ========================================================================== */
html body .posts-grid .post-thumbnail { position: relative; overflow: hidden; }
html body .posts-grid .post-thumbnail::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 1;
	background:
		radial-gradient(120% 90% at 100% 0%, rgba(102, 194, 230, 0.26) 0%, rgba(102, 194, 230, 0) 60%),
		linear-gradient(160deg, rgba(31, 106, 140, 0.30) 0%, rgba(13, 26, 33, 0) 55%),
		linear-gradient(0deg, rgba(6, 16, 22, 0.30) 0%, rgba(6, 16, 22, 0) 28%);
}
html body .posts-grid .post-thumbnail .lpf-lead-flag {
	z-index: 2;
	background-color: rgba(8, 20, 27, 0.82) !important;
	border: 1px solid #66c2e6 !important;
	color: #e6f6fc !important;
}

/* generated teal cover images -> Fjord steel blue (photos and already-blue covers untouched) */
html body img.wp-post-image[src*='/uploads/2026/09/'], html body img.wp-post-image[src*='organizing-ansible-directory'] { filter: hue-rotate(27deg) saturate(.92) !important; }
/* same recolour wherever those covers appear (related posts, prev/next) */
html body .related-post-thumbnail img[src*='/uploads/2026/09/'], html body .nav-thumb img[src*='/uploads/2026/09/'], html body .related-post-thumbnail img[src*='organizing-ansible-directory'], html body .nav-thumb img[src*='organizing-ansible-directory'] { filter: hue-rotate(27deg) saturate(.92) !important; }

/* LATEST badge: bottom-left of the cover so it never covers the tag line */
html body .post-thumbnail .lpf-lead-flag { top: auto !important; bottom: 14px !important; left: 14px !important; }

/* Terraform/Git/etc. covers carry the Fjord glow in the artwork itself, so skip the extra overlay on them */
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/uploads/2026/09/'])::after,
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='organizing-ansible-directory'])::after { content: none !important; }

/* share buttons: each network in its own brand colour, tuned per scheme */
html body .lpf-share-btn.lpf-share-x { --nb: #0f1419; }
html body .lpf-share-btn.lpf-share-linkedin { --nb: #0a66c2; }
html body .lpf-share-btn.lpf-share-reddit { --nb: #e03d00; }
html body .lpf-share-btn.lpf-share-facebook { --nb: #1877f2; }
html body .lpf-share-btn.lpf-share-threads { --nb: #0f1419; }
html body .lpf-share-btn.lpf-share-whatsapp { --nb: #158a45; }
html body .lpf-share-btn.lpf-share-email { --nb: #5d6b79; }
html[data-lpf-dark="1"] body .lpf-share-btn.lpf-share-x,
html[data-lpf-dark="1"] body .lpf-share-btn.lpf-share-threads { --nb: #f2f5f7; }
html[data-lpf-dark="1"] body .lpf-share-btn.lpf-share-linkedin { --nb: #4c9be8; }
html[data-lpf-dark="1"] body .lpf-share-btn.lpf-share-reddit { --nb: #ff6a3d; }
html[data-lpf-dark="1"] body .lpf-share-btn.lpf-share-facebook { --nb: #5b9bff; }
html[data-lpf-dark="1"] body .lpf-share-btn.lpf-share-whatsapp { --nb: #3fd47a; }
html[data-lpf-dark="1"] body .lpf-share-btn.lpf-share-email { --nb: #a9bac6; }
html body .lpf-share-btn[class*="lpf-share-"][style=""], html body a.lpf-share-btn { color: var(--nb, var(--fm-ink)) !important; }
html body a.lpf-share-btn i, html body a.lpf-share-btn svg, html body a.lpf-share-btn .lpf-share-label { color: var(--nb, currentColor) !important; fill: currentColor; }
html body a.lpf-share-btn:hover { border-color: var(--nb, var(--fm-accent)) !important; color: var(--nb, var(--fm-accent)) !important; }

/* share buttons: brand colour at rest (beats the theme's .single .entry-content a rules), white-on-brand on hover */
html body.single .lpf-share .lpf-share-row a.lpf-share-btn.lpf-share-btn,
html body.single .lpf-share .lpf-share-row a.lpf-share-btn.lpf-share-btn i,
html body.single .lpf-share .lpf-share-row a.lpf-share-btn.lpf-share-btn svg,
html body.single .lpf-share .lpf-share-row a.lpf-share-btn.lpf-share-btn .lpf-share-label { color: var(--nb) !important; }
html body.single .lpf-share .lpf-share-row a.lpf-share-btn.lpf-share-btn:hover { background: var(--nb) !important; border-color: var(--nb) !important; }
html body.single .lpf-share .lpf-share-row a.lpf-share-btn.lpf-share-btn:hover,
html body.single .lpf-share .lpf-share-row a.lpf-share-btn.lpf-share-btn:hover i,
html body.single .lpf-share .lpf-share-row a.lpf-share-btn.lpf-share-btn:hover svg,
html body.single .lpf-share .lpf-share-row a.lpf-share-btn.lpf-share-btn:hover .lpf-share-label { color: #fff !important; }
html[data-lpf-dark="1"] body.single .lpf-share .lpf-share-row a.lpf-share-btn.lpf-share-btn:hover,
html[data-lpf-dark="1"] body.single .lpf-share .lpf-share-row a.lpf-share-btn.lpf-share-btn:hover i,
html[data-lpf-dark="1"] body.single .lpf-share .lpf-share-row a.lpf-share-btn.lpf-share-btn:hover svg,
html[data-lpf-dark="1"] body.single .lpf-share .lpf-share-row a.lpf-share-btn.lpf-share-btn:hover .lpf-share-label { color: #0a161c !important; }

/* share buttons: neutral at rest, network colour only on hover */
html body.single .lpf-share .lpf-share-row a.lpf-share-btn.lpf-share-btn,
html body.single .lpf-share .lpf-share-row a.lpf-share-btn.lpf-share-btn i,
html body.single .lpf-share .lpf-share-row a.lpf-share-btn.lpf-share-btn svg,
html body.single .lpf-share .lpf-share-row a.lpf-share-btn.lpf-share-btn .lpf-share-label { color: var(--fm-ink) !important; }
html body.single .lpf-share .lpf-share-row a.lpf-share-btn.lpf-share-btn:hover,
html body.single .lpf-share .lpf-share-row a.lpf-share-btn.lpf-share-btn:hover i,
html body.single .lpf-share .lpf-share-row a.lpf-share-btn.lpf-share-btn:hover svg,
html body.single .lpf-share .lpf-share-row a.lpf-share-btn.lpf-share-btn:hover .lpf-share-label { color: #fff !important; }
html[data-lpf-dark="1"] body.single .lpf-share .lpf-share-row a.lpf-share-btn.lpf-share-btn:hover,
html[data-lpf-dark="1"] body.single .lpf-share .lpf-share-row a.lpf-share-btn.lpf-share-btn:hover i,
html[data-lpf-dark="1"] body.single .lpf-share .lpf-share-row a.lpf-share-btn.lpf-share-btn:hover svg,
html[data-lpf-dark="1"] body.single .lpf-share .lpf-share-row a.lpf-share-btn.lpf-share-btn:hover .lpf-share-label { color: #0a161c !important; }

/* production: the redesigned covers carry their own glow, so skip the overlay on them */
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/card-363']),
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/card-373']),
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/card-384']),
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/card-406']),
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/card-412']),
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/card-415']),
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/card-427']),
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/ansible-directory-structure']) { --lpf-nogl: 1; }
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/card-363'])::after,
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/card-373'])::after,
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/card-384'])::after,
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/card-406'])::after,
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/card-412'])::after,
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/card-415'])::after,
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/card-427'])::after,
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/ansible-directory-structure'])::after { content: none !important; }

/* production: second batch of redesigned covers, no overlay glow */
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/card-812'])::after,
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/monitor-nodejs-new-relic-apm'])::after,
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/monitor-docker-containers-new-relic'])::after,
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/monitor-linux-servers-new-relic'])::after,
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/infrastructure-as-code-explained'])::after,
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/monitor-nginx-postgresql-munin-plugins'])::after,
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/install-munin-master-node-linux'])::after,
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/monitor-remote-linux-nagios-nrpe'])::after,
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/install-nagios-core-linux'])::after,
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/install-zabbix-agent-ubuntu'])::after { content: none !important; }

/* production: third batch of redesigned covers, no overlay glow */
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/install-zabbix-ubuntu'])::after,
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/nginx-rp-new'])::after,
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/lemp-stack-ubuntu-26-04'])::after,
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/lamp-stack-ubuntu-26-04'])::after,
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/self-hosted-card-v4'])::after,
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/card-573'])::after,
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/nginx-vs-apache-benchmarks'])::after,
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/nginx-card-v4'])::after,
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/card-459'])::after,
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/bash-variables-expansion-quoting-validation'])::after { content: none !important; }

/* production: fourth batch of redesigned covers, no overlay glow */
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/card-461'])::after,
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/bash-report-script-sort-uniq-tee-xargs'])::after,
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/card-446'])::after,
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/bash-logout-bash-env-set-shopt-env'])::after,
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/install-kvm-create-vm-v2'])::after,
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/card-464'])::after,
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/card-453'])::after,
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/basic-bash-commands-for-scripting'])::after,
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/bash-environment-variables-bashrc-bash-profile'])::after { content: none !important; }
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/install-configure-terraform-card'])::after { content: none !important; }

/* production: fifth batch */
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/first-bash-script-shebang-shell-types'])::after,
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/card-606'])::after,
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/card-442'])::after { content: none !important; }

/* production: sixth batch */
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/card-230'])::after,
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/card-260'])::after,
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/systemd-service-management-systemctl'])::after,
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/linux-pipes-redirection-stdin-stdout-stderr'])::after,
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/fail2ban-configuration'])::after { content: none !important; }

/* production: seventh batch */
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/passwordless-ssh-rsync-scp-linux'])::after,
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/netstat-command-linux'])::after { content: none !important; }

/* production: eighth batch */
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/Deploying-a-Production-Ready-Next'])::after,
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/Mastering-Zero-Downtime'])::after,
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='/Deploying-a-Full-Stack-Node'])::after { content: none !important; }

/* production: page 6 photo covers converted, no overlay glow */
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='Windows%20Subsystem'])::after,
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='Master%20the%20Nmap'])::after,
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='Managing%20Java%2017'])::after,
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='ss%20Command'])::after,
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='Nano%20Editor'])::after,
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='rsync%20Command'])::after,
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='File%20Management%20in%20Linux'])::after,
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='Cockpit%20on%20Oracle'])::after { content: none !important; }

/* production: page 7 covers converted, no overlay glow */
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='free%20command'])::after,
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='Connect%20GKE'])::after,
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='install-terraform-ubuntu'])::after,
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='Create%20GKE'])::after,
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='Cloud%20SDK'])::after,
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='Terraform%20on%20CentOS'])::after,
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='devops-engineer-role-skills'])::after,
html body .posts-grid .post-thumbnail:has(img.wp-post-image[src*='what-is-devops-ci-cd-pipeline'])::after { content: none !important; }

/* production: every card cover now carries its own designed background, so the overlay glow is switched off */
html body .posts-grid .post-thumbnail::after { content: none !important; }