/*
Theme Name: Nartea
Theme URI: https://nartea.es
Author: BSScorp
Description: Tema propio de Nartea (dark luxury). Reemplaza a Astra: cabecera/pie V4 nativos (sin inyección JS), tono oscuro sin guerras de !important. La lógica de negocio vive en los plugins nartea-* (configurador, cadena, escaparate, taller, postventa). Dev 8221.
Version: 0.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: nartea
*/

/* =========================================================
   TOKENS — única fuente de color/tipografía Nartea
   ========================================================= */
:root{
  --nrt-bg:        #080808;   /* fondo página */
  --nrt-bg-soft:   #0f0e0c;   /* avisos, paneles suaves */
  --nrt-panel:     #111111;   /* tablas carrito */
  --nrt-panel-alt: #0f0f0f;
  --nrt-line:      rgba(201,165,90,.14);
  --nrt-line-2:    #2a2a2a;
  --nrt-gold:      #c9a55a;
  --nrt-gold-2:    #e6c883;
  --nrt-gold-3:    #e8c06a;
  --nrt-text:      #f0ede8;
  --nrt-text-2:    #e8e0d0;
  --nrt-mut:       rgba(240,237,232,.55);
  --nrt-mut-2:     rgba(240,237,232,.42);
  --nrt-err:       #d98b7a;
  --nrt-serif:     'DM Serif Display', Georgia, 'Times New Roman', serif;
  --nrt-sans:      Inter, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --nrt-wrap:      1180px;
  --nrt-head-h:    78px;
}

/* =========================================================
   RESET / BASE (sustituye al reset de Astra)
   ========================================================= */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--nrt-bg);
  color:var(--nrt-text);
  font-family:var(--nrt-sans);
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
/* hueco bajo el header fijo, salvo portada que gestiona su propio hero */
body:not(.home){padding-top:var(--nrt-head-h)}
@media(max-width:760px){ body:not(.home){padding-top:64px} }

img,svg,video{max-width:100%;height:auto;display:block}
a{color:var(--nrt-gold);text-decoration:none;transition:color .2s}
a:hover{color:var(--nrt-gold-2)}
h1,h2,h3,h4{font-family:var(--nrt-serif);font-weight:400;line-height:1.2;color:var(--nrt-text)}
p{margin:0 0 1em}

.nrt-wrap{max-width:var(--nrt-wrap);margin:0 auto;padding:0 clamp(22px,5vw,64px)}
.nrt-main{min-height:40vh}
.nrt-page{max-width:var(--nrt-wrap);margin:0 auto;padding:48px clamp(22px,5vw,64px) 80px}
.nrt-page h1.entry-title{font-size:clamp(2rem,4vw,3rem);margin:0 0 .6em}

/* selección + scrollbar acorde al tono */
::selection{background:rgba(201,165,90,.28);color:#fff}

/* =========================================================
   BOTONES — dorado por defecto (sustituye a nrt-gold-buttons,
   sin !important porque ya no hay Astra que combatir)
   ========================================================= */
.button,
button.button,
input[type=submit],
.wp-element-button,
.wp-block-button__link,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.nrt-quick-buy{
  display:inline-flex;align-items:center;justify-content:center;gap:.5em;
  background:linear-gradient(120deg,var(--nrt-gold),var(--nrt-gold-2));
  color:#1c1610;
  border:none;border-radius:13px;
  padding:12px 26px;
  font-family:var(--nrt-sans);font-weight:700;letter-spacing:.2px;
  text-shadow:none;cursor:pointer;
  box-shadow:0 10px 26px rgba(201,165,90,.30);
  transition:box-shadow .25s ease, transform .1s ease, filter .25s ease;
}
.button:hover,
button.button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.wp-element-button:hover,
.nrt-quick-buy:hover{
  box-shadow:0 14px 34px rgba(201,165,90,.48);
  filter:brightness(1.04);color:#1c1610;
}
.button:active,button.button:active{transform:translateY(1px)}

/* PERSONALIZAR GRABADO (.nrt-cfg-open) = CTA primaria (abre el configurador):
   hereda el relleno dorado de .button; forzamos TEXTO OSCURO para contraste
   (antes salia dorado sobre dorado = ilegible). Ancla en .woocommerce para
   ganar a .woocommerce button.button por orden de fuente. */
.woocommerce button.button.nrt-cfg-open,
.woocommerce a.button.nrt-cfg-open,
button.nrt-cfg-open{
  color:#1c1610 !important;   /* gana a la regla inline !important de un mu-plugin */
  text-shadow:none;
}
.woocommerce button.button.nrt-cfg-open:hover,
button.nrt-cfg-open:hover{ color:#1c1610 !important; }

/* AÑADIR AL CARRITO = CTA secundaria -> outline dorado */
.woocommerce button.single_add_to_cart_button{
  background:transparent;background-image:none;
  color:var(--nrt-gold-2);
  border:1px solid rgba(230,200,131,.55);border-radius:13px;
  font-weight:700;letter-spacing:.2px;box-shadow:none;text-shadow:none;
  transition:background .2s ease, border-color .2s ease, color .2s ease;
}
.woocommerce button.single_add_to_cart_button:hover{
  background:rgba(201,165,90,.10);border-color:var(--nrt-gold-2);color:var(--nrt-gold-2);
}

/* =========================================================
   CABECERA V4 (#nvh) — nativa, fija. Sin JS, sin ocultar Astra.
   ========================================================= */
#nvh{position:fixed;top:0;left:0;right:0;z-index:1200;color:var(--nrt-text);font-family:var(--nrt-sans);
  background:rgba(8,8,8,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--nrt-line)}
#nvh .nvh-in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:var(--nrt-head-h);padding:0 40px}
#nvh .nvh-logo{font-family:var(--nrt-serif);color:var(--nrt-text);text-decoration:none;font-size:27px;text-align:center;letter-spacing:.08em}
#nvh .nvh-links{display:flex;align-items:center;gap:30px;list-style:none;margin:0;padding:0}
#nvh .nvh-l{justify-self:start}
#nvh .nvh-r{justify-self:end}
#nvh .nvh-links a{color:rgba(240,237,232,.62);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;transition:color .2s}
#nvh .nvh-links a:hover,#nvh .nvh-links a.nvh-active{color:var(--nrt-gold)}
#nvh .nvh-r .nvh-cart{width:40px;height:40px;border:1px solid rgba(201,165,90,.55);border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;color:var(--nrt-gold);text-decoration:none;
  transition:background .25s,color .25s,border-color .25s,transform .2s}
#nvh .nvh-r .nvh-cart:hover{background:var(--nrt-gold);color:#080808;border-color:var(--nrt-gold);transform:translateY(-1px)}
#nvh .nvh-r .nvh-cart svg{width:18px;height:18px;display:block}
#nvh .nvh-cta{display:none;align-items:center;gap:.5em;text-decoration:none;color:var(--nrt-gold);border:1px solid rgba(201,165,90,.5);
  border-radius:2px;padding:8px 18px;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;transition:background .2s,color .2s}
#nvh .nvh-cta:hover{background:var(--nrt-gold);color:#080808}
#nvh .nvh-cart-m{display:none}
@media(max-width:760px){
  #nvh .nvh-in{display:flex;grid-template-columns:none;justify-content:space-between;align-items:center;height:64px;padding:0 20px}
  #nvh .nvh-logo{text-align:left;font-size:22px}
  #nvh .nvh-links{display:none}
  #nvh .nvh-cta{display:inline-flex;margin-left:auto}
  #nvh .nvh-cart-m{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;
    border:1px solid rgba(201,165,90,.55);border-radius:50%;color:var(--nrt-gold);margin-left:12px;text-decoration:none;
    transition:background .25s,color .25s,border-color .25s}
  #nvh .nvh-cart-m:hover{background:var(--nrt-gold);color:#080808;border-color:var(--nrt-gold)}
  #nvh .nvh-cart-m svg{width:18px;height:18px;display:block}
}

/* =========================================================
   PIE lacónico (.foot + .nrt-copy)
   ========================================================= */
.foot{border-top:1px solid var(--nrt-line);padding:56px 0 28px;text-align:center;margin-top:20px}
.foot .wrap{max-width:var(--nrt-wrap);margin:0 auto;padding:0 clamp(22px,5vw,64px)}
.foot .fb{font-family:var(--nrt-serif);font-size:24px;letter-spacing:.06em;margin-bottom:10px}
.foot .fslogan{max-width:420px;margin:0 auto 20px;color:var(--nrt-mut-2);font-size:12.5px;line-height:1.7;font-weight:300}
.foot .fl{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;margin-bottom:22px}
.foot .fl a{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--nrt-mut);text-decoration:none;transition:color .2s}
.foot .fl a:hover{color:var(--nrt-gold)}
.foot .fc{color:rgba(240,237,232,.4);font-size:12.5px;line-height:2}
.foot .fc a{color:var(--nrt-gold);opacity:.85;text-decoration:none}
.foot .fsoc{display:flex;justify-content:center;gap:18px;margin-top:16px}
.foot .fsoc a{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--nrt-line);
  border-radius:50%;color:var(--nrt-gold);opacity:.75;transition:opacity .2s,border-color .2s,transform .2s}
.foot .fsoc a:hover{opacity:1;border-color:rgba(201,165,90,.6);transform:translateY(-2px)}
.foot .fsoc svg{width:16px;height:16px;display:block}
.nrt-copy{display:flex;justify-content:space-between;align-items:center;gap:14px 26px;flex-wrap:wrap;
  padding:16px clamp(22px,5vw,64px);border-top:1px solid var(--nrt-line);font-size:11px;color:rgba(119,119,119,.6);letter-spacing:.05em}
.nrt-copy .nc-legal{display:flex;gap:22px;flex-wrap:wrap}
.nrt-copy .nc-legal a{color:var(--nrt-mut);text-transform:uppercase;letter-spacing:.16em;text-decoration:none;transition:color .2s}
.nrt-copy .nc-legal a:hover{color:var(--nrt-gold)}
@media(max-width:600px){.nrt-copy{justify-content:center;text-align:center}.nrt-copy .nc-legal{justify-content:center}}

/* nvh-auth · icono de cuenta → /acceso/ [deploy 2026-09-01] */
#nvh .nvh-r .nvh-auth{width:40px;height:40px;border:1px solid rgba(201,165,90,.55);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--nrt-gold);text-decoration:none;transition:background .25s,color .25s,border-color .25s,transform .2s;margin-right:-9px}
#nvh .nvh-r .nvh-auth:hover{background:var(--nrt-gold);color:#080808;border-color:var(--nrt-gold);transform:translateY(-1px)}
#nvh .nvh-r .nvh-auth svg{width:18px;height:18px;display:block}
#nvh .nvh-auth-m{display:none}
@media(max-width:760px){
  #nvh .nvh-auth-m{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid rgba(201,165,90,.55);border-radius:50%;color:var(--nrt-gold);text-decoration:none;margin-left:auto}
  #nvh .nvh-auth-m:hover{background:var(--nrt-gold);color:#080808;border-color:var(--nrt-gold)}
  #nvh .nvh-auth-m svg{width:18px;height:18px;display:block}
}