/* CWC 1.3.2 — Option 2, with the ribbon confined to sourcing.
   Public presentation only. No route lines, diagrams, animation or private UI styles. */
.cwc-site.cs-soft {
  --cs-blue: #175ca6;
  --cs-accent: #175ca6;
  --cs-field: #edf4fc;
}
.cs-soft [data-cs-region="uganda"] {
  --cs-accent: #196f68;
  --cs-field: #eef7f4;
}
.cs-soft [data-cs-region="overseas"] {
  --cs-accent: #175ca6;
  --cs-field: #edf4fc;
}
.cs-soft [data-cs-region="all"], .cs-soft [data-cs-region="unconfirmed"] {
  --cs-accent: #526172;
  --cs-field: #f3f5f7;
}
.cs-soft .cs-technical {
  --cs-accent: #925831;
  --cs-field: #faf4ee;
}
/* Extend the colour field into the gutter, retaining the original content alignment. */
.cs-soft .cs-colour-section {
  margin-inline: -28px;
  padding-inline: 28px;
  background: var(--cs-field);
  border-bottom: 0;
}
.cs-soft .cs-finder + .cs-colour-section { margin-top: 24px; }
.cs-soft .cs-colour-section + .cs-colour-section { border-top: 6px solid white; }
.cs-soft .cs-colour-section h2::before {
  content: '';
  display: block;
  width: 30px;
  height: 2px;
  margin-bottom: 12px;
  background: var(--cs-accent);
}
.cs-soft .cs-colour-section .cs-section-head > a,
.cs-soft .cs-technical .cs-service-number,
.cs-soft .cs-technical .cs-services a,
.cs-soft .cs-technical > .cs-eyebrow { color: var(--cs-accent); }
.cs-soft .cs-finder { background: #f2f6fa; }
.cs-soft .cs-location-tabs input[value="uganda"]:checked + span {
  color: #196f68;
  box-shadow: 0 2px #196f68;
}
.cs-soft .cs-location-tabs input[value="overseas"]:checked + span {
  color: #175ca6;
  box-shadow: 0 2px #175ca6;
}
/* The only ribbon on the website. Its quiet right-hand sweep leaves copy readable. */
.cs-soft .cs-sourcing {
  background-color: #edf5fb;
  background-image: url('sourcing-ribbon.svg');
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 76% 100%;
  border-radius: 3px;
}
.cs-soft .cs-sourcing h2::before { content: none; }
/* Other pages use small areas of colour, retaining white content and photo surfaces. */
.cs-soft .cs-page-head .cs-eyebrow { color: var(--cs-accent); }
.cs-soft .cs-tabs a { color: var(--cs-accent); }
.cs-soft .cs-tabs a[aria-current] { box-shadow: 0 2px var(--cs-accent); }
.cs-soft .cs-inventory .cs-filter-panel { background: var(--cs-field); }
.cs-soft .cs-car-info > .cs-muted,
.cs-soft .cs-car-tile a.cs-button,
.cs-soft .cs-car-row .cs-text-link { color: var(--cs-accent); }
.cs-soft .cs-vehicle .cwc-avm-kicker,
.cs-soft .cs-vehicle .cwc-avm-spec-group h3 { color: var(--cs-accent); }
.cs-soft .cs-vehicle .cwc-avm-action-panel { background: var(--cs-field); }
.cs-soft .cs-vehicle .cwc-avm-thumb.active { border-color: var(--cs-accent); }
.cs-soft .cs-callout {
  background: var(--cs-field);
  border-left-color: var(--cs-accent);
}
.cs-soft .cs-process span { color: var(--cs-accent); }
.cs-soft .cs-process > li { border-top-color: #c5d8e8; }
.cs-soft .cs-faq details { border-bottom-color: #d6e1eb; }
.cs-soft .cs-faq details[open] { background: transparent; }
.cs-soft .cs-faq summary::marker { color: #175ca6; }
.cs-soft .cs-navigation a[aria-current] { box-shadow: 0 2px #175ca6; }
.cs-soft a.cs-button:hover, .cs-soft button.cs-button:hover { background: #124b88; }
.cs-soft .cs-car-tile a.cs-button:hover { background: transparent; text-decoration: underline !important; }
/* Preserve the approved clean-on-page photos. Download watermark code is untouched. */
.cs-soft .cs-car-photo::after, .cs-soft .cwc-avm-gallery-main::after { content: none !important; }
@media(max-width:1100px) {
  .cs-soft .cs-colour-section { margin-inline: -16px; padding-inline: 16px; }
}
@media(max-width:800px) {
  .cs-soft .cs-colour-section h2::before { width: 24px; margin-bottom: 10px; }
  .cs-soft .cs-sourcing { background-size: 100% 60%; background-position: right bottom; }
}