/* 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');
  --brand-black: #000000;
  --brand-edge: rgba(255, 255, 255, .14);
  --brand-glow: rgba(18, 174, 234, .22);
}

/* Black presentation surfaces so the approved PNG art reads cleanly. */
.logo-orb,
.brand-graphic,
.brand-panel-logo,
.brand-panel-seal,
.methodz-seal,
.invoice-top > img {
  background: var(--brand-black) !important;
}

.brand-graphic,
.titan-card .brand-graphic {
  border-color: var(--brand-edge) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 18px 48px rgba(0, 0, 0, .18) !important;
}

.brand-graphic::before {
  border-color: rgba(18, 174, 234, .2) !important;
}

.brand-panel-logo,
.brand-panel-seal,
.logo-orb {
  border-color: var(--brand-edge) !important;
  box-shadow: 0 14px 35px rgba(0, 0, 0, .24), 0 0 34px var(--brand-glow) !important;
}

.brand-panel-divider {
  background: linear-gradient(180deg, transparent, rgba(255, 255, 255, .22), rgba(18, 174, 234, .36), transparent) !important;
}

.brand-panel-seal span {
  color: #fff7d0 !important;
  text-shadow: 0 1px 6px rgba(0, 0, 0, .55);
}

.methodz-seal {
  border-color: rgba(255, 220, 115, .42) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, .26), 0 0 36px rgba(120, 23, 28, .24) !important;
}

.methodz-copy span {
  color: #ffdc73 !important;
}

.methodz-copy strong,
.methodz-copy em {
  color: #ffffff !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;
}

@media (max-width: 760px) {
  .brand-panel-divider {
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .22), rgba(18, 174, 234, .36), transparent) !important;
  }
}