/* ==================================================================
   WeDo — site fixes
   Added 19 Jul 2026. Safe to edit or delete.
   ================================================================== */

/* ------------------------------------------------------------------
   1. White bar above the hero (and below the footer).
   The Beaver Builder theme paints .fl-page-content solid white and
   adds 40px top/bottom margins to page content. Scoped with :has()
   so only the page containing #wedo-page is affected.
   ------------------------------------------------------------------ */
.fl-page-content:has(#wedo-page) {
	background: transparent;
}

.fl-page:has(#wedo-page) .fl-content {
	margin-top: 0;
	margin-bottom: 0;
}

/* WordPress auto-wraps inline <style> blocks in a <p>, which rendered
   as ~10px of empty space at the top of the page. */
.fl-post-content > p:has(> style) {
	display: none;
}

/* ------------------------------------------------------------------
   2. "Some vendors we've worked with" — dark green continuation.

   rgb(18,23,16) is the exact end colour of the .wd-finale gradient
   above it, so the two meet with no visible seam.

   position/z-index: the vendors block is a SIBLING of #wedo-page, and
   #wedo-page contains fixed .wd-sky / .wd-grain layers. Being
   unpositioned, this block sat underneath them and its background
   showed a blurred photo. Lifting it to z-index 1 puts it on top.

   The tokens below are the dark-background counterparts of the ones
   on #wedo-page. This block sits outside #wedo-page so it inherits
   none of them, and every var() in its own stylesheet depends on
   these. Keep in sync if the palette changes.
   ------------------------------------------------------------------ */
#vendors {
	background: rgb(18, 23, 16);
	position: relative;
	z-index: 1;

	--ink: #F5F0E8;
	--gold: #C9A45C;
	--gold-deep: #A9853B;
	--muted: rgba(245, 240, 232, .6);
	--cream: #12170F;
	--glass-line: rgba(245, 240, 232, .3);
}

/* Vendor pills: outline only, cream text. */
#vendors .wdv-pill {
	background: transparent;
	border: 1px solid rgba(245, 240, 232, .35);
	color: #F5F0E8;
}

#vendors .wdv-pill:hover,
#vendors .wdv-pill:focus-visible {
	background: rgba(245, 240, 232, .10);
	border-color: rgba(245, 240, 232, .7);
	color: #FFFDF8;
}

/* These three out-specify inline <style> rules on the page that set
   dark values with !important — those rules are later in the document,
   so an equal-specificity override would lose. */
section#vendors .wdv-label {
	color: rgba(245, 240, 232, .62) !important;
}

section#vendors .wdv-row {
	border-bottom-color: rgba(245, 240, 232, .16) !important;
}

section#vendors a.wdv-pill {
	text-decoration: none !important;
}