/**
 * SVT bar marks
 *
 * Social logos are global.
 * Usability marks are per top-level product category.
 *
 * Edit the SVG, not this file, unless you are adding a new category:
 *   images/svt-marks/social/
 *   images/svt-marks/water-filtration/
 *   images/svt-marks/{next-top-level-slug}/
 *
 * Line marks use a mask so they pick up --svt-ink.
 * Brand marks (multi-color) use the SVG as a background.
 */

.svt-bar-logo.is-line {
	background-color: var(--svt-ink);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
}

.svt-bar-logo.is-brand {
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

/* --------------------------------------------------------------------------
   Social — global
   -------------------------------------------------------------------------- */

.svt-bar-logo[data-mark="reddit"] {
	background-image: url("../images/svt-marks/social/reddit.svg?v=4");
}

.svt-bar-logo[data-mark="google"] {
	background-image: url("../images/svt-marks/social/google.svg?v=4");
}

.svt-bar-logo[data-mark="youtube"] {
	background-image: url("../images/svt-marks/social/youtube.svg?v=4");
}

.svt-bar-logo[data-mark="amazon"] {
	background-image: url("../images/svt-marks/social/amazon.svg?v=4");
}

.svt-bar-logo[data-mark="user"] {
	background-image: url("../images/svt-marks/social/user.svg?v=4");
}

/* --------------------------------------------------------------------------
   Water Filtration (and every child: RO, Whole House, Under Sink, …)
   -------------------------------------------------------------------------- */

.svt-bar-logo[data-mark="droplet"] {
	-webkit-mask-image: url("../images/svt-marks/water-filtration/contaminant-reduction.svg?v=17");
	mask-image: url("../images/svt-marks/water-filtration/contaminant-reduction.svg?v=17");
}

.svt-bar-logo[data-mark="badge"] {
	-webkit-mask-image: url("../images/svt-marks/water-filtration/certification-coverage.svg?v=17");
	mask-image: url("../images/svt-marks/water-filtration/certification-coverage.svg?v=17");
}

.svt-bar-logo[data-mark="gauge"] {
	-webkit-mask-image: url("../images/svt-marks/water-filtration/flow-rate.svg?v=17");
	mask-image: url("../images/svt-marks/water-filtration/flow-rate.svg?v=17");
}

.svt-bar-logo[data-mark="calendar"] {
	-webkit-mask-image: url("../images/svt-marks/water-filtration/filter-life.svg?v=17");
	mask-image: url("../images/svt-marks/water-filtration/filter-life.svg?v=17");
}

.svt-bar-logo[data-mark="gear"] {
	-webkit-mask-image: url("../images/svt-marks/water-filtration/gear.svg?v=17");
	mask-image: url("../images/svt-marks/water-filtration/gear.svg?v=17");
}

.svt-bar-logo[data-mark="headset"] {
	-webkit-mask-image: url("../images/svt-marks/water-filtration/warranty-support.svg?v=17");
	mask-image: url("../images/svt-marks/water-filtration/warranty-support.svg?v=17");
}

.svt-bar-logo[data-mark="shield"] {
	-webkit-mask-image: url("../images/svt-marks/water-filtration/warranty.svg?v=17");
	mask-image: url("../images/svt-marks/water-filtration/warranty.svg?v=17");
}

.svt-bar-logo[data-mark="tools"] {
	-webkit-mask-image: url("../images/svt-marks/water-filtration/ease-of-installation.svg?v=17");
	mask-image: url("../images/svt-marks/water-filtration/ease-of-installation.svg?v=17");
}

.svt-bar-logo[data-mark="tag"] {
	-webkit-mask-image: url("../images/svt-marks/water-filtration/value.svg?v=17");
	mask-image: url("../images/svt-marks/water-filtration/value.svg?v=17");
}

/* --------------------------------------------------------------------------
   Next top-level category
   Add images/svt-marks/{slug}/*.svg and rules here.
   -------------------------------------------------------------------------- */

/* Water-filtration marks carry the bar colour, not ink: the mark and the bar
   are one unit and reading as two was the whole problem. Mask, so this is the
   only place the colour is set. */
.svt-bar-logo.is-line[data-mark-set="water-filtration"] {
    background-color: var(--svt-mark, #C8842B);
}

/* --------------------------------------------------------------------------
   Red Light Therapy (block 88). Phosphor fill, MIT, fetched from upstream.
   gear, headset and tag are reused from water-filtration by design.
   -------------------------------------------------------------------------- */

.svt-bar-logo[data-mark="rlt-output"] {
	-webkit-mask-image: url("../images/svt-marks/red-light-therapy/light-output.svg?v=1");
	mask-image: url("../images/svt-marks/red-light-therapy/light-output.svg?v=1");
}

.svt-bar-logo[data-mark="rlt-verified"] {
	-webkit-mask-image: url("../images/svt-marks/red-light-therapy/verification.svg?v=1");
	mask-image: url("../images/svt-marks/red-light-therapy/verification.svg?v=1");
}

.svt-bar-logo[data-mark="rlt-wavelength"] {
	-webkit-mask-image: url("../images/svt-marks/red-light-therapy/wavelength-spec.svg?v=1");
	mask-image: url("../images/svt-marks/red-light-therapy/wavelength-spec.svg?v=1");
}

.svt-bar-logo[data-mark="rlt-coverage"] {
	-webkit-mask-image: url("../images/svt-marks/red-light-therapy/coverage.svg?v=1");
	mask-image: url("../images/svt-marks/red-light-therapy/coverage.svg?v=1");
}

.svt-bar-logo[data-mark="rlt-ease"] {
	-webkit-mask-image: url("../images/svt-marks/red-light-therapy/ease-of-use.svg?v=1");
	mask-image: url("../images/svt-marks/red-light-therapy/ease-of-use.svg?v=1");
}

/* Same bar colour as water filtration, so the three reused marks and the five
   new ones read as one set on a red light product. */
.svt-bar-logo.is-line[data-mark-set="red-light-therapy"] {
    background-color: var(--svt-mark, #C8842B);
}

/* --------------------------------------------------------------------------
   Portable Power Stations (block 138). Phosphor fill 2.1.1, MIT, from the
   npm package. rlt-verified, headset and tag are reused by design.
   -------------------------------------------------------------------------- */

.svt-bar-logo[data-mark="pp-capacity"] {
	-webkit-mask-image: url("../images/svt-marks/portable-power-stations/capacity.svg?v=1");
	mask-image: url("../images/svt-marks/portable-power-stations/capacity.svg?v=1");
}

.svt-bar-logo[data-mark="pp-output"] {
	-webkit-mask-image: url("../images/svt-marks/portable-power-stations/power-output.svg?v=1");
	mask-image: url("../images/svt-marks/portable-power-stations/power-output.svg?v=1");
}

.svt-bar-logo[data-mark="pp-recharge"] {
	-webkit-mask-image: url("../images/svt-marks/portable-power-stations/recharging.svg?v=1");
	mask-image: url("../images/svt-marks/portable-power-stations/recharging.svg?v=1");
}

.svt-bar-logo[data-mark="pp-battery"] {
	-webkit-mask-image: url("../images/svt-marks/portable-power-stations/battery-life.svg?v=1");
	mask-image: url("../images/svt-marks/portable-power-stations/battery-life.svg?v=1");
}

.svt-bar-logo[data-mark="pp-backup"] {
	-webkit-mask-image: url("../images/svt-marks/portable-power-stations/backup-readiness.svg?v=1");
	mask-image: url("../images/svt-marks/portable-power-stations/backup-readiness.svg?v=1");
}

.svt-bar-logo.is-line[data-mark-set="portable-power-stations"] {
    background-color: var(--svt-mark, #C8842B);
}

/* --------------------------------------------------------------------------
   Off-Grid Solar and RV Power (block 155). Phosphor fill 2.1.1, MIT, from the
   npm package. pp-capacity, rlt-verified, headset and tag are reused by design.
   -------------------------------------------------------------------------- */

.svt-bar-logo[data-mark="og-efficiency"] {
	-webkit-mask-image: url("../images/svt-marks/off-grid-power/efficiency.svg?v=1");
	mask-image: url("../images/svt-marks/off-grid-power/efficiency.svg?v=1");
}

.svt-bar-logo[data-mark="og-range"] {
	-webkit-mask-image: url("../images/svt-marks/off-grid-power/operating-range.svg?v=1");
	mask-image: url("../images/svt-marks/off-grid-power/operating-range.svg?v=1");
}

.svt-bar-logo[data-mark="og-lifespan"] {
	-webkit-mask-image: url("../images/svt-marks/off-grid-power/lifespan.svg?v=1");
	mask-image: url("../images/svt-marks/off-grid-power/lifespan.svg?v=1");
}

.svt-bar-logo[data-mark="og-features"] {
	-webkit-mask-image: url("../images/svt-marks/off-grid-power/features.svg?v=1");
	mask-image: url("../images/svt-marks/off-grid-power/features.svg?v=1");
}

.svt-bar-logo.is-line[data-mark-set="off-grid-power"] {
    background-color: var(--svt-mark, #C8842B);
}

/* --------------------------------------------------------------------------
   Electric Rideables (block 182). Phosphor fill 2.1.1, MIT, from the npm
   package. og-features, rlt-verified, headset and tag are reused by design.
   -------------------------------------------------------------------------- */

.svt-bar-logo[data-mark="er-battery"] {
	-webkit-mask-image: url("../images/svt-marks/electric-rideables/battery.svg?v=1");
	mask-image: url("../images/svt-marks/electric-rideables/battery.svg?v=1");
}

.svt-bar-logo[data-mark="er-motor"] {
	-webkit-mask-image: url("../images/svt-marks/electric-rideables/motor.svg?v=1");
	mask-image: url("../images/svt-marks/electric-rideables/motor.svg?v=1");
}

.svt-bar-logo[data-mark="er-hardware"] {
	-webkit-mask-image: url("../images/svt-marks/electric-rideables/ride-hardware.svg?v=1");
	mask-image: url("../images/svt-marks/electric-rideables/ride-hardware.svg?v=1");
}

.svt-bar-logo[data-mark="er-weight"] {
	-webkit-mask-image: url("../images/svt-marks/electric-rideables/weight.svg?v=1");
	mask-image: url("../images/svt-marks/electric-rideables/weight.svg?v=1");
}

.svt-bar-logo.is-line[data-mark-set="electric-rideables"] {
    background-color: var(--svt-mark, #C8842B);
}
/* 187: re-dated 2026-10-19 so a browser holding a copy saved before the folder rename (block 166) fetches this one. */