/* TikTok Shop — modo escuro (carregar por último no HTML) */
:root {
  color-scheme: dark;
  --tt-bg: #000000;
  --tt-bg-page: #121212;
  --tt-bg-card: #1a1a1a;
  --tt-bg-elevated: #252525;
  --tt-bg-input: #2a2a2a;
  --tt-border: rgba(255, 255, 255, 0.1);
  --tt-border-strong: rgba(255, 255, 255, 0.16);
  --tt-text: #f1f1f2;
  --tt-text-secondary: rgba(255, 255, 255, 0.65);
  --tt-text-muted: rgba(255, 255, 255, 0.45);
  --tt-accent: #fe2c55;
  --tt-link: #6ba3ff;
}

html {
  background-color: var(--tt-bg) !important;
}

body {
  background: var(--tt-bg-page) !important;
  color: var(--tt-text) !important;
}

/* ─── Fundos brancos inline (exceto faixa de preço) ─── */
html:not(.checkout-dark) [style*="background-color:#fff"],
html:not(.checkout-dark) [style*="background-color: #fff"],
html:not(.checkout-dark) [style*="background:#fff"],
html:not(.checkout-dark) [style*="background: #fff"],
html:not(.checkout-dark) [style*="background-color:white"],
html:not(.checkout-dark) [style*="background: white"],
html:not(.checkout-dark) [style*="background-color:#f8f8f8"],
html:not(.checkout-dark) [style*="background-color: #f8f8f8"],
html:not(.checkout-dark) [style*="background:#f1f1f2"],
html:not(.checkout-dark) [style*="background: #f1f1f2"] {
  background-color: var(--tt-bg-page) !important;
}

#discount-percent {
  background: #fff !important;
  color: var(--tt-accent) !important;
}

div[style*="background-color:#f5f5f5"],
div[style*="background-color: #f5f5f5"],
div[style*="background:#f5f5f5"] {
  background-color: var(--tt-bg) !important;
}

/* ─── Textos escuros inline (index) ─── */
html:not(.checkout-dark) [style*="color:#161823"],
html:not(.checkout-dark) [style*="color: #161823"],
html:not(.checkout-dark) [style*="color:#333"],
html:not(.checkout-dark) [style*="color: #333"],
html:not(.checkout-dark) [style*="color:#000"],
html:not(.checkout-dark) [style*="color: #000"] {
  color: var(--tt-text) !important;
}

html:not(.checkout-dark) [style*="color:#666"],
html:not(.checkout-dark) [style*="color: #666"],
html:not(.checkout-dark) [style*="color:#888"],
html:not(.checkout-dark) [style*="color: #888"],
html:not(.checkout-dark) [style*="color:#999"],
html:not(.checkout-dark) [style*="color: #999"],
html:not(.checkout-dark) [style*="color:#b5b5b5"],
html:not(.checkout-dark) [style*="color: #b5b5b5"] {
  color: var(--tt-text-muted) !important;
}

/* Proteção do cliente — legível no escuro */
.tiktok-services [style*="color:#8b5a2b"],
.tiktok-services [style*="color: #8b5a2b"] {
  color: #e8c9a0 !important;
}

.check-icon {
  color: #e8c9a0 !important;
}

/* Descrição do produto */
#description p,
#description li,
#description h3,
#description h4 {
  color: var(--tt-text) !important;
}

#description a {
  color: var(--tt-accent) !important;
}

/* ─── index — header & navegação ─── */
.mobile-header,
.tabs-bar {
  background: var(--tt-bg) !important;
  border-color: var(--tt-border) !important;
}

.tabs-bar {
  border-bottom: 1px solid var(--tt-border) !important;
}

.search-box {
  background: var(--tt-bg-input) !important;
}

.search-input {
  color: var(--tt-text) !important;
}

.search-input::placeholder {
  color: var(--tt-text-muted) !important;
}

.tab-item {
  color: var(--tt-text-muted) !important;
}

.tab-item.active {
  color: var(--tt-text) !important;
}

.tab-item.active::after {
  background-color: var(--tt-text) !important;
}

/* Ícones da top-bar — rosa TikTok */
.top-bar svg {
  color: #fe2c55 !important;
}

.top-bar svg,
.top-bar svg path,
.top-bar svg circle,
.top-bar svg line,
.top-bar svg polyline {
  stroke: #fe2c55 !important;
}

.top-bar svg circle[fill="black"],
.top-bar svg [fill="black"] {
  fill: #fe2c55 !important;
}

.top-bar .search-box svg {
  color: #fe2c55 !important;
  stroke: #fe2c55 !important;
}

.cart-badge {
  border-color: var(--tt-bg) !important;
}

/* ─── produto & seções ─── */
.product-images,
.swiper-slide,
.image-container {
  background: var(--tt-bg) !important;
}

.product-info,
.installment,
.pattern-selection,
.shipping-info,
.seller-info,
.store-header,
.store-nav-tabs,
.store-filters-bar,
.content-section,
.reviews-section,
.faq-section,
.overview-content .seller-info {
  background-color: var(--tt-bg-page) !important;
  border-color: var(--tt-border) !important;
}

.product-info,
.installment,
.pattern-selection,
.shipping-info {
  border-bottom: 1px solid var(--tt-border) !important;
}

.content-section,
.faq-section,
.seller-section,
.store-stats {
  border-bottom-color: var(--tt-bg) !important;
}

.installment-text,
.installment-text span {
  color: var(--tt-text) !important;
}

.no-interest {
  color: var(--tt-accent) !important;
}

.product-title,
.delivery-date,
.pattern-label,
.review-name,
.reviews-title,
.rating-big,
.review-text,
.review-photos-title,
.faq-title,
.faq-question,
.store-stats-title,
.seller-name,
.store-name,
.content-section h3,
.content-section h4,
.drawer-section-title,
.drawer-product-name {
  color: var(--tt-text) !important;
}

.rating-number,
.sold-count-number,
.reviews-rating > span:nth-child(2) {
  color: var(--tt-text-secondary) !important;
}

.reviews,
.sold-count,
.review-variant,
.review-photos-count,
.faq-answer,
.store-stats,
.store-sub,
.seller-items,
.seller-sales,
.shipping-fee,
.pattern-selected,
.ver-mais,
.arrow-right,
.drawer-old-price,
.drawer-subtitle {
  color: var(--tt-text-muted) !important;
}

.reviews {
  color: var(--tt-link) !important;
}

.pattern-label {
  background-color: var(--tt-bg-elevated) !important;
  color: var(--tt-text) !important;
}

.tiktok-services {
  background-color: var(--tt-bg-card) !important;
}

.service-item {
  color: var(--tt-text-secondary) !important;
}

.coupon-section {
  background-color: rgba(254, 44, 85, 0.15) !important;
}

.coupon-text,
.coupon-text span {
  color: #ff6b8a !important;
}

.shipping-price {
  color: var(--tt-text-muted) !important;
}

.shipping-icon,
.pattern-icon {
  filter: brightness(0) saturate(100%) invert(36%) sepia(85%) saturate(6269%) hue-rotate(330deg) brightness(101%) contrast(101%) !important;
}

.store-stats {
  border-top-color: var(--tt-border) !important;
}

.star-badge,
.stat-badge {
  background: var(--tt-bg-elevated) !important;
}

.star-badge span,
.stat-badge span {
  color: var(--tt-text) !important;
}

.visit-btn {
  background: var(--tt-bg-elevated) !important;
  color: var(--tt-text) !important;
}

.btn-msg {
  background: var(--tt-bg-card) !important;
  color: var(--tt-text) !important;
  border-color: var(--tt-border) !important;
}

.store-nav-item.active {
  color: var(--tt-text) !important;
}

.store-nav-item.active::after {
  background: var(--tt-text) !important;
}

.store-filter-opt.active {
  color: var(--tt-text) !important;
}

.store-filter-sep {
  background: var(--tt-border) !important;
}

.desc-product-img {
  background: var(--tt-bg) !important;
}

#stock-notice-container {
  background: var(--tt-bg-page) !important;
  border-bottom-color: var(--tt-border) !important;
}

#stock-notice-container [style*="background: #f1f1f2"],
#stock-notice-container [style*="background:#f1f1f2"] {
  background: var(--tt-bg-elevated) !important;
}

#main-stock-bar {
  background: linear-gradient(90deg, #fe2c55, #ff5500) !important;
}

/* rodapés fixos — mesma cor da página */
.footer-buttons,
.footer-icon-btn,
.footer-bar,
.cart-footer,
.payment-footer,
.pix-footer-fixed {
  background-color: var(--tt-bg-page) !important;
  border-top: 1px solid var(--tt-border) !important;
}

.footer-icon-btn span {
  color: var(--tt-text) !important;
}

.add-to-cart-btn {
  background-color: var(--tt-bg-elevated) !important;
  color: var(--tt-text) !important;
}

.footer-icon-btn img {
  filter: brightness(0) invert(1);
  opacity: 0.92;
}

.buy-now-btn {
  color: #fff !important;
}

/* reviews fotos */
.review-photo-card {
  background: var(--tt-bg-elevated) !important;
  border-color: var(--tt-border) !important;
}

.review-photos-pagination .swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.25) !important;
}

.review-photos-pagination .swiper-pagination-bullet-active {
  background: var(--tt-accent) !important;
}

.review-image {
  background-color: var(--tt-bg-elevated) !important;
}

/* drawer */
.drawer-overlay {
  background: rgba(0, 0, 0, 0.65) !important;
}

/* guia de tamanhos */
.drawer-size-guide-btn {
  border-color: var(--tt-border-strong) !important;
  color: var(--tt-text) !important;
}

.drawer-size-guide-btn:active {
  background: var(--tt-bg-elevated) !important;
}

.size-guide-panel {
  background: var(--tt-bg-card) !important;
}

.size-guide-header,
.size-guide-tabs {
  border-color: var(--tt-border) !important;
}

.size-guide-title {
  color: var(--tt-text) !important;
}

.size-guide-close {
  background: var(--tt-bg-elevated) !important;
  color: var(--tt-text-muted) !important;
}

.size-guide-tab {
  color: var(--tt-text-muted) !important;
}

.size-guide-tab.active {
  color: var(--tt-text) !important;
}

.size-guide-tab.active::after {
  background: var(--tt-text) !important;
}

.size-guide-intro,
.size-guide-method p,
.size-guide-method li,
.size-guide-table-legend {
  color: var(--tt-text-secondary) !important;
}

.size-guide-method-title {
  color: var(--tt-text) !important;
}

.size-guide-diagram {
  background: var(--tt-bg-elevated) !important;
  border-color: var(--tt-border) !important;
}

.size-guide-diagram-caption {
  color: var(--tt-text-muted) !important;
}

.size-guide-tip {
  background: rgba(254, 44, 85, 0.1) !important;
  border-color: rgba(254, 44, 85, 0.25) !important;
  color: var(--tt-text-secondary) !important;
}

.size-guide-table-wrap {
  border-color: var(--tt-border) !important;
}

.size-guide-table th {
  background: var(--tt-bg-elevated) !important;
  color: var(--tt-text) !important;
  border-color: var(--tt-border) !important;
}

.size-guide-table td {
  color: var(--tt-text-secondary) !important;
  border-color: var(--tt-border) !important;
}

.size-guide-table tr:nth-child(even) td {
  background: var(--tt-bg-page) !important;
}

.size-guide-table .size-highlight td {
  background: rgba(254, 44, 85, 0.1) !important;
  color: var(--tt-accent) !important;
}

.size-guide-range-tag {
  background: var(--tt-bg-elevated) !important;
  color: var(--tt-text-secondary) !important;
}

.size-guide-range-tag.fem {
  background: rgba(254, 44, 85, 0.12) !important;
  color: #ff6b8a !important;
}

.size-guide-range-tag.masc {
  background: rgba(107, 163, 255, 0.15) !important;
  color: var(--tt-link) !important;
}

.size-guide-diagram svg ellipse,
.size-guide-diagram svg circle[stroke="#ccc"],
.size-guide-diagram svg circle[stroke="#ddd"] {
  stroke: var(--tt-border-strong) !important;
}

.size-guide-diagram svg ellipse[fill="#f0f0f0"] {
  fill: var(--tt-bg-input) !important;
}

.product-drawer {
  background: var(--tt-bg-card) !important;
  box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.5) !important;
}

.product-drawer.pote-drawer {
  background: #000 !important;
}

.drawer-thumb {
  background: var(--tt-bg-elevated) !important;
  border-color: var(--tt-border) !important;
}

.pote-drawer .drawer-thumb {
  background: #fff !important;
  border: none !important;
}

.drawer-current-price {
  color: var(--tt-accent) !important;
}

.drawer-size-label {
  color: var(--tt-text-secondary) !important;
}

.drawer-size-label strong {
  color: var(--tt-text) !important;
}

.drawer-size-select {
  background: var(--tt-bg-input) !important;
  border-color: var(--tt-border-strong) !important;
  color: var(--tt-text) !important;
}

.drawer-size-select option {
  background: var(--tt-bg-card);
  color: var(--tt-text);
}

.drawer-size-select.placeholder {
  color: var(--tt-text-muted) !important;
}

.drawer-close {
  color: var(--tt-text-muted) !important;
}

.qty-controls {
  background: var(--tt-bg-input) !important;
}

.qty-btn {
  color: var(--tt-text-secondary) !important;
}

.qty-value {
  color: var(--tt-text) !important;
}

.variation-item {
  background: var(--tt-bg-input) !important;
  border-color: var(--tt-border) !important;
}

.variation-item.selected {
  background: rgba(254, 44, 85, 0.12) !important;
  border-color: var(--tt-accent) !important;
}

.variation-item--exclusive {
  background:
    linear-gradient(var(--tt-bg-card), var(--tt-bg-elevated)) padding-box,
    linear-gradient(135deg, #ff1744, #fe2c55 40%, #ff8800 75%, #ffd700) border-box !important;
  box-shadow: 0 4px 20px rgba(254, 44, 85, 0.25) !important;
}

.variation-item--exclusive.selected {
  background:
    linear-gradient(rgba(254, 44, 85, 0.14), var(--tt-bg-card)) padding-box,
    linear-gradient(135deg, #ff1744, #fe2c55, #ff8800) border-box !important;
}

.variation-item--exclusive .variation-thumb {
  border-color: rgba(254, 44, 85, 0.35) !important;
}

.variation-exclusive-meta {
  color: #ffb347 !important;
}

.variation-label {
  color: var(--tt-text) !important;
}

.variation-thumb {
  background: var(--tt-bg-elevated) !important;
}

.size-item {
  background: var(--tt-bg-input) !important;
  border-color: var(--tt-border) !important;
  color: var(--tt-text) !important;
}

.size-item.selected {
  background: rgba(254, 44, 85, 0.12) !important;
  color: var(--tt-accent) !important;
  border-color: var(--tt-accent) !important;
}

/* notificações & iframe */
.sales-notification {
  background: rgba(37, 37, 37, 0.98) !important;
  border-color: var(--tt-border) !important;
}

.sales-notification-name {
  color: var(--tt-text) !important;
}

.sales-notification-text,
.sales-notification-time {
  color: var(--tt-text-muted) !important;
}

.iframe-overlay {
  background: var(--tt-bg-page) !important;
}

/* popups */
.exit-popup {
  background: var(--tt-bg-card) !important;
  border-color: var(--tt-border) !important;
}

.exit-main-text {
  color: var(--tt-text) !important;
}

.exit-sub-text {
  color: var(--tt-text-secondary) !important;
}

.exit-close-btn {
  background: var(--tt-bg-elevated) !important;
}

.exit-close-btn svg path {
  stroke: #fe2c55 !important;
}

.exit-secondary-btn {
  color: var(--tt-text-muted) !important;
}

/* welcome popup — visual original (branco), não forçar tema escuro */
.welcome-popup {
  background: #fff !important;
  border-color: #eee !important;
  color: #161823 !important;
}

.welcome-hero .welcome-title,
.welcome-title {
  color: #fff !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.35) !important;
}

.welcome-price-compare {
  background: #f8f8f8 !important;
  border-bottom-color: #eee !important;
}

.welcome-price-old {
  color: #999 !important;
}

.welcome-price-caption {
  color: #555 !important;
}

.welcome-price-caption strong {
  color: #161823 !important;
}

.welcome-text {
  color: #444 !important;
}

.welcome-text strong {
  color: #fe2c55 !important;
}

.welcome-text--highlight {
  background: #f8f8f8 !important;
  border-left-color: #fe2c55 !important;
  color: #444 !important;
}

.welcome-text--alert {
  background: #fff2f5 !important;
  border-color: rgba(254, 44, 85, 0.25) !important;
  color: #fe2c55 !important;
}

.welcome-official-box {
  background: #f8f8f8 !important;
  border-color: #eee !important;
}

.welcome-official-title {
  color: #161823 !important;
}

.welcome-check-item {
  color: #555 !important;
}

.welcome-check-icon {
  background: #fe2c55 !important;
  color: #fff !important;
}

.welcome-scam-alert {
  background: rgba(254, 44, 85, 0.1) !important;
  border-color: rgba(254, 44, 85, 0.28) !important;
  color: #fe2c55 !important;
}

.welcome-footer {
  background: #fff !important;
  border-top-color: #eee !important;
}

.welcome-btn-sub {
  color: #999 !important;
}

.welcome-popup .exit-close-btn {
  background: rgba(255,255,255,0.85) !important;
}

.welcome-popup .exit-close-btn svg path {
  stroke: #1a1a1a !important;
}

.welcome-icon,
.welcome-badge {
  background: rgba(255,255,255,0.18) !important;
  border-color: rgba(255,255,255,0.25) !important;
  color: #fff !important;
}

/* ═══════════════════════════════════════
   CHECKOUT
   ═══════════════════════════════════════ */
html.checkout-dark {
  --dark: #f1f1f2;
  --gray-text: #c8c8c8;
  --gray-light: #9e9e9e;
  --gray-bg: #1a1a1a;
  --gray-line: rgba(255, 255, 255, 0.12);
  --white: #121212;
}

html.checkout-dark,
.checkout-dark body {
  background-color: var(--tt-bg) !important;
  color: var(--tt-text) !important;
}

.checkout-dark .app {
  background: var(--tt-bg-page) !important;
  color: var(--tt-text) !important;
}

.checkout-dark .header,
.checkout-dark .section,
.checkout-dark .filled-info-section,
.checkout-dark .product-card,
.checkout-dark .summary-section,
.checkout-dark .discount-banner,
.checkout-dark .payment-section,
.checkout-dark .order-bump,
.checkout-dark .cpf-popup,
.checkout-dark .modal-card {
  background: var(--tt-bg-page) !important;
  color: var(--tt-text) !important;
}

.checkout-dark .divider {
  background: var(--tt-bg) !important;
}

.checkout-dark .header,
.checkout-dark .info-row + .info-row,
.checkout-dark .product-card,
.checkout-dark .discount-banner,
.checkout-dark .filled-info-item,
.checkout-dark .cpf-display-row,
.checkout-dark .summary-group,
.checkout-dark .payment-option.disabled {
  border-color: var(--tt-border) !important;
}

.checkout-dark .header-title,
.checkout-dark .info-row-text,
.checkout-dark .product-store-name,
.checkout-dark .product-title,
.checkout-dark .ship-date,
.checkout-dark .summary-title,
.checkout-dark .discount-banner-title,
.checkout-dark .filled-info-title,
.checkout-dark .payment-title,
.checkout-dark .footer-label,
.checkout-dark .modal-title,
.checkout-dark .payment-name {
  color: var(--tt-text) !important;
}

.checkout-dark .product-variant,
.checkout-dark .product-note-btn,
.checkout-dark .product-return,
.checkout-dark .ship-type,
.checkout-dark .filled-info-details,
.checkout-dark .cpf-display-text,
.checkout-dark .summary-row .label,
.checkout-dark .product-original,
.checkout-dark .ship-original,
.checkout-dark .payment-desc,
.checkout-dark .cpf-popup-sub,
.checkout-dark .cpf-popup-label,
.checkout-dark .cpf-popup-close,
.checkout-dark .modal-desc,
.checkout-dark .tax-note,
.checkout-dark .summary-row.sub,
.checkout-dark .chevron-icon,
.checkout-dark .filled-info-arrow {
  color: var(--tt-text-secondary) !important;
}

.checkout-dark .summary-row,
.checkout-dark .summary-row > span:not(.amount-red),
.checkout-dark .info-row-text,
.checkout-dark .ship-price,
.checkout-dark .order-bump-desc,
.checkout-dark .order-bump-desc strong {
  color: var(--tt-text) !important;
}

.checkout-dark .info-row-left > svg,
.checkout-dark .info-row-left > svg [stroke]:not([stroke="none"]) {
  stroke: var(--tt-text-secondary) !important;
  color: var(--tt-text-secondary) !important;
}

.checkout-dark .filled-info-icon,
.checkout-dark .filled-info-icon [stroke]:not([stroke="none"]) {
  color: var(--tt-text-secondary) !important;
  stroke: var(--tt-text-secondary) !important;
}

.checkout-dark .qty-box,
.checkout-dark .qty-btn,
.checkout-dark .qty-val {
  background: var(--tt-bg-input) !important;
  color: var(--tt-text) !important;
  border-color: var(--tt-border) !important;
}

.checkout-dark .tag-red,
.checkout-dark .savings-badge {
  background: rgba(254, 44, 85, 0.12) !important;
}

.checkout-dark .footer-bar,
.checkout-dark .payment-footer,
.checkout-dark .pix-footer-fixed {
  background: var(--tt-bg-page) !important;
  border-top: 1px solid var(--tt-border) !important;
}

.checkout-dark .payment-card {
  background: var(--tt-bg-card) !important;
  border-color: var(--tt-border) !important;
}

.checkout-dark .addr-input,
.checkout-dark .cpf-popup-input,
.checkout-dark select.addr-input,
.checkout-dark #address-page input,
.checkout-dark #address-page select,
.checkout-dark #address-page textarea {
  background: transparent !important;
  border-bottom-color: var(--tt-border) !important;
  color: var(--tt-text) !important;
}

.checkout-dark .addr-input::placeholder,
.checkout-dark #address-page input::placeholder {
  color: var(--tt-text-muted) !important;
}

.checkout-dark .addr-input:focus,
.checkout-dark #address-page input:focus {
  border-bottom-color: var(--tt-text) !important;
}

.checkout-dark .addr-section-title {
  color: var(--tt-text-muted) !important;
}

.checkout-dark .order-bump {
  border-color: var(--tt-border) !important;
  background: rgba(254, 44, 85, 0.08) !important;
}

.checkout-dark .order-bumps-section {
  background: var(--tt-bg-page) !important;
}

.checkout-dark .order-bumps-title {
  color: var(--tt-text) !important;
}

.checkout-dark .order-bumps-subtitle,
.checkout-dark .order-bump-desc {
  color: var(--tt-text-secondary) !important;
}

.checkout-dark .order-bump-name {
  color: var(--tt-text) !important;
}

.checkout-dark .order-bump-img {
  background: #fff !important;
  border-color: var(--tt-border) !important;
}

.checkout-dark .order-bump-desc {
  color: var(--tt-text) !important;
}

.checkout-dark .product-ship-row {
  border-top-color: var(--tt-border) !important;
}

.checkout-dark #kits-progress-checkout {
  background: var(--tt-bg-elevated) !important;
}

.checkout-dark .loading-overlay {
  background: var(--tt-bg-page) !important;
}

.checkout-dark .loading-title {
  color: var(--tt-text) !important;
}

.checkout-dark .loading-subtitle {
  color: var(--tt-text-secondary) !important;
}

.checkout-dark select[style*="color:#161823"],
.checkout-dark select[style*="background:#fff"] {
  background: var(--tt-bg-input) !important;
  color: var(--tt-text) !important;
  border-color: var(--tt-border-strong) !important;
}

.checkout-dark .shipping-opt {
  background: var(--tt-bg-card) !important;
  border-color: var(--tt-border) !important;
}

.checkout-dark .shipping-opt--active {
  background: rgba(254, 44, 85, 0.12) !important;
  border-color: var(--tt-accent) !important;
}

.checkout-dark .cpf-confirm-btn:disabled {
  background: #3a3a3a !important;
  color: var(--tt-text-muted) !important;
}

.checkout-dark .payment-badge-red,
.checkout-dark .modal-icon {
  background: rgba(254, 44, 85, 0.12) !important;
}

.checkout-dark .card-icon {
  background: var(--tt-bg-elevated) !important;
  border-color: var(--tt-border) !important;
}

.checkout-dark .payment-option {
  background: transparent !important;
}

/* checkout — fundos/textos inline */
.checkout-dark [style*="background:white"],
.checkout-dark [style*="background: white"],
.checkout-dark [style*="background:#fff"],
.checkout-dark [style*="background: #fff"],
.checkout-dark [style*="background-color:#fff"],
.checkout-dark [style*="background-color: #fff"] {
  background: var(--tt-bg-page) !important;
  background-color: var(--tt-bg-page) !important;
}

.checkout-dark [style*="background: #f5f5f5"],
.checkout-dark [style*="background:#f5f5f5"] {
  background: var(--tt-bg-input) !important;
  border-color: var(--tt-border) !important;
}

.checkout-dark [style*="background:#fff2f5"],
.checkout-dark [style*="background: #fff2f5"] {
  background: rgba(254, 44, 85, 0.12) !important;
}

.checkout-dark [style*="color: #161823"],
.checkout-dark [style*="color:#161823"],
.checkout-dark [style*="color: black"],
.checkout-dark [style*="color:black"] {
  color: var(--tt-text) !important;
}

.checkout-dark [style*="color:#666"],
.checkout-dark [style*="color: #666"],
.checkout-dark [style*="color:#6b7280"],
.checkout-dark [style*="color: #6b7280"],
.checkout-dark [style*="color:#555"],
.checkout-dark [style*="color: #555"],
.checkout-dark [style*="color:#888"],
.checkout-dark [style*="color: #888"],
.checkout-dark [style*="color:#7e7e7e"],
.checkout-dark [style*="color: #7e7e7e"],
.checkout-dark [style*="color:#333"],
.checkout-dark [style*="color: #333"],
.checkout-dark [style*="color:var(--gray-text)"],
.checkout-dark [style*="color: var(--gray-text)"] {
  color: var(--tt-text-secondary) !important;
}

.checkout-dark [style*="color:var(--dark)"],
.checkout-dark [style*="color: var(--dark)"] {
  color: var(--tt-text) !important;
}

.checkout-dark [style*="color:#000"],
.checkout-dark [style*="color: #000"] {
  color: var(--tt-text) !important;
}

.checkout-dark [style*="font-weight:700"]:not([style*="color"]) {
  color: var(--tt-text) !important;
}

.checkout-dark [style*="border: 1px solid #f0f0f0"],
.checkout-dark [style*="border:1px solid #eee"],
.checkout-dark [style*="border: 1px solid #eee"],
.checkout-dark [style*="border-bottom:1px solid #e5e7eb"],
.checkout-dark [style*="border-bottom: 1px solid #e5e7eb"],
.checkout-dark .summary-group[style*="border-top"] {
  border-color: var(--tt-border) !important;
}

.checkout-dark .address-page,
.checkout-dark #address-page,
.checkout-dark #address-page header {
  background: var(--tt-bg-page) !important;
  color: var(--tt-text) !important;
}

.checkout-dark #address-page h1,
.checkout-dark #address-page label,
.checkout-dark #address-page p,
.checkout-dark #address-page span:not([style*="color:var(--red)"]):not([style*="color:#fe2c55"]) {
  color: var(--tt-text) !important;
}

.checkout-dark #address-page [style*="background:#ddd"] {
  background: var(--tt-bg-elevated) !important;
}

.checkout-dark #default-toggle::after {
  background: #f1f1f2 !important;
}

.checkout-dark .footer-bar svg [stroke="#161823"] {
  stroke: #fe2c55 !important;
}

/* PIX — checkout */
.checkout-dark .pix-modal-overlay {
  background: var(--tt-bg-page) !important;
  color: var(--tt-text) !important;
}

.checkout-dark .pix-header,
.checkout-dark .pix-order-snippet,
.checkout-dark .pix-content,
.checkout-dark .pix-qr-container {
  background: var(--tt-bg-card) !important;
  border-color: var(--tt-border) !important;
}

.checkout-dark .pix-header-title,
.checkout-dark .pix-snippet-title,
.checkout-dark .pix-status-text,
.checkout-dark .pix-amount,
.checkout-dark .pix-instructions-title,
.checkout-dark .pix-step-text strong,
.checkout-dark .pix-app-note strong,
.checkout-dark .pix-back-header,
.checkout-dark .pix-payment-status,
.checkout-dark .pix-box-header {
  color: var(--tt-text) !important;
}

.checkout-dark .pix-snippet-orderid,
.checkout-dark .pix-timer-label,
.checkout-dark .pix-deadline,
.checkout-dark .pix-qr-hint,
.checkout-dark .pix-app-note,
.checkout-dark .pix-step-text,
.checkout-dark .pix-security-badge,
.checkout-dark .pix-due-time,
.checkout-dark .pix-instructions,
.checkout-dark .pix-code-display {
  color: var(--tt-text-muted) !important;
}

.checkout-dark .pix-security-badge {
  background: var(--tt-bg-elevated) !important;
}

.checkout-dark .pix-box,
.checkout-dark #screen-pix {
  background: var(--tt-bg-page) !important;
}

.checkout-dark .pix-box {
  border-color: var(--tt-border) !important;
  box-shadow: none !important;
}

.checkout-dark .pix-how-text {
  color: var(--tt-text-secondary) !important;
}

.checkout-dark .pix-back-arrow {
  color: var(--tt-text) !important;
}

/* ═══════════════════════════════════════
   CARRINHO
   ═══════════════════════════════════════ */
body.cart-dark {
  background-color: var(--tt-bg-page) !important;
  color: var(--tt-text) !important;
}

.cart-dark .cart-header {
  background: var(--tt-bg) !important;
  border-color: var(--tt-border) !important;
  color: var(--tt-text) !important;
}

.cart-dark .cart-footer {
  background: var(--tt-bg-page) !important;
  border-color: var(--tt-border) !important;
  color: var(--tt-text) !important;
}

.cart-dark .cart-item {
  background: var(--tt-bg-card) !important;
  box-shadow: none !important;
  border: 1px solid var(--tt-border) !important;
}

.cart-dark .cart-title {
  color: var(--tt-text) !important;
}

.cart-dark .cart-variant {
  background: var(--tt-bg-elevated) !important;
  color: var(--tt-text-secondary) !important;
}

.cart-dark .cart-check {
  border-color: var(--tt-text-muted) !important;
}

.cart-dark .cart-qty-control {
  border-color: var(--tt-border) !important;
}

.cart-dark .cart-qty-control button {
  color: var(--tt-text) !important;
}

.cart-dark .cart-total-label,
.cart-dark .empty-cart {
  color: var(--tt-text-muted) !important;
}

.cart-dark .cart-img {
  background: var(--tt-bg-elevated) !important;
}

.cart-dark .empty-cart svg {
  stroke: #fe2c55 !important;
}

/* ─── Todos os SVGs — rosa TikTok (#fe2c55) ─── */
body svg {
  color: #fe2c55 !important;
}

body svg [stroke]:not([stroke="none"]) {
  stroke: #fe2c55 !important;
}

body svg [fill]:not([fill="none"]) {
  fill: #fe2c55 !important;
}

body svg > path:not([stroke]):not([fill="none"]) {
  fill: #fe2c55 !important;
}

/* Pin de endereço — cor original (não rosa) */
.info-row-left > svg,
.info-row-left > svg [stroke]:not([stroke="none"]) {
  stroke: #1a1a1a !important;
  color: #1a1a1a !important;
}

.filled-info-icon,
.filled-info-icon [stroke]:not([stroke="none"]) {
  color: var(--gray-text) !important;
  stroke: var(--gray-text) !important;
}

/* ═══════════════════════════════════════
   CAPACETE — drawer footer + welcome v2
   ═══════════════════════════════════════ */
.drawer-footer {
  background: var(--tt-bg-card) !important;
  border-top-color: var(--tt-border) !important;
  box-shadow: 0 -6px 16px rgba(0, 0, 0, 0.35) !important;
}

.pote-drawer .drawer-footer {
  background: #000 !important;
  border-top-color: rgba(255,255,255,0.08) !important;
}

/* ═══════════════════════════════════════
   CAMISA DO BRASIL — extras
   ═══════════════════════════════════════ */
.express-delivery-banner {
  background: linear-gradient(135deg, rgba(6, 122, 120, 0.15) 0%, rgba(6, 122, 120, 0.08) 100%) !important;
  border-color: rgba(6, 122, 120, 0.35) !important;
}

.express-delivery-label,
.express-delivery-countdown,
.delivery-express-detail {
  color: #5ec9c4 !important;
}

.express-delivery-text,
.express-delivery-text strong {
  color: var(--tt-text-secondary) !important;
}

.express-delivery-text strong {
  color: #5ec9c4 !important;
}

.drawer-express-delivery {
  background: rgba(6, 122, 120, 0.1) !important;
  border-color: rgba(6, 122, 120, 0.3) !important;
  color: var(--tt-text-secondary) !important;
}

.drawer-express-delivery strong {
  color: #5ec9c4 !important;
}

.free-gift-banner,
.drawer-gift-strip,
.welcome-gift-box {
  background: linear-gradient(135deg, rgba(255, 217, 102, 0.18) 0%, rgba(255, 193, 7, 0.1) 100%) !important;
  border-color: rgba(255, 193, 7, 0.35) !important;
}

.free-gift-banner-title,
.drawer-gift-strip-text,
.welcome-gift-title {
  color: var(--tt-text) !important;
}

.free-gift-banner-text,
.drawer-gift-strip-text,
.welcome-gift-desc {
  color: var(--tt-text-secondary) !important;
}

.welcome-gift-price,
.summary-gift-free {
  color: #5ec9c4 !important;
}

.checkout-dark .summary-kit-item--gift {
  background: linear-gradient(135deg, rgba(255, 217, 102, 0.18) 0%, rgba(255, 193, 7, 0.1) 100%) !important;
  border-color: rgba(255, 193, 7, 0.35) !important;
}

.gender-section {
  background: var(--tt-bg-elevated) !important;
  border-color: var(--tt-border) !important;
}

.gender-section-title,
.drawer-mini-label {
  color: var(--tt-text) !important;
}

.drawer-mini-label {
  color: var(--tt-text-muted) !important;
}

.drawer-subtitle-compact {
  color: var(--tt-text-muted) !important;
}

.drawer-name-input {
  background: var(--tt-bg-input) !important;
  border-color: var(--tt-border-strong) !important;
  color: var(--tt-text) !important;
}

.drawer-name-input::placeholder {
  color: var(--tt-text-muted) !important;
}

.drawer-name-input:focus {
  border-color: var(--tt-accent) !important;
  background: var(--tt-bg-card) !important;
}

.drawer-body {
  background: var(--tt-bg-card) !important;
}

.checkout-dark .summary-kit-item {
  border-bottom-color: var(--tt-border) !important;
}

.checkout-dark .summary-kit-item-title {
  color: var(--tt-text) !important;
}

.checkout-dark .summary-kit-item-variant {
  color: var(--tt-text-secondary) !important;
}

.checkout-dark .summary-kit-item img {
  background: var(--tt-bg-elevated) !important;
  border-color: var(--tt-border) !important;
}

html:not(.checkout-dark) [style*="color:#067a78"],
html:not(.checkout-dark) [style*="color: #067a78"] {
  color: #5ec9c4 !important;
}

html:not(.checkout-dark) [style*="background: linear-gradient(135deg, #f0faf9"],
html:not(.checkout-dark) [style*="background:linear-gradient(135deg, #f0faf9"] {
  background: linear-gradient(135deg, rgba(6, 122, 120, 0.15) 0%, rgba(6, 122, 120, 0.08) 100%) !important;
}

html:not(.checkout-dark) [style*="border: 1px solid #b8ebe6"],
html:not(.checkout-dark) [style*="border:1px solid #b8ebe6"] {
  border-color: rgba(6, 122, 120, 0.35) !important;
}

html:not(.checkout-dark) [style*="background:#fafafa"],
html:not(.checkout-dark) [style*="background: #fafafa"] {
  background: var(--tt-bg-elevated) !important;
}