/* No modo de uma cor, todas as superfícies usam exatamente a cor escolhida. */
.color-mode-single,
.color-mode-single .section,
.color-mode-single .section.dark,
.color-mode-single .section.custom,
.color-mode-single .section.contact,
.color-mode-single footer {
  background: var(--theme) !important;
  color: var(--site-text) !important;
}

.color-mode-single .product-card,
.color-mode-single .seller-card,
.color-mode-single .contact-card {
  background: var(--theme) !important;
  color: var(--site-text) !important;
  border-color: color-mix(in srgb, var(--site-text) 18%, transparent) !important;
}

.color-mode-single .product-card h3,
.color-mode-single .seller-card h3,
.color-mode-single .contact-card,
.color-mode-single footer h3,
.color-mode-single footer p,
.color-mode-single .rich,
.color-mode-single .rich p {
  color: var(--site-text) !important;
}

.color-mode-single .seller-card small,
.color-mode-single .seller-card .email,
.color-mode-single .product-summary,
.color-mode-single .see-details {
  color: color-mix(in srgb, var(--site-text) 76%, transparent) !important;
}

.color-mode-single .tag {
  color: var(--site-text) !important;
  opacity: .78;
}

.color-mode-single .product-card,
.color-mode-single .seller-card,
.color-mode-single .contact-card,
.color-mode-single .site-video,
.color-mode-single .split > img {
  box-shadow: 0 14px var(--card-shadow-size, 25px) color-mix(in srgb, var(--site-text) 13%, transparent);
}

.color-mode-single footer .footer-grid > div {
  border-color: color-mix(in srgb, var(--site-text) 18%, transparent);
}

/* Imagens, mapa, player, botões e redes sociais preservam suas próprias cores. */
.color-mode-single .btn,
.color-mode-single .whatsapp,
.color-mode-single .product-card > div > a,
.color-mode-single .modal-content > a {
  background: var(--action) !important;
  color: #fff !important;
}