/* ==========================================================================
   RW Theme Canvas · menú compartido (SharedNav) fuera del diseño
   --------------------------------------------------------------------------
   En lugar de styles.css (que pone reglas globales de fuente, enlaces y
   botones): solo los tokens que usan nav.css y el selector de idioma, y la
   convivencia con WoodMart. El tema lo manda html[data-rw-mode] (RW Core);
   js/rw-canvas.js copia ese modo a data-theme, que es lo que lee nav.css.
   ========================================================================== */

:root {
  --panel: #ffffff; --line: rgba(20, 20, 20, 0.08); --ink: #141414; --muted: #707070; --fill: rgba(64, 64, 64, 0.08);
}
:root[data-theme="dark"] {
  --panel: #141414; --line: rgba(255, 255, 255, 0.08); --ink: #ffffff; --muted: #adadad; --fill: rgba(255, 255, 255, 0.08);
}

/* WoodMart pinta todos los botones y enlaces con sus variables: dentro del menú se neutralizan. */
:is(.rw-nav, .mm-panel, .rm-panel, .mnav-panel) {
  --btn-bgcolor: transparent; --btn-bgcolor-hover: transparent;
  --btn-color: currentColor; --btn-color-hover: currentColor;
  --btn-brd-width: 0px; --btn-box-shadow: none; --btn-box-shadow-hover: none; --btn-transform: none;
  --btn-padding: 0; --btn-height: 0; --btn-font-weight: 500; --btn-font-size: 14px;
  --btn-brd-radius: 999px; /* WoodMart imprime su CSS de botones en el body, después de nav.css */
  --btn-font-family: "Geist", "Inter", ui-sans-serif, system-ui, sans-serif;
  --wd-link-color: currentColor; --wd-link-color-hover: currentColor;
  font-family: "Geist", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  font-size: 16px; line-height: 1.5; letter-spacing: normal; -webkit-font-smoothing: antialiased;
  color: var(--nav-ink); /* el hover de WoodMart deja currentColor */
}
:is(.rw-nav, .mm-panel, .rm-panel, .mnav-panel) :is(h2, h3, p) { margin: 0; font-family: inherit; text-transform: none; }
:is(.rw-nav, .mm-panel, .rm-panel, .mnav-panel) img { max-width: none; }

/* Botones de la barra: el hover de WoodMart les quitaría el fondo (gana por especificidad). */
.rw-nav .burger-only .nav-pill, .rw-nav .burger-only .nav-pill:hover,
.rw-nav .nav-menu-btn, .rw-nav .nav-menu-btn:hover { background: var(--nav-ink); color: var(--nav-on-ink); }
.rw-nav .burger-only .theme-toggle, .rw-nav .burger-only .theme-toggle:hover { background: var(--nav-soft); color: var(--nav-ink); }
.rw-nav .rw-nav-actions .theme-toggle:hover, .rw-nav .nav-login:hover { background: var(--nav-hover); color: var(--nav-ink); }
.rw-nav .nav-signup, .rw-nav .nav-signup:hover { color: #fff; }

/* Selector de idioma del plugin: trae sus propios tokens (oscuros por defecto). */
html body :is(.rw-nav, .mnav-panel) .rw-lang {
  --rw-lang-surface: var(--panel); --rw-lang-border: var(--line); --rw-lang-text: var(--ink);
  --rw-lang-muted: var(--muted); --rw-lang-hover: var(--fill); --rw-lang-active: var(--fill);
}
.mnav-panel .rw-lang--inline { flex-wrap: nowrap; justify-content: center; }
.mnav-prepend { margin-bottom: 8px; }

/* SharedNav 'dark' => la barra se queda oscura en modo oscuro (en la home se invierte a blanca). */
:root[data-theme="dark"] .rw-nav.rw-nav--keep-dark {
  --nav-ink: #ffffff; --nav-ink-2: rgba(255, 255, 255, 0.78); --nav-muted: rgba(255, 255, 255, 0.68);
  --nav-hover: rgba(255, 255, 255, 0.1); --nav-soft: rgba(255, 255, 255, 0.08); --nav-line: rgba(255, 255, 255, 0.12);
  --nav-on-ink: #000000; --nav-bg: #000000; --nav-bg-scrolled: rgba(0, 0, 0, 0.88);
  --nav-border: rgba(255, 255, 255, 0.1); --nav-border-scrolled: rgba(255, 255, 255, 0.1);
}
:root[data-theme="dark"] .rw-nav.rw-nav--keep-dark img.logo-light { display: none; }
:root[data-theme="dark"] .rw-nav.rw-nav--keep-dark img.logo-dark { display: block; }