:root {
  color-scheme: light;
  --sf-bg: #f4f7fb;
  --sf-surface: #ffffff;
  --sf-surface-2: #f8fafc;
  --sf-border: #e2e8f0;
  --sf-text: #172033;
  --sf-muted: #64748b;
  --sf-link: #2563eb;
  --sf-accent: #0cc27e;
}

html.dark-mode {
  color-scheme: dark;
  --sf-bg: #0b1120;
  --sf-surface: #111827;
  --sf-surface-2: #182235;
  --sf-border: #2b3a50;
  --sf-text: #f1f5f9;
  --sf-muted: #a9b6c8;
  --sf-link: #7dd3fc;
  --sf-accent: #34d399;
}

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

html.dark-mode body,
body.dark-mode {
  --bg-color: var(--sf-bg);
  --card-bg: var(--sf-surface);
  --input-bg: var(--sf-surface-2);
  --border-color: var(--sf-border);
  --text-main: var(--sf-text);
  --text-muted: var(--sf-muted);
  --bg-card-custom: var(--sf-surface);
  --bg-input-custom: var(--sf-surface-2);
  --border-custom: var(--sf-border);
  --text-custom: var(--sf-text);
  --text-muted-custom: var(--sf-muted);
}

html.dark-mode body::before,
body.dark-mode::before {
  background: var(--sf-bg) !important;
}

html.dark-mode :where(h1, h2, h3, h4, h5, h6, label, legend, dt, th),
body.dark-mode :where(h1, h2, h3, h4, h5, h6, label, legend, dt, th) {
  color: var(--sf-text) !important;
}

html.dark-mode body.dark-mode :where(h1, h2, h3, h4, h5, h6, label, legend, dt, th) {
  color: var(--sf-text) !important;
}

html.dark-mode :where(p, small, dd, td, li, .text-muted, .form-text),
body.dark-mode :where(p, small, dd, td, li, .text-muted, .form-text) {
  color: var(--sf-muted) !important;
}

html.dark-mode a:not(.btn):not([class*="btn-"]),
body.dark-mode a:not(.btn):not([class*="btn-"]) {
  color: var(--sf-link);
}

html.dark-mode body.dark-mode a:not(.btn):not([class*="btn-"]) {
  color: var(--sf-link) !important;
}

html.dark-mode :where(
  .card, .modal-content, .dropdown-menu, .popover, .list-group-item, .table-responsive,
  .form-section, .summary-box, .resumo-recibo, .payment-inline-result, .cupom-section,
  .manual-comment-card, .receipt-card, .product-card, .order-summary, .product-link-box,
  .delivery-info-card, .premium-card, .cart-drawer, .cart-footer, .user-dropdown,
  .avisos-dropdown, .hdr-user-dropdown, .hdr-sidebar, .sidebar, .login-card
),
body.dark-mode :where(
  .card, .modal-content, .dropdown-menu, .popover, .list-group-item, .table-responsive,
  .form-section, .summary-box, .resumo-recibo, .payment-inline-result, .cupom-section,
  .manual-comment-card, .receipt-card, .product-card, .order-summary, .product-link-box,
  .delivery-info-card, .premium-card, .cart-drawer, .cart-footer, .user-dropdown,
  .avisos-dropdown, .hdr-user-dropdown, .hdr-sidebar, .sidebar, .login-card
) {
  background: var(--sf-surface) !important;
  border-color: var(--sf-border) !important;
  color: var(--sf-text) !important;
  box-shadow: 0 16px 38px rgba(0, 0, 0, .25) !important;
}

html.dark-mode :where(.bg-white, .bg-light, .table-striped tbody tr:nth-of-type(odd)),
body.dark-mode :where(.bg-white, .bg-light, .table-striped tbody tr:nth-of-type(odd)) {
  background-color: var(--sf-surface-2) !important;
  color: var(--sf-text) !important;
}

html.dark-mode :where(input, select, textarea, .form-control, .custom-select, .selectize-input, .selectize-dropdown, .payment-copy-box, .custom-pay-selected, .custom-pay-options),
body.dark-mode :where(input, select, textarea, .form-control, .custom-select, .selectize-input, .selectize-dropdown, .payment-copy-box, .custom-pay-selected, .custom-pay-options) {
  background: var(--sf-surface-2) !important;
  border-color: var(--sf-border) !important;
  color: var(--sf-text) !important;
}

html.dark-mode :where(input, textarea)::placeholder,
body.dark-mode :where(input, textarea)::placeholder {
  color: #8492a6 !important;
  opacity: 1;
}

html.dark-mode :where(.table td, .table th, hr, .border, .border-top, .border-bottom),
body.dark-mode :where(.table td, .table th, hr, .border, .border-top, .border-bottom) {
  border-color: var(--sf-border) !important;
}

html.dark-mode :where(.header, .hdr-main, .navigation, .navbar, .bottom-floating-nav),
body.dark-mode :where(.header, .hdr-main, .navigation, .navbar, .bottom-floating-nav) {
  background: #101827 !important;
  border-color: var(--sf-border) !important;
  color: var(--sf-text) !important;
}

html.dark-mode :where(.header, .hdr-main, .navigation, .navbar, .bottom-floating-nav) :where(a, span, button),
body.dark-mode :where(.header, .hdr-main, .navigation, .navbar, .bottom-floating-nav) :where(a, span, button) {
  color: var(--sf-text) !important;
}

html.dark-mode :where(.btn-light, .btn-secondary-custom, .btn-wizard-prev, .btn-secundario),
body.dark-mode :where(.btn-light, .btn-secondary-custom, .btn-wizard-prev, .btn-secundario) {
  background: var(--sf-surface-2) !important;
  border-color: var(--sf-border) !important;
  color: var(--sf-text) !important;
}

html.dark-mode :where(.alert-success, .delivery-info-card.refill),
body.dark-mode :where(.alert-success, .delivery-info-card.refill) {
  background: #0d3328 !important;
  border-color: #176149 !important;
  color: #bbf7d0 !important;
}

html.dark-mode :where(.alert-info, .delivery-info-card.ai),
body.dark-mode :where(.alert-info, .delivery-info-card.ai) {
  background: #102a43 !important;
  border-color: #24547a !important;
  color: #bae6fd !important;
}

html.dark-mode .receipt-header,
body.dark-mode .receipt-header {
  background: #087f5b !important;
}

html.dark-mode #search-banner,
body.dark-mode #search-banner {
  color: #f8fafc !important;
}

html.dark-mode #search-banner :where(h1, h2, h3, p, span):not(.product-badge),
body.dark-mode #search-banner :where(h1, h2, h3, p, span):not(.product-badge) {
  color: inherit !important;
}

html.dark-mode body.dark-mode #search-banner :where(h1, h2, h3, p, span):not(.product-badge) {
  color: inherit !important;
}

html.dark-mode .footer,
body.dark-mode .footer {
  background: #080d18 !important;
  color: var(--sf-muted) !important;
}

html.dark-mode .switch .slider,
body.dark-mode .switch .slider {
  background: #334155 !important;
  border-color: #64748b !important;
}

html.dark-mode .switch input:checked + .slider,
body.dark-mode .switch input:checked + .slider {
  background: var(--sf-accent) !important;
  border-color: var(--sf-accent) !important;
}

html.dark-mode body .checkout-form .card,
html.dark-mode body .checkout-left .card,
html.dark-mode body .checkout-right .card,
html.dark-mode body .form-section,
html.dark-mode body .payment-inline-result,
html.dark-mode body .cupom-section,
html.dark-mode body .manual-comment-card {
  background: var(--sf-surface) !important;
  border-color: var(--sf-border) !important;
  color: var(--sf-text) !important;
}

html.dark-mode body .checkout-form :where(input, select, textarea, .form-control, .custom-select),
html.dark-mode body :where(#cpf, #upsell_link, #slider-body, .cpf-destaque, .payment-copy-box, .custom-pay-selected, .custom-pay-options) {
  background: var(--sf-surface-2) !important;
  border-color: var(--sf-border) !important;
  color: var(--sf-text) !important;
}

html.dark-mode body .checkout-form :where(label, .form-label, .form-section-title, .recibo-item > span:first-child, #quantity, .payment-inline-title),
html.dark-mode body :where(.custom-pay-option span, .manual-comment-card label, .cupom-section .aviso-cupom-box) {
  color: var(--sf-text) !important;
}

html.dark-mode body :where(.desc, #bio, #followers, .step-label, .slider-labels, .custom-control-label, .checkout-form small, .checkout-form p, .payment-inline-subtitle) {
  color: var(--sf-muted) !important;
}

html.dark-mode body :where(.custom-pay-options, .custom-pay-option) {
  border-color: var(--sf-border) !important;
}

html.dark-mode body > :where(.container, .auth-card, .login-container),
html.dark-mode body :where(.saldo-card, .client-card, .orders-card, .profile-card, .login-box) {
  background: var(--sf-surface) !important;
  border-color: var(--sf-border) !important;
  color: var(--sf-text) !important;
  box-shadow: 0 16px 38px rgba(0, 0, 0, .25) !important;
}

/* Catalogo de servicos */
html.dark-mode body {
  --sfcat-bg: #0b1120;
  --sfcat-card: rgba(17, 24, 39, .94);
  --sfcat-card-solid: #111827;
  --sfcat-text: #f1f5f9;
  --sfcat-muted: #a9b6c8;
  --sfcat-border: rgba(148, 163, 184, .22);
  --sfcat-shadow: 0 22px 55px rgba(0, 0, 0, .30);
  --sfcat-soft-shadow: 0 12px 26px rgba(0, 0, 0, .24);
}

html.dark-mode body #search-banner.sfcat-page {
  background:
    radial-gradient(circle at 85% 9%, rgba(0, 217, 255, .10), transparent 32%),
    radial-gradient(circle at 8% 18%, rgba(216, 59, 210, .10), transparent 34%),
    linear-gradient(145deg, #08101f 0%, #0b1425 52%, #0c1c2b 100%) !important;
}

html.dark-mode body :where(
  .sfcat-hero, .sfcat-search-card, .sfcat-tabs-shell, .sfcat-sidebar,
  .sfcat-section, .sfcat-category-sheet-card
) {
  background: var(--sfcat-card) !important;
  border-color: var(--sfcat-border) !important;
  color: var(--sfcat-text) !important;
  box-shadow: var(--sfcat-shadow) !important;
}

html.dark-mode body :where(
  .sfcat-badge, .sfcat-mini-stat, .sfcat-search-wrap, .sfcat-tab,
  .sfcat-side-link, .sfcat-service-btn, .sfcat-category-sheet-link,
  .sfcat-empty, .sfcat-no-results
) {
  background: #182235 !important;
  border-color: var(--sfcat-border) !important;
  color: var(--sfcat-text) !important;
}

html.dark-mode body :where(
  .sfcat-title, .sfcat-category-line, .sfcat-search-card label,
  .sfcat-tabs-top, .sfcat-sidebar h3, .sfcat-section-title,
  .sfcat-service-name, .sfcat-mini-stat strong
) {
  color: var(--sfcat-text) !important;
}

html.dark-mode body :where(
  .sfcat-description, .sfcat-section-desc, .sfcat-mini-stat span,
  .sfcat-drag-hint, .sfcat-search-feedback, .sfcat-trust-copy span
) {
  color: var(--sfcat-muted) !important;
}

html.dark-mode body .sfcat-trust-item {
  background: #182235 !important;
  border-color: var(--sfcat-border) !important;
  color: var(--sfcat-text) !important;
}

html.dark-mode body .sfcat-trust-copy strong {
  color: var(--sfcat-text) !important;
}

html.dark-mode body .sfcat-trust-icon {
  background: linear-gradient(135deg, rgba(16,185,129,.18), rgba(124,60,255,.22)) !important;
  color: #c4b5fd !important;
}

html.dark-mode body .sfcat-trust-item:hover {
  border-color: rgba(167,139,250,.46) !important;
  box-shadow: 0 12px 26px rgba(0,0,0,.22) !important;
}

html.dark-mode body .sfcat-delivery-note {
  background: rgba(245,158,11,.10) !important;
  border-color: rgba(245,158,11,.24) !important;
  color: #fde68a !important;
}

html.dark-mode body .sfcat-delivery-note span {
  color: #fde68a !important;
}

html.dark-mode body :where(#sfcatSearch, #sfcatSearchMobile) {
  background: transparent !important;
  color: var(--sfcat-text) !important;
}

html.dark-mode body :where(#sfcatSearch, #sfcatSearchMobile)::placeholder {
  color: #91a0b5 !important;
}

html.dark-mode body .sfcat-service-btn {
  background:
    linear-gradient(145deg, #182235, #111827),
    radial-gradient(circle at 100% 0, rgba(216, 59, 210, .16), transparent 34%) !important;
}

html.dark-mode body .sfcat-service-qty {
  color: #f472b6 !important;
}

html.dark-mode body .sfcat-price {
  color: #6ee7b7 !important;
}

html.dark-mode body .sfcat-section-head,
html.dark-mode body .sfcat-category-sheet-head {
  border-color: var(--sfcat-border) !important;
}

html.dark-mode body .sfcat-mobile-toolbar {
  background: rgba(10, 17, 31, .96) !important;
  border-color: var(--sfcat-border) !important;
}

html.dark-mode body .sfcat-mobile-toolbar button {
  background: #182235 !important;
  border-color: var(--sfcat-border) !important;
  color: var(--sfcat-text) !important;
}

html.dark-mode body .sfcat-search-wrap:focus-within {
  background: #182235 !important;
  border-color: rgba(163, 72, 255, .72) !important;
}

/* Checkout e resumo do pedido */
html.dark-mode body section.checkout-form {
  background:
    radial-gradient(circle at 80% 25%, rgba(245, 158, 11, .08), transparent 28%),
    linear-gradient(180deg, #08101f, #0b1120) !important;
}

html.dark-mode body .checkout-form :where(.card, .form-section) {
  background: #111827 !important;
  border-color: #2b3a50 !important;
  color: #f1f5f9 !important;
  box-shadow: 0 22px 55px rgba(0, 0, 0, .28) !important;
}

html.dark-mode body :where(.ig-link-field, .ig-link-input-wrap, .ig-link-input, .ig-link-action) {
  background: #182235 !important;
  border-color: #33445d !important;
  color: #f1f5f9 !important;
}

html.dark-mode body .ig-link-icon {
  background: #14233a !important;
  border-color: #33445d !important;
}

html.dark-mode body #descricaoWrapper {
  color: #cbd5e1 !important;
}

html.dark-mode body #descricaoWrapper :where(p, span, div, strong, b) {
  color: inherit !important;
  background-color: transparent !important;
}

html.dark-mode body #descricaoWrapper::after {
  background: linear-gradient(to bottom, rgba(17, 24, 39, 0), #111827 100%) !important;
}

html.dark-mode body :where(.btn-wizard-prev, .btn-secundario) {
  background: #182235 !important;
  border-color: #33445d !important;
  color: #e2e8f0 !important;
}

/* Area do cliente */
html.dark-mode body .container-cliente {
  background: #111827 !important;
  border: 1px solid #2b3a50 !important;
  color: #e2e8f0 !important;
  box-shadow: 0 22px 55px rgba(0, 0, 0, .30) !important;
}

html.dark-mode body .container-cliente :where(.top-bar h2, h3, h4) {
  color: #f1f5f9 !important;
}

html.dark-mode body .container-cliente .tabs {
  border-color: #2b3a50 !important;
}

html.dark-mode body .container-cliente .tab-button {
  color: #a9b6c8 !important;
}

html.dark-mode body .container-cliente .tab-button.active {
  background: rgba(124, 92, 255, .14) !important;
  border-color: #8b7cf6 !important;
  color: #c4b5fd !important;
}

html.dark-mode body .container-cliente :where(
  .pedido-card, .pedido-info, .reembolso-card, .ticket-help-box,
  .modal, .modal-content-modern, #novoTicket
) {
  background: #182235 !important;
  border-color: #33445d !important;
  color: #e2e8f0 !important;
  box-shadow: none !important;
}

html.dark-mode body .container-cliente :where(input, select, textarea) {
  background: #101a2d !important;
  border-color: #3a4c67 !important;
  color: #f1f5f9 !important;
}

html.dark-mode body .container-cliente :where(input, textarea)::placeholder {
  color: #91a0b5 !important;
}

html.dark-mode body .container-cliente :where(.ticket-list th, .ticket-list td) {
  background: #111827 !important;
  border-color: #2b3a50 !important;
  color: #dbe5f1 !important;
}

html.dark-mode body .container-cliente :where(.ticket-help-note, .ticket-24h-warning, .ticket-24h-form-warning) {
  background: #252035 !important;
  border-color: #57456f !important;
  color: #e9d5ff !important;
}

html.dark-mode body .container-cliente [style*="background:#f9f9f9"],
html.dark-mode body .container-cliente [style*="background: #f9f9f9"],
html.dark-mode body .container-cliente [style*="background:#f8f9fa"],
html.dark-mode body .container-cliente [style*="background: #f8f9fa"],
html.dark-mode body .container-cliente [style*="background:#fff"],
html.dark-mode body .container-cliente [style*="background: #fff"] {
  background: #182235 !important;
  border-color: #33445d !important;
  color: #e2e8f0 !important;
}

html.dark-mode body .container-cliente [style*="color:#333"],
html.dark-mode body .container-cliente [style*="color: #333"],
html.dark-mode body .container-cliente [style*="color:#555"],
html.dark-mode body .container-cliente [style*="color: #555"] {
  color: #e2e8f0 !important;
}

html.dark-mode body .container-cliente [style*="color:#666"],
html.dark-mode body .container-cliente [style*="color: #666"],
html.dark-mode body .container-cliente [style*="color:#888"],
html.dark-mode body .container-cliente [style*="color: #888"] {
  color: #a9b6c8 !important;
}

html.dark-mode body footer {
  background: #0a1120 !important;
  border-color: #2b3a50 !important;
  color: #a9b6c8 !important;
}

html.dark-mode body :where(.menu-toggle, .sidebar .close-btn, .top-icons a, .user-greeting, .user-trigger) {
  color: #f1f5f9 !important;
}

html.dark-mode body .user-trigger {
  background: rgba(255, 255, 255, .06) !important;
}

/* Ajustes finais de contraste */
html.dark-mode body .sfcat-modal .sfcat-modal-card {
  background: #111827 !important;
  border: 1px solid #33445d !important;
  color: #f1f5f9 !important;
  box-shadow: 0 30px 90px rgba(0, 0, 0, .55) !important;
}

html.dark-mode body .sfcat-modal .sfcat-modal-head {
  border-color: #33445d !important;
}

html.dark-mode body .sfcat-modal :where(.sfcat-modal-head h3, .sfcat-modal-service p) {
  color: #f1f5f9 !important;
}

html.dark-mode body .sfcat-modal .sfcat-modal-service {
  background: #182235 !important;
  border-color: #33445d !important;
}

html.dark-mode body .sfcat-modal .sfcat-modal-price {
  color: #a9b6c8 !important;
}

html.dark-mode body .sfcat-modal .sfcat-modal-price b {
  color: #6ee7b7 !important;
}

html.dark-mode body .sfcat-modal .sfcat-btn-cancel {
  background: #26344a !important;
  border: 1px solid #40526d !important;
  color: #f1f5f9 !important;
}

html.dark-mode body .sfcat-ribbon:not(.hot) {
  background: #163a31 !important;
  color: #86efac !important;
  border: 1px solid #286653 !important;
}

html.dark-mode body .swal2-popup {
  background: #111827 !important;
  border: 1px solid #33445d !important;
  color: #f1f5f9 !important;
  box-shadow: 0 28px 80px rgba(0, 0, 0, .55) !important;
}

html.dark-mode body :where(.swal2-title, .swal2-html-container) {
  color: #f1f5f9 !important;
}

html.dark-mode body .swal2-loader {
  border-color: #60a5fa transparent #60a5fa transparent !important;
}

html.dark-mode body .global-loader-overlay {
  background: rgba(8, 16, 31, .96) !important;
}

html.dark-mode body .global-loader-overlay .loader-text {
  color: #f1f5f9 !important;
}

html.dark-mode body #upsell-container {
  background: linear-gradient(180deg, #102b27, #111827) !important;
  border-color: #10b981 !important;
  color: #e2e8f0 !important;
}

html.dark-mode body #upsell-container :where(.upsell-title, label, strong) {
  color: #f1f5f9 !important;
}

html.dark-mode body #upsell-reposicao-container {
  background: linear-gradient(180deg, #12223d, #111827) !important;
  border-color: #3b82f6 !important;
  color: #e2e8f0 !important;
}

html.dark-mode body #upsell-reposicao-container strong {
  color: #f1f5f9 !important;
}

html.dark-mode body #slider-body {
  background: #182235 !important;
  border-color: #33445d !important;
  color: #f1f5f9 !important;
}

html.dark-mode body #slider-body .slider-track {
  background: #334155 !important;
}

html.dark-mode body #slider-body .slider-labels,
html.dark-mode body #slider-body .slider-labels span {
  color: #a9b6c8 !important;
}

html.dark-mode body .cpf-destaque {
  background: #182235 !important;
  border-color: #4f83bd !important;
  color: #f1f5f9 !important;
}

html.dark-mode body .cpf-destaque :where(label, .cpf-label-alert) {
  color: #f1f5f9 !important;
}

html.dark-mode body .cpf-destaque #cpf {
  background: #f1f5f9 !important;
  border-color: #cbd5e1 !important;
  color: #172033 !important;
}

html.dark-mode body .cupom-section {
  background: #111827 !important;
  border-color: #33445d !important;
}

html.dark-mode body .cupom-section .aviso-cupom-box {
  background: #182235 !important;
  border: 1px solid #33445d !important;
  color: #e2e8f0 !important;
}

html.dark-mode body .cupom-section .aviso-cupom-box :where(span, strong) {
  color: #e2e8f0 !important;
}

html.dark-mode body #btnAbrirReembolso {
  background: #26344a !important;
  border-color: #40526d !important;
  color: #f1f5f9 !important;
}

html.dark-mode body .container-cliente :where(.modal-close, [style*="background:#e0e0e0"], [style*="background: #e0e0e0"]) {
  background: #26344a !important;
  border-color: #40526d !important;
  color: #f1f5f9 !important;
}

html.dark-mode body .container-cliente [style*="background:#e0e0e0"] *,
html.dark-mode body .container-cliente [style*="background: #e0e0e0"] * {
  color: #f1f5f9 !important;
}

html.dark-mode body .items-2 .item-2 {
  background: #182235 !important;
  border: 1px solid #33445d !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, .22) !important;
}

html.dark-mode body .items-2 .item-2 p {
  color: #e2e8f0 !important;
}

html.dark-mode body :where(.hdr-main, .header) {
  background: #101827 !important;
  border-color: #2b3a50 !important;
}

html.dark-mode body :where(.hdr-main, .header) :where(a, span, button, .hdr-user-trigger, .hdr-menu-toggle) {
  color: #f1f5f9 !important;
}

/* O checkout possui overrides claros declarados depois do tema global. */
html.dark-mode body.dark-mode .hdr-main {
  background: #101827 !important;
  border-bottom: 1px solid #2b3a50 !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .32) !important;
}

html.dark-mode body.dark-mode .hdr-main :where(a, span, button),
html.dark-mode body.dark-mode .hdr-user-trigger,
html.dark-mode body.dark-mode .hdr-menu-toggle {
  color: #f1f5f9 !important;
}

html.dark-mode body.dark-mode .hdr-user-trigger {
  background: #182235 !important;
  border: 1px solid #2b3a50 !important;
}

html.dark-mode body.dark-mode .hdr-user-dropdown,
html.dark-mode body.dark-mode .hdr-sidebar {
  background: #111827 !important;
  border-color: #2b3a50 !important;
  color: #f1f5f9 !important;
}

html.dark-mode body.dark-mode .hdr-user-dropdown a,
html.dark-mode body.dark-mode .hdr-sidebar a,
html.dark-mode body.dark-mode .hdr-sidebar .hdr-close-btn {
  color: #e2e8f0 !important;
  border-color: #2b3a50 !important;
}

html.dark-mode body.dark-mode .hdr-user-dropdown a:hover,
html.dark-mode body.dark-mode .hdr-sidebar a:hover {
  background: #182235 !important;
  color: #ffffff !important;
}

/* Gaveta do carrinho dentro do checkout */
html.dark-mode body.dark-mode .cart-drawer {
  background: #0f172a !important;
  border-left: 1px solid #2b3a50 !important;
  color: #f1f5f9 !important;
  box-shadow: -18px 0 45px rgba(0, 0, 0, .42) !important;
}

html.dark-mode body.dark-mode .cart-header {
  background: #111827 !important;
  border-bottom-color: #2b3a50 !important;
  color: #f1f5f9 !important;
}

html.dark-mode body.dark-mode .cart-header h3 {
  color: #f1f5f9 !important;
}

html.dark-mode body.dark-mode .cart-header button {
  color: #a9b6c8 !important;
}

html.dark-mode body.dark-mode .cart-body {
  background: #0f172a !important;
  color: #e2e8f0 !important;
}

html.dark-mode body.dark-mode .cart-body :where(h5, p, span, small) {
  color: #cbd5e1 !important;
}

html.dark-mode body.dark-mode .cart-body h5 {
  color: #f1f5f9 !important;
}

html.dark-mode body.dark-mode .cart-body > div {
  border-bottom-color: #2b3a50 !important;
}

html.dark-mode body.dark-mode .cart-empty-msg,
html.dark-mode body.dark-mode .cart-body .text-center {
  color: #a9b6c8 !important;
}

html.dark-mode body.dark-mode .cart-empty-msg i,
html.dark-mode body.dark-mode .cart-body .fa-box-open {
  color: #64748b !important;
}

html.dark-mode body.dark-mode .cart-footer {
  background: #111827 !important;
  border-top-color: #2b3a50 !important;
}

html.dark-mode body.dark-mode .cart-drawer-total,
html.dark-mode body.dark-mode .cart-drawer-total span {
  color: #f1f5f9 !important;
}

html.dark-mode body.dark-mode .cart-drawer-total strong {
  color: #f472b6 !important;
}

html.dark-mode body.dark-mode .qtd-btn {
  background: #182235 !important;
  border-color: #40526d !important;
  color: #f1f5f9 !important;
}

html.dark-mode body.dark-mode .btn-continuar-comprando {
  background: #182235 !important;
  border-color: #40526d !important;
  color: #f1f5f9 !important;
}

html.dark-mode body.dark-mode .btn-continuar-comprando:hover {
  background: #223047 !important;
}