@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

/* =====================================================
   Shop Mobile - Correção Global Modo Claro
   Escopado para data-theme="light" e body[data-theme="light"]
===================================================== */

:root[data-theme="light"],
body[data-theme="light"]{
  --bg:#f4f7fb!important;
  --page-bg:#f4f7fb!important;
  --card:#ffffff!important;
  --card-bg:#ffffff!important;
  --input:#ffffff!important;
  --input-bg:#ffffff!important;
  --text:#0f172a!important;
  --muted:#475569!important;
  --border:#dbe3ef!important;
  --primary:#22c55e!important;
  --secondary:#6366f1!important;
}

/* Base */
html[data-theme="light"] body,
body[data-theme="light"]{
  background:#f4f7fb!important;
  color:#0f172a!important;
}

/* Containers principais */
html[data-theme="light"] .app-main,
html[data-theme="light"] .painel-main,
html[data-theme="light"] .admin-main,
html[data-theme="light"] main,
body[data-theme="light"] .app-main,
body[data-theme="light"] .painel-main,
body[data-theme="light"] .admin-main,
body[data-theme="light"] main{
  background:#f4f7fb!important;
  color:#0f172a!important;
}

/* Cards e caixas */
html[data-theme="light"] .card,
html[data-theme="light"] .panel,
html[data-theme="light"] .box,
html[data-theme="light"] .dashboard-card,
html[data-theme="light"] .stat-card,
html[data-theme="light"] .ml2-card,
html[data-theme="light"] .settings-card,
html[data-theme="light"] .module-card,
html[data-theme="light"] .plan-card,
body[data-theme="light"] .card,
body[data-theme="light"] .panel,
body[data-theme="light"] .box,
body[data-theme="light"] .dashboard-card,
body[data-theme="light"] .stat-card,
body[data-theme="light"] .ml2-card,
body[data-theme="light"] .settings-card,
body[data-theme="light"] .module-card,
body[data-theme="light"] .plan-card{
  background:#ffffff!important;
  color:#0f172a!important;
  border-color:#dbe3ef!important;
  box-shadow:0 12px 30px rgba(15,23,42,.08)!important;
}

/* Textos */
html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] h4,
html[data-theme="light"] h5,
html[data-theme="light"] h6,
html[data-theme="light"] strong,
html[data-theme="light"] label,
body[data-theme="light"] h1,
body[data-theme="light"] h2,
body[data-theme="light"] h3,
body[data-theme="light"] h4,
body[data-theme="light"] h5,
body[data-theme="light"] h6,
body[data-theme="light"] strong,
body[data-theme="light"] label{
  color:#0f172a!important;
}

html[data-theme="light"] p,
html[data-theme="light"] small,
html[data-theme="light"] span,
html[data-theme="light"] .muted,
html[data-theme="light"] .text-muted,
html[data-theme="light"] .description,
body[data-theme="light"] p,
body[data-theme="light"] small,
body[data-theme="light"] span,
body[data-theme="light"] .muted,
body[data-theme="light"] .text-muted,
body[data-theme="light"] .description{
  color:#475569!important;
}

/* Inputs */
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea,
body[data-theme="light"] input,
body[data-theme="light"] select,
body[data-theme="light"] textarea{
  background:#ffffff!important;
  color:#0f172a!important;
  border-color:#cbd5e1!important;
}

html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder,
body[data-theme="light"] input::placeholder,
body[data-theme="light"] textarea::placeholder{
  color:#94a3b8!important;
}

/* Tabelas */
html[data-theme="light"] table,
body[data-theme="light"] table{
  background:#ffffff!important;
  color:#0f172a!important;
}

html[data-theme="light"] th,
body[data-theme="light"] th{
  background:#eef2f7!important;
  color:#0f172a!important;
  border-color:#dbe3ef!important;
}

html[data-theme="light"] td,
body[data-theme="light"] td{
  color:#1e293b!important;
  border-color:#e2e8f0!important;
}

html[data-theme="light"] tr:hover td,
body[data-theme="light"] tr:hover td{
  background:#f8fafc!important;
}

/* Topbar Admin/Lojista */
html[data-theme="light"] .app-topbar,
html[data-theme="light"] .topbar,
html[data-theme="light"] .admin-topbar,
html[data-theme="light"] .painel-topbar,
body[data-theme="light"] .app-topbar,
body[data-theme="light"] .topbar,
body[data-theme="light"] .admin-topbar,
body[data-theme="light"] .painel-topbar{
  background:#ffffff!important;
  border-bottom:1px solid #dbe3ef!important;
  color:#0f172a!important;
  box-shadow:0 8px 24px rgba(15,23,42,.06)!important;
}

html[data-theme="light"] .app-topbar a,
html[data-theme="light"] .topbar a,
html[data-theme="light"] .admin-topbar a,
html[data-theme="light"] .painel-topbar a,
body[data-theme="light"] .app-topbar a,
body[data-theme="light"] .topbar a,
body[data-theme="light"] .admin-topbar a,
body[data-theme="light"] .painel-topbar a{
  color:#0f172a!important;
}

/* Sidebar - mantém contraste premium */
html[data-theme="light"] .sidebar,
html[data-theme="light"] .painel-sidebar,
html[data-theme="light"] .admin-sidebar,
body[data-theme="light"] .sidebar,
body[data-theme="light"] .painel-sidebar,
body[data-theme="light"] .admin-sidebar{
  background:#111827!important;
  color:#ffffff!important;
}

html[data-theme="light"] .sidebar a,
html[data-theme="light"] .painel-sidebar a,
html[data-theme="light"] .admin-sidebar a,
body[data-theme="light"] .sidebar a,
body[data-theme="light"] .painel-sidebar a,
body[data-theme="light"] .admin-sidebar a{
  color:#cbd5e1!important;
}

html[data-theme="light"] .sidebar a.active,
html[data-theme="light"] .sidebar a:hover,
html[data-theme="light"] .painel-sidebar a.active,
html[data-theme="light"] .painel-sidebar a:hover,
html[data-theme="light"] .admin-sidebar a.active,
html[data-theme="light"] .admin-sidebar a:hover,
body[data-theme="light"] .sidebar a.active,
body[data-theme="light"] .sidebar a:hover,
body[data-theme="light"] .painel-sidebar a.active,
body[data-theme="light"] .painel-sidebar a:hover,
body[data-theme="light"] .admin-sidebar a.active,
body[data-theme="light"] .admin-sidebar a:hover{
  background:linear-gradient(135deg,#22c55e,#16a34a)!important;
  color:#ffffff!important;
}

/* Botões */
html[data-theme="light"] .btn,
html[data-theme="light"] button,
body[data-theme="light"] .btn,
body[data-theme="light"] button{
  color:inherit;
}

html[data-theme="light"] .btn-primary,
html[data-theme="light"] .primary,
html[data-theme="light"] button[type="submit"],
body[data-theme="light"] .btn-primary,
body[data-theme="light"] .primary,
body[data-theme="light"] button[type="submit"]{
  background:#22c55e!important;
  color:#ffffff!important;
  border-color:#22c55e!important;
}

html[data-theme="light"] .btn-dark,
html[data-theme="light"] .dark,
body[data-theme="light"] .btn-dark,
body[data-theme="light"] .dark{
  background:#111827!important;
  color:#ffffff!important;
}

/* Badges */
html[data-theme="light"] .badge,
html[data-theme="light"] .tag,
html[data-theme="light"] .status,
body[data-theme="light"] .badge,
body[data-theme="light"] .tag,
body[data-theme="light"] .status{
  color:#0f172a!important;
  background:#e2e8f0!important;
}

html[data-theme="light"] .badge.active,
html[data-theme="light"] .status.active,
body[data-theme="light"] .badge.active,
body[data-theme="light"] .status.active{
  background:#dcfce7!important;
  color:#166534!important;
}

/* Minha Loja 2.0 */
html[data-theme="light"] .ml2-page,
body[data-theme="light"] .ml2-page{
  background:#f4f7fb!important;
}

html[data-theme="light"] .ml2-head h1,
html[data-theme="light"] .ml2-card h3,
html[data-theme="light"] .ml2-field label,
html[data-theme="light"] .ml2-theme strong,
html[data-theme="light"] .ml2-switch strong,
body[data-theme="light"] .ml2-head h1,
body[data-theme="light"] .ml2-card h3,
body[data-theme="light"] .ml2-field label,
body[data-theme="light"] .ml2-theme strong,
body[data-theme="light"] .ml2-switch strong{
  color:#0f172a!important;
}

html[data-theme="light"] .ml2-card p,
html[data-theme="light"] .ml2-head p,
html[data-theme="light"] .ml2-theme span,
html[data-theme="light"] .ml2-switch small,
body[data-theme="light"] .ml2-card p,
body[data-theme="light"] .ml2-head p,
body[data-theme="light"] .ml2-theme span,
body[data-theme="light"] .ml2-switch small{
  color:#475569!important;
}

html[data-theme="light"] .ml2-side,
body[data-theme="light"] .ml2-side{
  background:#111827!important;
  color:#ffffff!important;
}

html[data-theme="light"] .ml2-tab,
body[data-theme="light"] .ml2-tab{
  color:#cbd5e1!important;
}

html[data-theme="light"] .ml2-tab.active,
body[data-theme="light"] .ml2-tab.active{
  color:#ffffff!important;
}

/* Loja pública no modo claro */
html[data-theme="light"] body.modern-store-page,
body.modern-store-page[data-theme="light"]{
  background:#f4f7fb!important;
  color:#0f172a!important;
}

html[data-theme="light"] body.modern-store-page .modern-store-main,
body.modern-store-page[data-theme="light"] .modern-store-main{
  background:#f4f7fb!important;
}

html[data-theme="light"] body.modern-store-page .market-product-card,
html[data-theme="light"] body.modern-store-page .product-card,
html[data-theme="light"] body.modern-store-page .produto-card,
body.modern-store-page[data-theme="light"] .market-product-card,
body.modern-store-page[data-theme="light"] .product-card,
body.modern-store-page[data-theme="light"] .produto-card{
  background:#ffffff!important;
  color:#0f172a!important;
  border-color:#dbe3ef!important;
  box-shadow:0 14px 34px rgba(15,23,42,.10)!important;
}

html[data-theme="light"] body.modern-store-page .market-product-info h3,
html[data-theme="light"] body.modern-store-page .market-product-info h3 a,
html[data-theme="light"] body.modern-store-page .product-card h3,
body.modern-store-page[data-theme="light"] .market-product-info h3,
body.modern-store-page[data-theme="light"] .market-product-info h3 a,
body.modern-store-page[data-theme="light"] .product-card h3{
  color:#0f172a!important;
}

html[data-theme="light"] body.modern-store-page .market-product-info p,
html[data-theme="light"] body.modern-store-page .product-card p,
body.modern-store-page[data-theme="light"] .market-product-info p,
body.modern-store-page[data-theme="light"] .product-card p{
  color:#475569!important;
}

html[data-theme="light"] body.modern-store-page .store-filter-panel,
html[data-theme="light"] body.modern-store-page .store-breadcrumb,
body.modern-store-page[data-theme="light"] .store-filter-panel,
body.modern-store-page[data-theme="light"] .store-breadcrumb{
  background:#ffffff!important;
  color:#0f172a!important;
  border-color:#dbe3ef!important;
}

html[data-theme="light"] body.modern-store-page .store-search-bar,
body.modern-store-page[data-theme="light"] .store-search-bar{
  background:#ffffff!important;
  border-color:#cbd5e1!important;
}

html[data-theme="light"] body.modern-store-page .store-search-bar input,
body.modern-store-page[data-theme="light"] .store-search-bar input{
  color:#0f172a!important;
}

html[data-theme="light"] body.modern-store-page .custom-trust-bar div,
html[data-theme="light"] body.modern-store-page .trust-bar div,
body.modern-store-page[data-theme="light"] .custom-trust-bar div,
body.modern-store-page[data-theme="light"] .trust-bar div{
  background:#ffffff!important;
  color:#0f172a!important;
  border-color:#dbe3ef!important;
}

/* Rodapé claro */
html[data-theme="light"] body.modern-store-page .store-premium-footer,
body.modern-store-page[data-theme="light"] .store-premium-footer{
  background:#e2e8f0!important;
  color:#0f172a!important;
}

html[data-theme="light"] body.modern-store-page .store-premium-footer h2,
html[data-theme="light"] body.modern-store-page .store-premium-footer strong,
html[data-theme="light"] body.modern-store-page .footer-copy,
body.modern-store-page[data-theme="light"] .store-premium-footer h2,
body.modern-store-page[data-theme="light"] .store-premium-footer strong,
body.modern-store-page[data-theme="light"] .footer-copy{
  color:#0f172a!important;
}

html[data-theme="light"] body.modern-store-page .footer-product-card,
html[data-theme="light"] body.modern-store-page .footer-payment-card,
body.modern-store-page[data-theme="light"] .footer-product-card,
body.modern-store-page[data-theme="light"] .footer-payment-card{
  background:#ffffff!important;
  color:#0f172a!important;
  border-color:#cbd5e1!important;
}

/* Evita textos brancos em fundos claros */
html[data-theme="light"] .text-white,
body[data-theme="light"] .text-white{
  color:#0f172a!important;
}

/* Exceções: elementos que devem continuar brancos */
html[data-theme="light"] .btn-primary,
html[data-theme="light"] .primary,
html[data-theme="light"] .sidebar,
html[data-theme="light"] .painel-sidebar,
html[data-theme="light"] .admin-sidebar,
html[data-theme="light"] .ml2-side,
html[data-theme="light"] .store-welcome-card,
html[data-theme="light"] .store-hero,
html[data-theme="light"] .hero,
body[data-theme="light"] .btn-primary,
body[data-theme="light"] .primary,
body[data-theme="light"] .sidebar,
body[data-theme="light"] .painel-sidebar,
body[data-theme="light"] .admin-sidebar,
body[data-theme="light"] .ml2-side,
body[data-theme="light"] .store-welcome-card,
body[data-theme="light"] .store-hero,
body[data-theme="light"] .hero{
  color:#ffffff!important;
}

html[data-theme="light"] .store-welcome-card h1,
html[data-theme="light"] .store-welcome-card p,
html[data-theme="light"] .store-hero h1,
html[data-theme="light"] .store-hero p,
html[data-theme="light"] .hero h1,
html[data-theme="light"] .hero p,
body[data-theme="light"] .store-welcome-card h1,
body[data-theme="light"] .store-welcome-card p,
body[data-theme="light"] .store-hero h1,
body[data-theme="light"] .store-hero p,
body[data-theme="light"] .hero h1,
body[data-theme="light"] .hero p{
  color:#ffffff!important;
}

*{font-family:'Inter',sans-serif !important;}