/* ═══════════════════════════════════════════════════════════════
   AnimeMasti — Neon City SITE-WIDE theme (design handoff / THEMING.md)
   Loaded LAST in base.html so it overrides redesign.css on every
   customer page. Recolors + chamfers the shared component classes.
   Page-level inline colors are handled by the token color-sweep.
════════════════════════════════════════════════════════════════ */

:root{
  --nc-bg:#070512; --nc-panel:#0b0820; --nc-alt:#0a0618; --nc-footer:#050310;
  --nc-accent:#e14dff; --nc-pink:#ff2df0; --nc-cyan:#00f0ff; --nc-cta:#00e5ff;
  --nc-text:#eaf6ff; --nc-muted:#9b90c9; --nc-dim:#6b5f96; --nc-success:#2bff88;
}

/* Fonts used by mono labels / JP accents across pages */
body, .page-wrapper{ background:var(--nc-bg) !important; color:var(--nc-text); }

/* ── Page header / breadcrumb ── */
.lexi-page-header{ background:
  radial-gradient(900px 460px at 80% 6%,rgba(255,45,160,.12),transparent 60%),
  radial-gradient(760px 420px at 6% 92%,rgba(0,240,255,.09),transparent 60%),
  var(--nc-bg) !important; border-bottom:1px solid rgba(225,77,255,.2); }
.lexi-page-header h1{ font-family:'Urbanist',sans-serif; font-style:italic; font-weight:900; letter-spacing:-.01em; color:var(--nc-text); }
.lexi-page-header h1 span{ color:var(--nc-accent); text-shadow:0 0 10px rgba(225,77,255,.7),0 0 40px rgba(255,45,240,.4); }
.lexi-page-header p{ color:var(--nc-muted); font-family:'IBM Plex Mono',monospace; }
.lexi-breadcrumb{ font-family:'IBM Plex Mono',monospace; font-size:12px; color:var(--nc-dim); }
.lexi-breadcrumb a{ color:var(--nc-cyan) !important; }
.lexi-breadcrumb a:hover{ color:var(--nc-accent) !important; }
.lexi-breadcrumb .current{ color:var(--nc-muted); }
.lexi-breadcrumb .sep{ color:var(--nc-dim); }

/* ── Buttons (chamfer + neon) ── */
.btn-lexi-primary,.btn-whatsapp-buy{
  background:linear-gradient(135deg,#b026ff,#ff2df0) !important; color:#070512 !important;
  border:none !important; border-radius:0 !important; font-weight:900; letter-spacing:.03em;
  box-shadow:0 0 24px rgba(225,77,255,.5); clip-path:polygon(0 0,calc(100% - 16px) 0,100% 100%,16px 100%);
  transition:box-shadow .2s, transform .2s; }
.btn-lexi-primary:hover,.btn-whatsapp-buy:hover{ box-shadow:0 0 40px rgba(255,45,240,.8); transform:translateY(-3px); color:#070512 !important; }
.btn-lexi-secondary{
  background:transparent !important; color:var(--nc-cta) !important;
  border:1px solid rgba(0,229,255,.55) !important; border-radius:0 !important; font-family:'IBM Plex Mono',monospace; font-weight:700;
  text-shadow:0 0 8px rgba(0,229,255,.6); box-shadow:0 0 12px rgba(0,229,255,.18);
  clip-path:polygon(0 0,calc(100% - 14px) 0,100% 100%,14px 100%); }
.btn-lexi-secondary:hover{ background:rgba(0,229,255,.08) !important; box-shadow:0 0 24px rgba(0,229,255,.4); }
.btn-lexi-ghost{ color:var(--nc-muted) !important; font-family:'IBM Plex Mono',monospace; font-weight:700; }
.btn-lexi-ghost:hover{ color:var(--nc-accent) !important; text-shadow:0 0 8px rgba(225,77,255,.6); }

/* ── Product card (used by store/category/series/search/related) ── */
.lexi-product-card{
  background:var(--nc-panel) !important; border:1px solid rgba(0,240,255,.2) !important; border-radius:0 !important;
  overflow:hidden; clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,26px 100%,0 calc(100% - 26px));
  transition:transform .2s, box-shadow .2s, border-color .2s; }
.lexi-product-card:hover{ transform:translateY(-6px) rotate(-1deg); border-color:rgba(255,45,160,.6) !important; box-shadow:0 0 26px rgba(255,45,160,.22); }
.lexi-product-card .card-image{ background:repeating-linear-gradient(45deg,#0a0618 0px,#0a0618 14px,#0d0922 14px,#0d0922 28px) !important; }
.lexi-product-card .card-body{ border-top:1px solid rgba(0,240,255,.18); }
.lexi-product-card .card-title{ color:var(--nc-text) !important; font-weight:700; }
.lexi-product-card .card-price > span:first-child,
.lexi-product-card .card-price{ color:var(--nc-accent) !important; text-shadow:0 0 10px rgba(225,77,255,.4); }
.tag-badge{ border-radius:0 !important; font-family:'IBM Plex Mono',monospace; clip-path:polygon(0 0,calc(100% - 8px) 0,100% 100%,0 100%); }
.tag-badge.best-sellers{ background:#a855f7 !important; color:#070512 !important; }
.tag-badge.new-arrival{ background:var(--nc-cyan) !important; color:#070512 !important; }
.tag-badge.limited{ background:#ff2da0 !important; color:#fff !important; }
.low-stock-warn{ color:#fbbf24 !important; font-family:'IBM Plex Mono',monospace; }

/* ── Category cards ── */
.lexi-category-card{
  background:var(--nc-panel) !important; border:1px solid rgba(0,240,255,.2) !important; border-radius:0 !important;
  overflow:hidden; clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,26px 100%,0 calc(100% - 26px));
  transition:transform .2s, box-shadow .2s, border-color .2s; }
.lexi-category-card:hover{ transform:translateY(-5px); border-color:rgba(225,77,255,.6) !important; box-shadow:0 0 22px rgba(225,77,255,.2); }
.lexi-category-card .cat-name{ color:var(--nc-text); font-family:'Urbanist',sans-serif; font-weight:800; }
.lexi-category-card .cat-count{ color:var(--nc-muted); font-family:'IBM Plex Mono',monospace; }
.lexi-category-card .cat-placeholder-icon{ filter:drop-shadow(0 0 8px rgba(0,240,255,.4)); }

/* ── Section headings that use the h2 pattern ── */
.lexi-section-title, .store-section h2{ font-family:'Urbanist',sans-serif; font-style:italic; font-weight:900; color:var(--nc-text); }

/* ── Floating WhatsApp button → chamfer, keep brand green icon ── */
.whatsapp-float{ border-radius:0 !important; clip-path:polygon(0 0,calc(100% - 14px) 0,100% 100%,14px 100%); }

/* ── Form inputs → dark neon, no radius, cyan focus ── */
.nc-page input[type="text"], .nc-page input[type="email"], .nc-page input[type="tel"], .nc-page input[type="number"], .nc-page textarea, .nc-page select{
  background:var(--nc-panel); border:1px solid rgba(0,229,255,.3); border-radius:0; color:var(--nc-text); }

/* Utility: mono kicker + neon section wrapper (opt-in via class) */
.nc-kicker{ color:var(--nc-cyan); font-family:'IBM Plex Mono',monospace; font-size:11.5px; font-weight:700; letter-spacing:.16em; text-shadow:0 0 8px rgba(0,240,255,.6); }

@media (prefers-reduced-motion: reduce){
  .lexi-product-card, .lexi-category-card, .btn-lexi-primary, .btn-lexi-secondary{ transition:none; }
}