/**
 * BootHack Compatibility — third-party plugin structural overrides.
 *
 * The light/dark-agnostic sibling of plugin-dark-mode.css: shape, spacing and
 * decoration fixes for plugin markup this theme does not control.
 *
 * These rules were previously kept in Customizer → Additional CSS. That put
 * theme behaviour in the site database — unversioned, invisible to CI and to
 * visual regression, absent from a fresh checkout, and needing to be re-entered
 * by hand on every environment. Anything here is now deployed by tag with the
 * rest of the theme.
 *
 * Scope: plugin markup this theme has to accommodate. Site preferences stay in
 * the site's own Additional CSS and are deliberately not moved here — notably
 *
 *   img.site-logo { height: 34px; width: 28px; }
 *
 * which pins one site's logo to fixed pixels. The theme already makes that
 * configurable (custom_logo_width, 30–400, rendered as a max-width on
 * .site-logo-wrapper, with height: auto and a max-height in navbar.css), and
 * hard-coding one site's dimensions here would impose them on every install
 * using a logo. Theme behaviour belongs in the theme; a site's preferences do
 * not.
 *
 * On !important: kept exactly as it was. These override plugin stylesheets that
 * are themselves marked, and this sheet loads at wp_enqueue_scripts priority 21
 * rather than after everything, so it can no longer rely on being last. Where a
 * declaration was unmarked and still wins on its own, it is left unmarked.
 *
 * @package BootHack
 */

/* --- Footnotes / BootHack Citations -------------------------------------- */

/*
 * Referrer markers take the theme's button reset. The Amazon purchase chip
 * (BootHack Citations 3.18.0+) is a component rather than a referrer marker, so
 * it keeps its own weight and border.
 */
.footnote_referrer a:not(.footnotes-amazon-link) {
	font-weight: normal !important;
	border: none !important;
}

/* Suppress the theme's decorative link underlay on plugin markers. */
.footnote_referrer a:before,
.footnote_plugin_index_combi a:before,
.jp-relatedposts-post-thumbs a:before {
	height: 100%;
	background-color: transparent !important;
	transform: none !important;
	transition: none !important;
}

/* --- Jetpack related posts ------------------------------------------------ */

.jp-relatedposts-post-items a:hover {
	text-decoration: none !important;
}

/* --- Code block copy button ----------------------------------------------- */

.copy-to-clipboard-button {
	font-family: "bootstrap-icons" !important;
	border-radius: 0.375rem !important;
	height: 1.75rem;
	width: 2rem;
}

/* Server-output samples are not copyable input. */
.server-output .copy-to-clipboard-button {
	display: none !important;
}

/* --- Easy Table of Contents ----------------------------------------------- */

.ez-toc-link:hover {
	text-decoration: none !important;
}

.ez-toc-title-toggle {
	position: relative !important;
}

/* --- BootHack Shortcodes [pullquote] --------------------------------------- */

/*
 * How far a pull quote may hang outside the content column.
 *
 * The plugin outdents by a percentage of the quote's own width, which assumes
 * the page has room beside the column. This theme's does not, or not much: the
 * content column sits flush against .bh-container's 16px padding, so until the
 * viewport passes the 1280px container max-width there is 16px of room and no
 * more. A 108px outdent left the viewport entirely and the window edge cut it
 * off — visible on any desktop browser that is not maximised.
 *
 * The gutter is what the container leaves either side, plus its own padding:
 *
 *   (100vw - min(100vw, 1280px)) / 2 + 16px
 *
 * Below 1280px that is just the padding; above it, half the difference as the
 * container centres. 8px comes back off so the quote stops short of the edge
 * rather than touching it.
 *
 * The plugin defaults this to 100%, meaning unclamped, so only themes that
 * know their own geometry — this one — change anything.
 */
.boothack-pullquote {
	--bh-pullquote-outdent-max: calc( ( 100vw - min( 100vw, 1280px ) ) / 2 + 8px );
}