/* Curtis-approved production brand map. Do not use generated or legacy marks. */

:root {
  --csw-company-logo: url('/brand/csw-approved-company-logo.png');
  --csw-icon: url('/brand/csw-approved-icon.png');
  --methodz-trust-icon: url('/brand/methodz-approved-trust-icon.png');
  --methodz-stamp: url('/brand/methodz-approved-stamp.png');
}

.logo-orb,
.brand-panel-logo,
.brand-panel-seal {
  background: #000000 !important;
}

.logo-orb img,
.brand-panel-logo img,
.brand-panel-seal img,
.methodz-seal img,
.methodz-stat img,
.inline-methodz-mark,
.invoice-top > img {
  display: block;
  image-rendering: auto;
  object-fit: contain;
}

img[src='/brand/canadian-soft-water-logo.webp'] {
  content: var(--csw-company-logo);
}

.logo-orb img[src='/brand/canadian-soft-water-logo.webp'] {
  content: var(--csw-icon);
  width: 100% !important;
  height: 100% !important;
  padding: .1rem !important;
}

.brand-panel-logo img[src='/brand/canadian-soft-water-logo.webp'],
.invoice-top > img[src='/brand/canadian-soft-water-logo.webp'] {
  content: var(--csw-company-logo);
}

img[src='/brand/methodz-enterprise-trust-seal.webp'] {
  content: var(--methodz-stamp);
}

.brand-panel-seal img[src='/brand/methodz-enterprise-trust-seal.webp'],
.methodz-stat img[src='/brand/methodz-enterprise-trust-seal.webp'] {
  content: var(--methodz-trust-icon);
}

.methodz-seal img[src='/brand/methodz-enterprise-trust-seal.webp'],
.inline-methodz-mark[src='/brand/methodz-enterprise-trust-seal.webp'] {
  content: var(--methodz-stamp);
}

.brand-panel-logo img {
  width: 100% !important;
  max-width: 18rem !important;
  max-height: 13.5rem !important;
}

.compact-brand .brand-panel-logo img {
  max-width: 12rem !important;
  max-height: 8.2rem !important;
}

.brand-panel-seal img {
  max-width: 6.2rem !important;
  max-height: 6.2rem !important;
}

.compact-brand .brand-panel-seal img {
  max-width: 4.4rem !important;
  max-height: 4.4rem !important;
}

.methodz-seal img {
  width: 4.8rem !important;
  height: 4.8rem !important;
}

.methodz-stat img {
  width: clamp(2.4rem, 4vw, 3.35rem) !important;
  height: clamp(2.4rem, 4vw, 3.35rem) !important;
}

.inline-methodz-mark {
  width: 1.22rem !important;
  height: 1.22rem !important;
}

.methodz-copy em::first-letter {
  text-transform: lowercase;
}