/* ====== DARK CONTRAST PATCH — Lojas Leve On ======
   Objetivo: melhorar legibilidade no tema escuro (e claro),
   sem alterar estrutura. Coloque DEPOIS de todos os CSS. */

/* ---------- Variáveis base (respeita seu roxo no header) ---------- */
:root{
  --txt: #0f172a;
  --muted: #475569;
  --panel: #ffffff;
  --panel-bd: #e5e7eb;
  --bg: #ffffff;

  /* botões */
  --btn: #6a0dad;           /* roxo principal */
  --btn-txt: #ffffff;
  --btn-hov: #5b1198;

  --btn-sec: #6b7280;
  --btn-sec-hov: #5a606e;

  --btn-out-txt: #6a0dad;
  --btn-out-bd:  #6a0dad;

  --link: #6a0dad;
  --link-hover-bg: rgba(106,13,173,.10);
}

/* Modo escuro — painéis mais escuros e texto mais claro */
html[data-theme="dark"]{
  --txt: #e6ebf5;
  --muted: #9fb0d1;
  --panel: #121a2a;
  --panel-bd: #273248;
  --bg: #0b0f18;

  --btn: #b58df0;        /* roxo claro legível no dark */
  --btn-txt: #0b0f18;
  --btn-hov: #a67aef;

  --btn-sec: #475569;
  --btn-sec-hov: #3b4857;

  --btn-out-txt: #b58df0;
  --btn-out-bd:  #b58df0;

  --link: #b58df0;
  --link-hover-bg: rgba(181,141,240,.12);
}

/* ---------- Plano de fundo generalizado ---------- */
html, body{
  background: var(--bg) !important;
  color: var(--txt) !important;
}

/* ---------- Cards / painéis mais legíveis ---------- */
.card,
.produto-card,
.orders-table,
.tabela-carrinho,
.vendas-wrap .card,
.orders-table-wrap,
.carrinho-resumo,
.carrinho .card,
.nfe-wrap .card,
.pedido-wrap .card {
  background: var(--panel) !important;
  border: 1px solid var(--panel-bd) !important;
  color: var(--txt) !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.08);
}
html[data-theme="dark"] .card,
html[data-theme="dark"] .produto-card,
html[data-theme="dark"] .orders-table,
html[data-theme="dark"] .tabela-carrinho,
html[data-theme="dark"] .vendas-wrap .card,
html[data-theme="dark"] .orders-table-wrap,
html[data-theme="dark"] .carrinho-resumo,
html[data-theme="dark"] .nfe-wrap .card,
html[data-theme="dark"] .pedido-wrap .card {
  box-shadow: 0 2px 10px rgba(0,0,0,.45);
}

/* ---------- Títulos e texto ---------- */
h1,h2,h3,h4,h5,h6,p,span,li,td,th { color: var(--txt) !important; }
.muted, .tiny, .text-muted { color: var(--muted) !important; }

/* ---------- Links (sem sublinhado no header e botões; link de conteúdo mantém) ---------- */
/* menus/topo/drawer/botões: sem sublinhado */
.site-header a,
.menu-topo a,
.menu-principal a,
.drawer a,
a.btn, .btn, .btn-outline, .btn-sec {
  text-decoration: none !important;
}
/* links em conteúdo permanecem com sublinhado on hover (acessível) */
main a:not(.btn):hover{ background: var(--link-hover-bg); border-radius: 6px; }

/* ---------- Botões (cores fortes no dark) ---------- */
.btn, .btn-primary {
  background: var(--btn) !important;
  color: var(--btn-txt) !important;
  border: 2px solid var(--btn) !important;
}
.btn:hover, .btn-primary:hover { filter: brightness(.98); transform: translateY(-1px); }

.btn-sec {
  background: var(--btn-sec) !important;
  color: #fff !important;
  border: 2px solid var(--btn-sec) !important;
}
.btn-sec:hover { background: var(--btn-sec-hov) !important; transform: translateY(-1px); }

.btn-outline, a.btn-outline {
  background: transparent !important;
  color: var(--btn-out-txt) !important;
  border: 2px solid var(--btn-out-bd) !important;
}
.btn-outline:hover { background: var(--link-hover-bg) !important; }

/* ---------- Inputs / selects no dark ---------- */
input, select, textarea {
  background: color-mix(in srgb, var(--panel) 85%, var(--bg)) !important;
  color: var(--txt) !important;
  border: 1px solid var(--panel-bd) !important;
}
input::placeholder, textarea::placeholder { color: color-mix(in srgb, var(--muted) 80%, var(--txt)); }
input:focus, select:focus, textarea:focus{
  outline: 3px solid var(--link);
  outline-offset: 2px;
}

/* ---------- Tabelas (cabeçalho e linhas) ---------- */
.table-head,
.orders-table thead th,
.tabela-carrinho thead th {
  background: color-mix(in srgb, var(--panel) 90%, var(--bg)) !important;
  color: var(--txt) !important;
  border-bottom: 1px solid var(--panel-bd) !important;
}
.orders-table tbody td,
.tabela-carrinho tbody td {
  border-bottom: 1px solid var(--panel-bd) !important;
}

/* ---------- “Pills” de status com melhor contraste ---------- */
.pill-pago      { background: #0b4224 !important; color:#86efac !important; border-color:#14532d !important; }
html:not([data-theme="dark"]) .pill-pago{ background:#ecfdf5 !important; color:#065f46 !important; border-color:#bbf7d0 !important; }

.pill-pendente  { background:#42210b !important; color:#fdba74 !important; border-color:#7c2d12 !important; }
html:not([data-theme="dark"]) .pill-pendente{ background:#fff7ed !important; color:#9a3412 !important; border-color:#fed7aa !important; }

.pill-cancelado { background:#421016 !important; color:#fca5a5 !important; border-color:#7f1d1d !important; }
html:not([data-theme="dark"]) .pill-cancelado{ background:#fee2e2 !important; color:#991b1b !important; border-color:#fecaca !important; }

.pill-default   { background: color-mix(in srgb, var(--panel) 88%, var(--bg)) !important; color: var(--txt) !important; border-color: var(--panel-bd) !important; }

/* ---------- Categoria (dropdown) legível nos dois temas, sem negrito ---------- */
.menu-principal .dropdown.categorias .dropdown-menu{
  background: var(--panel) !important;
  color: var(--txt) !important;
  border: 1px solid var(--panel-bd) !important;
}
.menu-principal .dropdown.categorias .dropdown-menu a{
  color: var(--txt) !important;
  font-weight: 400 !important;           /* sem negrito */
  text-decoration: none !important;
}
.menu-principal .dropdown.categorias .dropdown-menu a:hover{
  background: color-mix(in srgb, var(--panel) 80%, var(--bg)) !important;
}

/* ---------- Cards de produtos (seus seletores atuais) ---------- */
.produto-card{ display:flex; flex-direction:column; }
.produto-card .produto-img{ border-bottom: 1px solid var(--panel-bd) !important; background: #0b0f18; }
.produto-card .produto-img img{ display:block; width:100%; height:100%; object-fit:cover; }
.produto-card .preco{ color:#d40000 !important; font-weight:900; }
.produto-card .btn, .btn-detalhes{
  text-decoration:none !important; /* some sublinhado */
}

/* ---------- Header mantém roxo e busca com ícone amarelo ---------- */
.topbar{ background:#6a0dad !important; color:#fff !important; }
.menu-principal{ background:#4b0c8e !important; color:#fff !important; border-bottom:1px solid #3f0a79 !important; }
.topbar .busca button{ background:#4c1d95 !important; color:#ffea00 !important; } /* lupa amarela */

/* ---------- Footer: faixa superior cinza escuro, © em preto ---------- */
footer .footer-inner,
.footer-cms-links{
  background:#111827 !important; color:#e5e7eb !important;
}
footer .footer-inner a, .footer-cms-links a{
  color:#c7d2fe !important; text-decoration:none !important;
}
footer .footer-inner a:hover, .footer-cms-links a:hover{
  text-decoration:underline;
}
footer .footer-bottom{
  background:#000000 !important; color:#e5e7eb !important;
}

/* ---------- Mobile refinamentos ---------- */
@media (max-width: 768px){
  .btn, .btn-outline, .btn-sec{ padding:10px 12px !important; border-radius:10px !important; }
  .produto-card h3{ font-size:1rem !important; }
  .preco{ font-size:1.08rem !important; }
  .orders-table tbody td, .tabela-carrinho tbody td{ padding:10px 12px !important; }
}

/* ---------- Pagina de detalhe do produto: excecoes do layout novo ---------- */
.show-wrap .show-info{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.show-wrap .official-offer-box span{
  color:#ffffff !important;
  background:linear-gradient(135deg,#0f172a,#315ff4) !important;
}

html:not([data-theme="dark"]) .show-wrap .official-offer-box strong{
  color:#0f172a !important;
}

html:not([data-theme="dark"]) .show-wrap .official-offer-box small{
  color:#475569 !important;
}

html:not([data-theme="dark"]) .show-wrap .show-flash-timer,
html[data-theme="dark"] .show-wrap .show-flash-timer{
  background:linear-gradient(135deg,#07111f,#11307a 62%,#0891b2) !important;
  border-color:rgba(34,211,238,.32) !important;
  color:#ffffff !important;
}

html:not([data-theme="dark"]) .show-wrap .show-flash-timer strong,
html[data-theme="dark"] .show-wrap .show-flash-timer strong{
  color:#ffffff !important;
}

html:not([data-theme="dark"]) .show-wrap .show-flash-timer span,
html[data-theme="dark"] .show-wrap .show-flash-timer span{
  color:#67e8f9 !important;
}

html:not([data-theme="dark"]) .show-wrap .show-timer-units b,
html[data-theme="dark"] .show-wrap .show-timer-units b{
  background:rgba(255,255,255,.12) !important;
  color:#ffffff !important;
  border-color:rgba(255,255,255,.20) !important;
}

html:not([data-theme="dark"]) .show-wrap .show-timer-units small,
html[data-theme="dark"] .show-wrap .show-timer-units small{
  color:#dbeafe !important;
}

.show-wrap .acoes-produto .btn-add{
  background:linear-gradient(135deg,#06b6d4,#315ff4) !important;
  border-color:transparent !important;
  color:#ffffff !important;
}

.show-wrap .acoes-produto .btn-detalhes{
  background:linear-gradient(135deg,#16a34a,#22c55e) !important;
  border-color:transparent !important;
  color:#ffffff !important;
}

.show-wrap .acoes-produto .btn-voltar{
  background:rgba(49,95,244,.08) !important;
  border-color:rgba(49,95,244,.18) !important;
  color:#315ff4 !important;
}

html[data-theme="dark"] .show-wrap .acoes-produto .btn-voltar{
  background:rgba(255,255,255,.06) !important;
  border-color:rgba(148,163,184,.24) !important;
  color:#dbeafe !important;
}

html[data-theme="dark"] .show-wrap,
html[data-theme="dark"] .show-wrap .show-card{
  background: linear-gradient(180deg,#0d1830,#111d36) !important;
  border-color: rgba(148,163,184,.22) !important;
  color: #f8fafc !important;
}

html[data-theme="dark"] .show-wrap .show-title,
html[data-theme="dark"] .show-wrap .show-parc,
html[data-theme="dark"] .show-wrap .show-desc,
html[data-theme="dark"] .show-wrap .show-economy,
html[data-theme="dark"] .show-wrap .qty-label,
html[data-theme="dark"] .show-wrap .qty-stock,
html[data-theme="dark"] .show-wrap .seller-rep__title,
html[data-theme="dark"] .show-wrap .collapsible__title,
html[data-theme="dark"] .show-wrap .recom-ttl{
  color: #f8fafc !important;
}

html[data-theme="dark"] .show-wrap .show-kicker,
html[data-theme="dark"] .show-wrap .show-flash-timer span{
  color: #67e8f9 !important;
}

html[data-theme="dark"] .show-wrap .show-economy strong{
  color: #86efac !important;
}

html[data-theme="dark"] .show-wrap .preco{
  color: #f87171 !important;
}

html[data-theme="dark"] .show-wrap .preco-antigo,
html[data-theme="dark"] .show-wrap .official-offer-box small,
html[data-theme="dark"] .show-wrap .show-timer-units small{
  color: #b7c4d8 !important;
}

html[data-theme="dark"] .show-wrap .official-offer-box,
html[data-theme="dark"] .show-wrap .qty-wrap,
html[data-theme="dark"] .show-wrap .seller-rep,
html[data-theme="dark"] .show-wrap .collapsible,
html[data-theme="dark"] .show-wrap .qa-wrap,
html[data-theme="dark"] .show-wrap .recent-wrap{
  background: rgba(255,255,255,.055) !important;
  border-color: rgba(148,163,184,.22) !important;
}

html[data-theme="dark"] .show-wrap .qty-btn,
html[data-theme="dark"] .show-wrap .qty-input,
html[data-theme="dark"] .show-wrap .fav-btn,
html[data-theme="dark"] .show-wrap .share-btn{
  background: #0b1224 !important;
  color: #f8fafc !important;
  border-color: rgba(148,163,184,.22) !important;
}

html:not([data-theme="dark"]) .show-wrap .show-flash-timer{
  background:#ffffff !important;
  border-color:rgba(15,23,42,.08) !important;
  color:#0f172a !important;
}

html[data-theme="dark"] .show-wrap .show-flash-timer{
  background:rgba(15,23,42,.28) !important;
  border-color:rgba(249,115,22,.42) !important;
  color:#ffffff !important;
}

html:not([data-theme="dark"]) .show-wrap .show-flash-timer .show-timer-icon{
  background:linear-gradient(135deg,#ef4444,#f97316) !important;
  color:#ffffff !important;
}

html:not([data-theme="dark"]) .show-wrap .show-timer-units b{
  background:linear-gradient(135deg,#0ea5e9,#075fc5) !important;
  color:#ffffff !important;
  border-color:rgba(14,165,233,.22) !important;
}

html[data-theme="dark"] .show-wrap .show-flash-timer .show-timer-icon,
html[data-theme="dark"] .show-wrap .show-timer-units b{
  background:linear-gradient(135deg,#fb923c,#f43f5e) !important;
  color:#ffffff !important;
  border-color:rgba(251,146,60,.34) !important;
}

html:not([data-theme="dark"]) .show-wrap .show-timer-units small,
html[data-theme="dark"] .show-wrap .show-timer-units small{
  color:rgba(255,255,255,.88) !important;
}

html[data-theme="dark"] .show-wrap .official-offer-box strong{
  color:#ffffff !important;
}

html[data-theme="dark"] .show-wrap .show-parc strong{
  color:#86efac !important;
}