/*
Theme Name: HighVRAM Market
Theme URI: https://highvramhardwarewatch.com/
Author: HighVRAM Hardware Watch
Description: Lightweight HighVRAM market-intelligence theme with an editable static homepage and Content Egg integration.
Version: 1.1.1
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: highvram-market
*/

:root {
  --hvr-bg: #071018;
  --hvr-bg-soft: #0c1822;
  --hvr-panel: #10212d;
  --hvr-panel-2: #152a38;
  --hvr-text: #edf7fb;
  --hvr-muted: #9fb5c1;
  --hvr-border: rgba(170,215,230,.16);
  --hvr-accent: #48d7ff;
  --hvr-accent-2: #8ef5cf;
  --hvr-warning: #ffd27a;
  --hvr-max: 1180px;
  --hvr-radius: 18px;
  --hvr-shadow: 0 18px 50px rgba(0,0,0,.24);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background:
    radial-gradient(circle at 20% 0%, rgba(72,215,255,.08), transparent 32rem),
    linear-gradient(180deg, #071018 0%, #08131c 100%);
  color: var(--hvr-text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.62;
}
a { color: var(--hvr-accent); text-decoration: none; }
a:hover { color: #96ecff; }
img { max-width: 100%; height: auto; }
button, input, select, textarea { font: inherit; }
.site-shell { min-height: 100vh; }
.wrap { width: min(calc(100% - 36px), var(--hvr-max)); margin-inline: auto; }
.narrow { width: min(calc(100% - 36px), 820px); margin-inline: auto; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 60;
  border-bottom: 1px solid var(--hvr-border);
  background: rgba(7,16,24,.92);
  backdrop-filter: blur(15px);
}
.header-inner {
  min-height: 74px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
}
.brand { display:flex; align-items:center; gap:12px; color:var(--hvr-text); font-weight:800; letter-spacing:-.02em; }
.brand-mark {
  display:grid; place-items:center;
  width: 40px; height: 40px; border-radius: 12px;
  background: linear-gradient(135deg,var(--hvr-accent),var(--hvr-accent-2));
  color:#041019; font-weight:900; box-shadow: 0 0 30px rgba(72,215,255,.22);
}
.brand small { display:block; color:var(--hvr-muted); font-size:.72rem; font-weight:600; letter-spacing:.04em; }
.primary-nav ul { display:flex; list-style:none; gap:22px; margin:0; padding:0; align-items:center; }
.primary-nav a { color:#dceaf0; font-size:.92rem; font-weight:650; }
.primary-nav a:hover { color:var(--hvr-accent); }
.menu-toggle { display:none; background:none; color:white; border:1px solid var(--hvr-border); border-radius:10px; padding:7px 10px; }

.section { padding:64px 0; }
.section-tight { padding:45px 0; }
.panel {
  border:1px solid var(--hvr-border);
  border-radius:var(--hvr-radius);
  background:linear-gradient(180deg,rgba(16,33,45,.94),rgba(10,24,34,.94));
  box-shadow:var(--hvr-shadow);
}
.panel-pad { padding: clamp(18px,3vw,30px); }

.content-area { padding:56px 0 80px; }
.entry-header { margin-bottom:28px; }
.entry-title { font-size:clamp(2.1rem,5vw,4rem); line-height:1.05; letter-spacing:-.045em; margin:.2rem 0 .35rem; }
.entry-meta { color:var(--hvr-muted); font-size:.9rem; }
.entry-content { font-size:1.04rem; }
.entry-content h1,.entry-content h2,.entry-content h3 { letter-spacing:-.03em; }
.entry-content h1 { font-size:clamp(2.5rem,6vw,5.4rem); line-height:1; }
.entry-content h2 { margin-top:1.7em; }
.entry-content p { max-width:850px; }
.entry-content .wp-block-separator { border-color:var(--hvr-border); margin:42px 0; }
.entry-content .wp-block-button__link {
  border-radius:12px;
  padding:.75em 1.15em;
  background:linear-gradient(135deg,var(--hvr-accent),var(--hvr-accent-2));
  color:#041019;
  font-weight:800;
}
.entry-content .is-style-outline .wp-block-button__link {
  color:var(--hvr-text);
  background:transparent;
  border:1px solid var(--hvr-border);
}
.entry-content .wp-block-columns { gap:18px; }
.entry-content .wp-block-column {
  border:1px solid var(--hvr-border);
  border-radius:16px;
  background:rgba(16,33,45,.72);
  padding:22px;
}
.entry-content .wp-block-column h3 { margin-top:0; }
.entry-content blockquote { border-left:3px solid var(--hvr-accent); margin:1.6em 0; padding:.5em 0 .5em 1.2em; color:#c6d7df; }
.entry-content pre { overflow:auto; padding:18px; border-radius:12px; background:#02080d; border:1px solid var(--hvr-border); }
.entry-content table { width:100%; border-collapse:collapse; }
.entry-content th,.entry-content td { border-bottom:1px solid var(--hvr-border); padding:10px 8px; text-align:left; }
.entry-content .wp-block-image img { border-radius:14px; }

.hvr-home-page .entry-header { display:none; }
.hvr-home-page .content-area { padding-top:72px; }
.hvr-home-page .entry-content > :first-child { margin-top:0; }
.hvr-home-page .entry-content > .wp-block-heading:first-child { max-width:900px; }

.archive-header { padding:56px 0 20px; }
.archive-header h1 { font-size:clamp(2.2rem,5vw,4rem); margin:0; letter-spacing:-.045em; }
.archive-header p { color:var(--hvr-muted); }

.post-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.post-card { overflow:hidden; }
.post-card .thumb { display:block; aspect-ratio:16/9; background:#0d1e29; overflow:hidden; border-radius:14px 14px 0 0; }
.post-card .thumb img { width:100%; height:100%; object-fit:cover; transition:transform .3s ease; }
.post-card:hover .thumb img { transform:scale(1.025); }
.post-body { padding:20px; }
.post-body h3 { margin:.3rem 0 .55rem; font-size:1.15rem; line-height:1.3; }
.post-body p { color:var(--hvr-muted); font-size:.92rem; }
.meta { color:var(--hvr-muted); font-size:.82rem; text-transform:uppercase; letter-spacing:.055em; }

.pagination { margin-top:32px; }
.pagination .nav-links { display:flex; gap:8px; flex-wrap:wrap; }
.pagination a,.pagination span { display:inline-grid; place-items:center; min-width:38px; min-height:38px; border-radius:9px; border:1px solid var(--hvr-border); padding:0 10px; }
.pagination .current { background:var(--hvr-accent); color:#041019; border-color:transparent; }

.site-footer { border-top:1px solid var(--hvr-border); padding:40px 0 55px; color:var(--hvr-muted); }
.footer-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:30px; }
.footer-links { display:flex; flex-wrap:wrap; gap:14px; justify-content:flex-end; }
.footer-links a { color:#bfd1d9; }
.disclosure { font-size:.82rem; max-width:800px; }

.hvr-migration-notice {
  border-left-color:#48d7ff !important;
}

/* Keyboard navigation, prose links and sticky-header anchor recovery. */
.entry-content :is(h1, h2, h3, h4, h5, h6)[id],
#content { scroll-margin-top: var(--hvr-anchor-offset, 8rem); }
.entry-content :is(p, li, blockquote, figcaption) a:not(.wp-block-button__link):not(.hvm-v1__cta):not([role="button"]),
.hvr-recovery-links a {
  text-decoration: underline;
  text-underline-offset: .15em;
  text-decoration-thickness: .08em;
}
.hvr-skip-link {
  position: fixed;
  z-index: 1000;
  top: .5rem;
  left: .5rem;
  max-width: calc(100% - 1rem);
  padding: .75rem 1rem;
  transform: translateY(-200%);
  color: #041019;
  background: #edf7fb;
  border: 2px solid #48d7ff;
  border-radius: .35rem;
  font-weight: 700;
  text-decoration: underline;
}
.hvr-skip-link:focus { transform: translateY(0); color: #041019; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible {
  outline: 3px solid var(--hvr-accent);
  outline-offset: 3px;
}
.hvr-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.hvr-search-form { display: flex; flex-wrap: wrap; align-items: flex-end; gap: .75rem; margin: 1.5rem 0; max-width: 44rem; }
.hvr-search-form label { flex: 1 1 18rem; min-width: 0; }
.hvr-search-form label span { display: block; margin-bottom: .4rem; font-weight: 700; }
.hvr-search-form input {
  display: block;
  width: 100%;
  min-width: 0;
  min-height: 44px;
  padding: .6rem .75rem;
  color: var(--hvr-text);
  background: var(--hvr-bg-soft);
  border: 1px solid var(--hvr-muted);
  border-radius: .5rem;
}
.hvr-search-form button {
  min-height: 44px;
  padding: .6rem 1rem;
  color: #041019;
  background: var(--hvr-accent);
  border: 1px solid var(--hvr-accent);
  border-radius: .5rem;
  font-weight: 800;
  cursor: pointer;
}
.hvr-recovery-links { display: flex; flex-wrap: wrap; gap: .75rem 1.5rem; padding: 0; list-style: none; }
.hvm-v1__cta { flex-direction: column; }
.hvr-offer-new-tab { display: block; margin-top: .2rem; color: inherit; font-size: .66rem; line-height: 1.2; text-align: center; }
@media (max-width: 1100px) {
  .primary-nav { display:none; position:absolute; top:100%; left:0; right:0; background:#071018; border-bottom:1px solid var(--hvr-border); padding:18px; }
  .primary-nav.is-open { display:block; }
  .primary-nav ul { flex-direction:column; align-items:flex-start; }
  .menu-toggle { display:block; }
}
@media (max-width: 900px) {
  .footer-grid { grid-template-columns:1fr; }
  .post-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .footer-links { justify-content:flex-start; }
}
@media (max-width: 620px) {
  .post-grid { grid-template-columns:1fr; }
  .wrap,.narrow { width:min(calc(100% - 24px),var(--hvr-max)); }
  .section { padding:48px 0; }
  .hvr-home-page .content-area { padding-top:46px; }
}