/* ==========================================================================
   Marketplace PÚBLICO — versão CLARA/Glovo (owner 2026-07-15: "tirar o Nexus
   escuro do marketplace; ajudar o cliente a escolher rápido; âmbar = ação do
   cliente"). Restyle das classes nexus-* apenas quando o body é .mkt-light.
   Mesma paleta quente da home para o cliente sentir uma casa só.
   ========================================================================== */

:root {
  --mk-bg: #FBF7EF; --mk-card: #FFFFFF; --mk-ink: #211A12; --mk-ink-soft: #4A4235;
  --mk-mute: #6A6052; --mk-line: #EBE2D2; --mk-gold: #E8B04B; --mk-gold-deep: #87560A;
  --mk-ink-btn: #1B140C; --mk-ok: #1E7A4C;
  --mk-shadow: 0 12px 30px rgba(33,26,18,.09); --mk-shadow-sm: 0 6px 16px rgba(33,26,18,.06);
}

body.mkt-light { background: var(--mk-bg) !important; color: var(--mk-ink); }
body.mkt-light .nexus-shell, body.mkt-light main.nexus-shell { background: transparent !important; }
body.mkt-light footer.nexus-shell { background: transparent !important; }

/* Rodapé: com o fundo do rodapé tornado transparente (linha acima), o creme do
   body passa a ser o fundo real — mas as cores do TEXTO continuavam a vir das
   regras de tema escuro (public/css/nexus.css:1956 e :1965, escritas para um
   rodapé escuro). Resultado medido: 1,62:1 nos 5 links e 1,56:1 na nota, a 12px.
   Repõe a tinta escura da paleta clara (mede 4,76:1 e 9,7:1). */
body.mkt-light footer.nexus-shell .footer-note { color: var(--mk-mute) !important; }
body.mkt-light footer.nexus-shell .footer-links a { color: var(--mk-ink-soft) !important; }
body.mkt-light footer.nexus-shell .footer-links a:hover {
  color: var(--mk-ink) !important; background: rgba(33,26,18,.05) !important;
}

/* Topbar clara (igual à home) */
body.mkt-light .nexus-topbar {
  position: static !important; background: var(--mk-bg) !important; backdrop-filter: none !important;
  border-bottom: 1px solid var(--mk-line) !important; box-shadow: none !important;
}
body.mkt-light .nexus-topbar a, body.mkt-light .nexus-topbar button { color: var(--mk-ink) !important; text-shadow: none !important; }
body.mkt-light .nexus-topbar .nexus-button--primary { background: var(--mk-ink-btn) !important; border-color: var(--mk-ink-btn) !important; color: #fff !important; }
body.mkt-light .nexus-topbar .nexus-button--ghost { background: #fff !important; border: 1px solid var(--mk-line) !important; color: var(--mk-ink) !important; }

/* Secções e "glass" → papel branco, sem vidro escuro nem glow */
body.mkt-light .nexus-section {
  background: transparent !important; border: none !important; box-shadow: none !important;
  backdrop-filter: none !important; color: var(--mk-ink) !important;
  max-width: 1140px; margin-inline: auto; padding: 22px 20px;
}
body.mkt-light .nexus-glass { background: transparent !important; border: none !important; box-shadow: none !important; backdrop-filter: none !important; }
body.mkt-light .nexus-section--compact { padding-top: 26px; }
body.mkt-light .nexus-section__heading p { color: var(--mk-mute) !important; }
/* Descoberta recebe a assinatura cósmica; os filtros continuam em papel claro. */
body.mkt-light .mkt-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(91, 46, 229, .035), rgba(255, 255, 255, 0) 78%) !important;
  box-shadow: 0 0 0 1px rgba(91, 46, 229, .08) inset, 0 0 0 1px rgba(232, 176, 75, .08) !important;
}
body.mkt-light .mkt-hero::before {
  content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background:
    radial-gradient(1.5px 1.5px at 9% 24%, rgba(91,46,229,.18) 50%, transparent 51%),
    radial-gradient(1.2px 1.2px at 34% 70%, rgba(232,176,75,.28) 50%, transparent 51%),
    radial-gradient(1.4px 1.4px at 78% 18%, rgba(91,46,229,.16) 50%, transparent 51%),
    radial-gradient(55% 80% at 98% 0%, rgba(91,46,229,.08), transparent 72%);
}
body.mkt-light .mkt-hero > * { position: relative; z-index: 1; }
body.mkt-light .nexus-title {
  font-family: 'Fraunces','Georgia',serif !important; font-weight: 600 !important;
  color: var(--mk-ink) !important; letter-spacing: -.01em;
}
body.mkt-light .nexus-accent-text { color: var(--mk-gold-deep) !important; }
/* Inline links need a non-colour cue in explanatory copy. */
body.mkt-light p .nexus-accent-text { text-decoration: underline !important; text-underline-offset: .18em; }
body.mkt-light .public-home-section-copy { color: var(--mk-ink-soft) !important; }

/* Busca por zona → campos claros */
body.mkt-light .nexus-market-filter-wrap {
  background: var(--mk-card); border: 1px solid var(--mk-line); border-radius: 18px;
  box-shadow: var(--mk-shadow-sm); padding: 16px 18px;
}
body.mkt-light .nexus-geo-form {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(120px, .55fr) auto;
  align-items: end; gap: 12px;
}
body.mkt-light .nexus-geo-field label { color: var(--mk-mute) !important; }
body.mkt-light .nexus-geo-field select,
body.mkt-light .nexus-geo-field input {
  background: #fff !important; border: 1px solid var(--mk-line) !important; color: var(--mk-ink) !important;
}
body.mkt-light .nexus-geo-field select:focus,
body.mkt-light .nexus-geo-field input:focus { border-color: var(--mk-gold) !important; outline: none; }

/* Botões: âmbar = ação do cliente; ghost = contorno claro */
body.mkt-light .nexus-button--primary {
  background: linear-gradient(180deg,#F1C266,var(--mk-gold)) !important; color: #1E1405 !important;
  border: 1px solid #E3A93B !important; box-shadow: 0 8px 20px rgba(232,176,75,.32) !important;
}
body.mkt-light .nexus-button--ghost {
  background: #fff !important; color: var(--mk-ink) !important; border: 1px solid var(--mk-line) !important;
  box-shadow: none !important; backdrop-filter: none !important;
}
body.mkt-light .nexus-button--ghost:hover { border-color: var(--mk-gold) !important; }

/* Mata os gatilhos de camada de composição do tema escuro (blur/drop-shadow):
   no claro só pesam visualmente e partem a pintura em alguns motores. */
body.mkt-light [class*="nexus-"] { backdrop-filter: none !important; }
body.mkt-light .nexus-market-card__media img,
body.mkt-light .nexus-topbar img,
body.mkt-light .gpp-logo { filter: none !important; }

/* Chips de categoria → pílulas claras; ativa = âmbar */
body.mkt-light .nexus-chip {
  background: #fff !important; color: var(--mk-ink-soft) !important; border: 1px solid var(--mk-line) !important;
  box-shadow: var(--mk-shadow-sm);
}
body.mkt-light .nexus-chip:hover { border-color: var(--mk-gold) !important; color: var(--mk-ink) !important; }
body.mkt-light .nexus-chip.is-active {
  background: #FBEFD6 !important; color: var(--mk-gold-deep) !important; border-color: var(--mk-gold) !important; font-weight: 800;
}

/* Grelha de listagem Glovo */
body.mkt-light .nexus-market-grid {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 20px;
}
/* Com um único perfil publicado, não deixar a Montra parecer partida ao
   meio: o cartão fica centrado; com dois ou mais, a grelha mantém-se fluida. */
body.mkt-light .nexus-market-grid:has(> .nexus-market-card:only-child) {
  grid-template-columns: minmax(260px, 420px);
  justify-content: center;
}
body.mkt-light .nexus-card, body.mkt-light .nexus-market-card {
  background: var(--mk-card) !important; border: 1px solid var(--mk-line) !important;
  border-radius: 20px !important; box-shadow: var(--mk-shadow-sm) !important; overflow: hidden;
  color: var(--mk-ink) !important; transition: transform .15s ease, box-shadow .15s ease;
}
body.mkt-light .nexus-market-card:hover { transform: translateY(-2px); box-shadow: var(--mk-shadow) !important; }
body.mkt-light .nexus-empty-guide {
  grid-column: 1 / -1; margin: 4px 0 0; padding: 22px 24px; border: 1px solid #F1DDB4;
  border-radius: 18px; background: linear-gradient(135deg, #FFF9EC, #FFFFFF); box-shadow: var(--mk-shadow-sm);
}
body.mkt-light .nexus-empty-guide__eyebrow {
  margin: 0 0 6px; color: var(--mk-gold-deep); font-size: .76rem; font-weight: 800;
  letter-spacing: .08em; text-transform: uppercase;
}
body.mkt-light .nexus-empty-guide h2 { margin: 0; color: var(--mk-ink); font-family: 'Fraunces','Georgia',serif; font-size: clamp(1.35rem, 3vw, 1.8rem); }
body.mkt-light .nexus-empty-guide p:last-child { max-width: 66ch; margin: 8px 0 0; color: var(--mk-ink-soft); }
body.mkt-light .nexus-market-card__media { aspect-ratio: 3/2; overflow: hidden; background: #F3EADB !important; }
body.mkt-light .nexus-market-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* The curated empty-state references use tall/editorial imagery. Bias the
     crop below center so a bright sky or flare never reads as missing media. */
  object-position: center 62%;
  transition: transform .35s ease;
}
body.mkt-light .nexus-market-card:hover .nexus-market-card__media img { transform: scale(1.035); }
body.mkt-light .nexus-market-card__overlay { position: absolute; }
body.mkt-light .nexus-market-card__body { padding: 16px 18px 18px; }
body.mkt-light .nexus-market-card__summary p { color: var(--mk-ink) !important; font-weight: 700; }
/* O cartão de curadoria é um .nexus-card, não um perfil publicado. Evita
   herdar a tinta clara do tema escuro sobre a superfície branca. */
body.mkt-light .nexus-market-grid > .nexus-card:not(.nexus-market-card) p {
  color: var(--mk-ink-soft) !important;
}
body.mkt-light .nexus-market-card__footer { border-top: 1px solid var(--mk-line); margin-top: 14px; padding-top: 14px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
body.mkt-light .nexus-market-price small { color: var(--mk-mute) !important; }
body.mkt-light .nexus-market-price strong { color: var(--mk-ink) !important; font-family: 'Outfit',sans-serif; }

@media (max-width: 640px) {
  body.mkt-light .nexus-section { padding-inline: 16px; }
  body.mkt-light .nexus-geo-form { grid-template-columns: 1fr; }
  body.mkt-light .nexus-market-grid { grid-template-columns: 1fr; gap: 16px; }
  body.mkt-light .nexus-market-card__body { padding: 15px 16px 17px; }
  body.mkt-light footer.nexus-shell .footer-links {
    flex-wrap: wrap;
    gap: 8px 16px;
    padding-inline: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.mkt-light .nexus-market-card__media img { transition: none; }
}

/* Badges → chips claros; accent = âmbar */
body.mkt-light .nexus-badge {
  background: #F3EADB !important; color: var(--mk-ink-soft) !important; border: 1px solid var(--mk-line) !important;
}
body.mkt-light .nexus-badge--accent { background: #FBEFD6 !important; color: var(--mk-gold-deep) !important; border-color: #F1DDB4 !important; }
body.mkt-light .gpp-badge-ready { background: #FBEFD6 !important; color: var(--mk-gold-deep) !important; border: 1px solid #F1DDB4 !important; }

/* Descoberta: entrada cosmica com filtros e dados ainda em papel claro. */
body.mkt-light--cosmic .nexus-topbar {
  background:
    radial-gradient(80% 220% at 86% -40%, rgba(91,46,229,.34), transparent 62%),
    #080D1D !important;
  border-bottom-color: rgba(197,180,255,.18) !important;
}
body.mkt-light--cosmic .nexus-topbar a,
body.mkt-light--cosmic .nexus-topbar button { color: #F5F7FF !important; }
body.mkt-light--cosmic .nexus-topbar .nexus-button--primary {
  background: linear-gradient(160deg,#FFD166,#E8B04B) !important;
  border-color: #E8B04B !important; color: #201506 !important;
}
body.mkt-light--cosmic .nexus-topbar .nexus-button--ghost {
  background: rgba(255,255,255,.04) !important;
  border-color: rgba(245,247,255,.28) !important; color: #F5F7FF !important;
}
body.mkt-light--cosmic .mkt-hero {
  background:
    radial-gradient(80% 140% at 92% 0%, rgba(91,46,229,.34), transparent 64%),
    radial-gradient(45% 120% at 8% 100%, rgba(232,176,75,.12), transparent 68%),
    linear-gradient(145deg,#080D1D 0%,#111735 62%,#0A1024 100%) !important;
  border-color: rgba(255,209,102,.22) !important;
  box-shadow: 0 18px 56px rgba(7,10,26,.20), 0 0 0 1px rgba(197,180,255,.12) inset !important;
}
body.mkt-light--cosmic .mkt-hero::before {
  background:
    radial-gradient(2px 2px at 9% 24%, rgba(245,247,255,.72) 48%, transparent 51%),
    radial-gradient(1.5px 1.5px at 34% 70%, rgba(255,209,102,.62) 48%, transparent 51%),
    radial-gradient(1.4px 1.4px at 78% 18%, rgba(197,180,255,.58) 48%, transparent 51%),
    radial-gradient(55% 80% at 98% 0%, rgba(91,46,229,.28), transparent 72%);
}
body.mkt-light--cosmic .mkt-hero .nexus-title { color: #F5F7FF !important; }
body.mkt-light--cosmic .mkt-hero .nexus-section__heading p { color: rgba(245,247,255,.76) !important; }
body.mkt-light--cosmic .mkt-hero .nexus-market-filter-wrap {
  box-shadow: 0 14px 30px rgba(0,0,0,.20), 0 0 0 1px rgba(255,209,102,.12);
}
body.mkt-light--cosmic .nexus-chip { box-shadow: none; }
@media (max-width: 640px) {
  body.mkt-light--cosmic .mkt-hero { border-radius: 18px; }
}
