/*
Theme Name: NOVA Q Research
Theme URI: https://novaq.example/research
Description: NOVA | Q Research child theme (Storefront parent). Dark, elite research storefront skin with the Peptides-blue Research accent. Research-use-only division.
Author: NOVA | Q
Template: storefront
Version: 0.4.1
License: GNU General Public License v2 or later
Text Domain: novaq-q-research
*/

:root{
  --nq-carbon:#080A0D; --nq-bone:#F1EEE7; --nq-ink:#C7CBD1; --nq-graphite:#AEB3BA; --nq-mute:#8A8F96;
  --nq-silver:#A7AFBA; --nq-violet:#735CFF; --nq-blue:#2F6BFF;
  --nq-surface:#0E1013; --nq-surface2:#14171C; --nq-line:rgba(167,175,186,.16); --nq-line2:rgba(167,175,186,.28);
  --nq-font-display:'Manrope',system-ui,sans-serif;
  --nq-font-body:'Inter',system-ui,sans-serif;
  --nq-font-mono:'IBM Plex Mono',ui-monospace,monospace;
}

/* ---------- Global dark ---------- */
body,#page,.site-content,.site{ background:var(--nq-carbon); color:var(--nq-bone); font-family:var(--nq-font-body); }
body{ -webkit-font-smoothing:antialiased; }
h1,h2,h3,h4,h5,.site-title{ font-family:var(--nq-font-display); font-weight:700; letter-spacing:-.015em; color:var(--nq-bone); }
p,li,td,th,dd,dt,span{ color:var(--nq-bone); }
.secondary,.muted,small{ color:var(--nq-graphite); }
a{ color:var(--nq-bone); text-decoration:none; }
a:hover{ color:var(--nq-blue); }
hr{ border-color:var(--nq-line); }
::selection{ background:rgba(47,107,255,.35); }

/* Technical numerals / codes in mono */
.price,.sku,.woocommerce-Price-amount,.posted_in,.tagged_as{ font-family:var(--nq-font-mono); }

/* ---------- Header (dark, sticky) ---------- */
.site-header{ background:rgba(8,10,13,.92); backdrop-filter:blur(10px); border-bottom:1px solid var(--nq-line);
  position:sticky; top:0; z-index:100; padding-top:14px; padding-bottom:14px; }
.site-header .site-branding,.site-header .site-logo{ margin:0; }
.novaq-wordmark-link svg{ height:30px; width:auto; display:block; }
.site-header a{ color:var(--nq-bone); }
.main-navigation ul li a,.secondary-navigation ul li a,.storefront-primary-navigation a{ color:#D7DADE; font-weight:500; font-size:14px; }
.main-navigation ul li a:hover,.storefront-primary-navigation a:hover{ color:#fff; }
.main-navigation ul.menu ul.sub-menu,.main-navigation ul.nav-menu ul.children{ background:var(--nq-surface2); border:1px solid var(--nq-line); }
button.menu-toggle,button.menu-toggle:hover{ background:transparent; color:var(--nq-bone); border:1px solid var(--nq-line2); }
.site-search .widget_product_search input[type=search],.site-header .widget_product_search input{ background:var(--nq-surface2); color:var(--nq-bone); border:1px solid var(--nq-line); }

/* ---------- Buttons ---------- */
.button,button,input[type=submit],.woocommerce #respond input#submit,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce a.button.alt,.woocommerce button.button.alt{
  background:var(--nq-bone); color:var(--nq-carbon); border:0; border-radius:13px; font-family:var(--nq-font-display); font-weight:600; letter-spacing:.005em;
  padding:.7em 1.4em; transition:transform .12s ease, background .15s ease, color .15s ease;
}
.button:hover,button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover{
  background:#fff; color:var(--nq-carbon); transform:translateY(-1px);
}
.nq-btn-ghost,.woocommerce a.button.nq-ghost{ background:transparent; color:var(--nq-bone); border:1px solid var(--nq-line2); }
.nq-btn-ghost:hover{ border-color:var(--nq-bone); background:transparent; color:#fff; }

/* ---------- Inputs / forms ---------- */
input[type=text],input[type=email],input[type=tel],input[type=password],input[type=search],input[type=number],textarea,select,.select2-container .select2-selection{
  background:var(--nq-surface2); color:var(--nq-bone); border:1px solid var(--nq-line); border-radius:10px;
}
input:focus,textarea:focus,select:focus{ border-color:var(--nq-blue); outline:none; box-shadow:0 0 0 1px var(--nq-blue); }
label,.woocommerce-input-wrapper{ color:var(--nq-graphite); }

/* ---------- Product loop cards ---------- */
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{
  background:var(--nq-surface); border:1px solid var(--nq-line); border-radius:16px; padding:0 0 18px; overflow:hidden;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.woocommerce ul.products li.product:hover{ transform:translateY(-3px); box-shadow:0 16px 44px rgba(0,0,0,.35); border-color:var(--nq-line2); }
.woocommerce ul.products li.product a img{
  margin:0 0 14px; border-radius:0; background:linear-gradient(160deg,#0e1013,#1a1d22); aspect-ratio:4/3; object-fit:contain; padding:14px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{ padding:0 16px; font-family:var(--nq-font-display); font-weight:600; font-size:18px; color:var(--nq-bone); }
.woocommerce ul.products li.product .price{ padding:0 16px; color:var(--nq-bone); font-size:15px; }
.woocommerce ul.products li.product .price del{ color:var(--nq-mute); }
.woocommerce ul.products li.product .price ins{ color:var(--nq-bone); }
.woocommerce ul.products li.product .button,.woocommerce ul.products li.product .added_to_cart{ margin:12px 16px 0; }
.woocommerce ul.products li.product .onsale,.woocommerce span.onsale{ background:var(--nq-blue); color:#fff; border-radius:100px; }

/* ---------- Single product (PDP) ---------- */
.single-product div.product .product_title{ font-size:34px; }
.single-product div.product p.price,.single-product div.product span.price{ color:var(--nq-bone); font-family:var(--nq-font-mono); }
.single-product .woocommerce-product-gallery{ background:linear-gradient(160deg,#0e1013,#1a1d22); border:1px solid var(--nq-line); border-radius:16px; padding:16px; }
.single-product .woocommerce-tabs ul.tabs li{ background:var(--nq-surface); border-color:var(--nq-line); }
.single-product .woocommerce-tabs ul.tabs li.active{ background:var(--nq-surface2); }
.single-product .woocommerce-tabs .panel{ background:transparent; color:var(--nq-bone); }
.woocommerce div.product .woocommerce-tabs ul.tabs::before{ border-color:var(--nq-line); }
.stock.in-stock{ color:#7FD1A6; }
.woocommerce-message,.woocommerce-info,.woocommerce-noreviews,p.no-comments{ background:var(--nq-surface2); color:var(--nq-bone); border-top-color:var(--nq-blue); }
.woocommerce-message::before,.woocommerce-info::before{ color:var(--nq-blue); }

/* Quantity + cart */
.quantity input.qty{ background:var(--nq-surface2); color:var(--nq-bone); border:1px solid var(--nq-line); border-radius:10px; }
table.cart,.cart-collaterals,.woocommerce table.shop_table{ background:var(--nq-surface); border-color:var(--nq-line); border-radius:14px; color:var(--nq-bone); }
.woocommerce table.shop_table th,.woocommerce table.shop_table td{ border-color:var(--nq-line); color:var(--nq-bone); }

/* ---------- Footer ---------- */
.site-footer{ background:var(--nq-carbon); color:var(--nq-graphite); border-top:1px solid var(--nq-line); padding-top:48px; }
.site-footer a{ color:var(--nq-graphite); }
.site-footer a:hover{ color:#fff; }
.site-footer h1,.site-footer h2,.site-footer h3,.site-footer .widget-title{ color:var(--nq-bone); font-family:var(--nq-font-display); font-size:14px; }

/* ============================================================
 * Homepage (front-page.php) — dark, editorial, ecommerce-first
 * ============================================================ */
.nq-eyebrow{ font-family:var(--nq-font-mono); font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:var(--nq-blue); }
.nq-wrap{ max-width:1180px; margin:0 auto; padding:0 32px; }

.nq-hero{ position:relative; background:var(--nq-carbon); overflow:hidden; }
.nq-hero::after{ content:""; position:absolute; right:-8%; top:-20%; width:520px; height:520px;
  background:radial-gradient(circle, rgba(115,92,255,.26), transparent 62%); }
.nq-hero-inner{ position:relative; z-index:2; padding:92px 0 100px; max-width:760px; }
.nq-hero h1{ font-size:clamp(38px,6vw,64px); line-height:1.03; margin:18px 0 20px; }
.nq-hero h1 em{ font-style:normal; color:var(--nq-silver); }
.nq-hero p{ font-size:18px; color:var(--nq-ink); max-width:56ch; margin-bottom:32px; }
.nq-btns{ display:flex; gap:14px; flex-wrap:wrap; }
.nq-signal{ position:absolute; left:0; right:0; bottom:0; height:2px; z-index:2; opacity:.85;
  background:linear-gradient(90deg,transparent,var(--nq-blue),var(--nq-violet),transparent); }

.nq-trust{ background:var(--nq-carbon); border-top:1px solid var(--nq-line); }
.nq-trust-grid{ display:grid; grid-template-columns:repeat(3,1fr); }
.nq-trust-cell{ padding:26px 0 26px 26px; border-left:1px solid var(--nq-line); }
.nq-trust-cell:first-child{ border-left:0; padding-left:0; }
.nq-trust-cell .k{ font-family:var(--nq-font-mono); color:var(--nq-blue); }
.nq-trust-cell h4{ font-size:15px; margin:4px 0 3px; }
.nq-trust-cell p{ font-size:13px; color:var(--nq-graphite); }
@media(max-width:820px){ .nq-trust-grid{ grid-template-columns:1fr; } .nq-trust-cell{ border-left:0; padding-left:0; } }

.nq-sec{ padding:74px 0; }
.nq-sec-head{ display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:32px; }
.nq-sec-head h2{ font-size:32px; }
.nq-sec-head a{ color:var(--nq-graphite); font-size:14px; border-bottom:1px solid var(--nq-blue); padding-bottom:2px; }

.nq-packs{ background:var(--nq-surface); border:1px solid var(--nq-line); border-radius:22px; padding:44px;
  display:grid; grid-template-columns:1.1fr 1.4fr; gap:38px; align-items:center; }
.nq-packs h2{ font-size:28px; margin-bottom:10px; }
.nq-packs p{ color:var(--nq-graphite); }
.nq-tiers{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.nq-tier{ background:rgba(255,255,255,.04); border:1px solid var(--nq-line2); border-radius:12px; padding:16px 12px; text-align:center; }
.nq-tier.best{ border-color:var(--nq-blue); box-shadow:0 0 0 1px var(--nq-blue) inset; }
.nq-tier .n{ font-family:var(--nq-font-display); font-weight:600; font-size:15px; }
.nq-tier .s{ font-family:var(--nq-font-mono); font-size:12px; color:var(--nq-blue); margin-top:4px; }
@media(max-width:820px){ .nq-packs{ grid-template-columns:1fr; padding:30px; } .nq-tiers{ grid-template-columns:repeat(2,1fr); } }

.nq-engine{ display:grid; grid-template-columns:1fr 1fr; gap:52px; align-items:center; }
.nq-engine h2{ font-size:32px; margin:12px 0 14px; }
.nq-engine p{ color:var(--nq-ink); font-size:16px; max-width:48ch; margin-bottom:20px; }
.nq-askbar{ background:var(--nq-surface2); border:1px solid var(--nq-line); border-radius:14px; padding:16px 18px; display:flex; justify-content:space-between; align-items:center; }
.nq-askbar .q{ color:var(--nq-graphite); font-size:14px; }
.nq-askbar .go{ width:34px; height:34px; border-radius:9px; background:var(--nq-bone); color:var(--nq-carbon); display:flex; align-items:center; justify-content:center; }
@media(max-width:820px){ .nq-engine{ grid-template-columns:1fr; } }

.nq-quality{ background:var(--nq-surface); border-top:1px solid var(--nq-line); border-bottom:1px solid var(--nq-line); }
.nq-quality p{ max-width:60ch; color:var(--nq-graphite); font-size:16px; }

/* Header wordmark — swap the site-title text for the locked NOVA | Q wordmark.
   Filter-independent (works regardless of Storefront's title filter). */
.site-branding .site-title,
.site-branding .beta.site-title{ margin:0; line-height:1; }
.site-branding .site-title a{
  display:block; width:118px; height:34px;
  background:url('assets/novaq-wordmark-inverse.svg') left center / contain no-repeat;
  text-indent:-9999px; white-space:nowrap; overflow:hidden;
}

/* Header: match the locked mockup — slim, no tagline, no header search box.
   (Tagline still lives in <title>/meta for SEO; product search remains on /shop.) */
.site-header .site-branding .site-description{ display:none; }
.site-header .site-search{ display:none; }

/* ===== v0.4.0 — broad-appeal, trust, footer, legibility ===== */
/* Legibility pass (older + first-time buyers): larger base, brighter muted text */
body.nq-dark, .nq-home, .woocommerce, .site-main{ font-size:16.5px; }
:root{ --nq-graphite:#B9BEC6; }

/* Segment on-ramp tiles */
.nq-tiles{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
@media(max-width:980px){ .nq-tiles{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:560px){ .nq-tiles{ grid-template-columns:1fr; } }
.nq-tile{ display:flex; flex-direction:column; gap:8px; padding:22px; border:1px solid var(--nq-line2,rgba(167,175,186,.2)); border-radius:16px;
  background:linear-gradient(160deg,rgba(47,107,255,.06),rgba(14,16,19,.4)); text-decoration:none; transition:.18s; min-height:150px; }
.nq-tile:hover{ border-color:var(--nq-blue); transform:translateY(-3px); box-shadow:0 16px 40px rgba(0,0,0,.35); }
.nq-tile-k{ font-family:var(--nq-font-display,'Manrope'),sans-serif; font-weight:600; font-size:18px; color:var(--nq-bone,#F1EEE7); }
.nq-tile-d{ font-size:13.5px; color:var(--nq-graphite); line-height:1.5; flex:1; }
.nq-tile-go{ font-family:var(--nq-font-mono,'IBM Plex Mono'),monospace; font-size:12px; color:var(--nq-blue); }

/* Guarantee strip */
.nq-guar{ background:var(--nq-surface,#0E1013); border-top:1px solid var(--nq-line,rgba(167,175,186,.15)); border-bottom:1px solid var(--nq-line,rgba(167,175,186,.15)); padding:40px 0; margin:0 0 74px; }
.nq-guar-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:26px; }
@media(max-width:900px){ .nq-guar-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:520px){ .nq-guar-grid{ grid-template-columns:1fr; } }
.nq-guar-grid .i{ display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:8px; background:rgba(47,107,255,.12); color:var(--nq-blue); font-weight:700; margin-bottom:10px; }
.nq-guar-grid h4{ font-family:var(--nq-font-display,'Manrope'),sans-serif; font-size:15px; margin:0 0 5px; color:var(--nq-bone,#F1EEE7); }
.nq-guar-grid p{ font-size:13.5px; color:var(--nq-graphite); margin:0; line-height:1.5; }

/* Footer */
.nq-foot{ max-width:1180px; margin:0 auto; padding:8px 32px 0; }
.nq-foot-top{ display:grid; grid-template-columns:1.4fr 2fr; gap:44px; padding-bottom:34px; }
@media(max-width:820px){ .nq-foot-top{ grid-template-columns:1fr; gap:28px; } }
.nq-foot-mark{ font-family:var(--nq-font-display,'Manrope'),sans-serif; font-weight:600; font-size:22px; letter-spacing:.06em; color:var(--nq-bone,#F1EEE7); }
.nq-foot-mark span{ color:var(--nq-silver,#A7AFBA); margin:0 4px; }
.nq-foot-brand p{ color:var(--nq-graphite); font-size:14px; max-width:44ch; margin:12px 0 16px; line-height:1.6; }
.nq-foot-cols{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
@media(max-width:560px){ .nq-foot-cols{ grid-template-columns:repeat(2,1fr); } }
.nq-foot-cols h5{ font-family:var(--nq-font-display,'Manrope'),sans-serif; font-size:13px; color:var(--nq-bone,#F1EEE7); margin:0 0 10px; }
.nq-foot-cols a{ display:block; font-size:13.5px; color:var(--nq-graphite); padding:5px 0; text-decoration:none; }
.nq-foot-cols a:hover{ color:#fff; }
.nq-foot-ruo{ border-top:1px solid var(--nq-line,rgba(167,175,186,.15)); padding:20px 0 8px; margin-top:6px; font-family:var(--nq-font-mono,'IBM Plex Mono'),monospace; font-size:11px; color:#8A8F96; line-height:1.7; }