/* AltNexus QRC Library v1.4 — CSS tab */
/* ═══════════════════════════════════════
   QRC LIBRARY — Scoped to .qrc-library-wrapper
   Prevents Astra theme conflicts
   ═══════════════════════════════════════ */
.qrc-library-wrapper {
  --dark-blue:#081C35;--orange:#CC5500;--slate:#3C5364;--steel-blue:#4682B4;
  --white:#FFFFFF;--light-grey:#F5F5F5;--off-white:#F8F9FA;--border-grey:#BDC2C5;
  --green:#007A5E;--amber:#FFC627;--red:#9C2B26;--purple:#6B4C9A;--teal:#0D7377;
  --font-body:'DM Sans',sans-serif;--font-display:'DM Serif Display',serif;--font-mono:'JetBrains Mono',monospace;
  font-family:var(--font-body);
  color:var(--dark-blue);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
.qrc-library-wrapper *{box-sizing:border-box;}

/* ═══ FULL-WIDTH BREAKOUT (escapes Astra content container) ═══ */
.qrc-full-width{
  width:100vw!important;
  max-width:100vw!important;
  position:relative!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  margin-left:0!important;
  margin-right:0!important;
  clear:both!important;
}

/* ═══ HERO ═══ */
.qrc-hero{
  background:var(--dark-blue);color:var(--white);
  padding:52px 0 42px;position:relative;overflow:hidden;
}
.qrc-hero::before{
  content:'';position:absolute;top:-120px;right:-80px;
  width:500px;height:500px;
  background:radial-gradient(circle,rgba(70,130,180,0.07) 0%,transparent 70%);
  pointer-events:none;
}
.qrc-hero-inner{
  max-width:1100px;margin:0 auto;padding:0 32px;position:relative;
}
.qrc-hero-badge{
  font-family:var(--font-mono)!important;font-size:11px!important;font-weight:500!important;
  letter-spacing:2.5px!important;text-transform:uppercase!important;
  color:var(--orange)!important;border:1px solid rgba(204,85,0,0.4)!important;
  padding:5px 14px!important;border-radius:3px!important;
  display:inline-block!important;margin-bottom:18px!important;
  background:transparent!important;
}
.qrc-hero h1.qrc-hero-title{
  font-family:var(--font-display)!important;
  font-size:44px!important;font-weight:400!important;
  line-height:1.15!important;margin-bottom:12px!important;
  color:var(--white)!important;padding:0!important;
  border:none!important;letter-spacing:-0.3px!important;
  text-transform:none!important;
}
.qrc-hero h1.qrc-hero-title span{color:var(--orange)!important;}
.qrc-hero-subtitle{
  font-family:var(--font-body)!important;
  font-size:17px!important;color:rgba(255,255,255,0.65)!important;
  max-width:640px;line-height:1.6!important;margin-bottom:28px!important;
}
.qrc-hero-stats{display:flex;gap:36px;flex-wrap:wrap;}
.qrc-hero-stat-value{
  font-family:var(--font-display)!important;
  font-size:32px!important;color:var(--white)!important;line-height:1!important;
}
.qrc-hero-stat-label{
  font-family:var(--font-mono)!important;
  font-size:11px!important;text-transform:uppercase!important;
  letter-spacing:1px!important;color:rgba(255,255,255,0.4)!important;margin-top:5px!important;
}

/* ═══ FILTER BAR ═══ */
.qrc-filter-bar{
  background:var(--white);border-bottom:1px solid var(--border-grey);
  padding:18px 0;position:sticky;top:0;z-index:100;
  box-shadow:0 2px 8px rgba(8,28,53,0.06);
}
.qrc-filter-inner{max-width:1100px;margin:0 auto;padding:0 32px;}
.qrc-filter-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.qrc-search-box{flex:1;min-width:220px;position:relative;}
.qrc-search-box input{
  width:100%;padding:10px 16px 10px 38px;
  border:1px solid var(--border-grey)!important;border-radius:8px!important;
  font-family:var(--font-body)!important;font-size:14px!important;
  color:var(--dark-blue)!important;background:var(--off-white)!important;
  outline:none!important;transition:border-color 0.2s,box-shadow 0.2s;
  box-shadow:none!important;height:auto!important;
}
.qrc-search-box input:focus{
  border-color:var(--steel-blue)!important;
  box-shadow:0 0 0 3px rgba(70,130,180,0.12)!important;
}
.qrc-search-box input::placeholder{color:var(--border-grey)!important;}
.qrc-search-icon{
  position:absolute;left:13px;top:50%;transform:translateY(-50%);
  color:var(--border-grey);font-size:14px;pointer-events:none;
}
.qrc-filter-group{display:flex;gap:5px;flex-wrap:wrap;}
.qrc-filter-btn{
  font-family:var(--font-body)!important;font-size:12px!important;font-weight:600!important;
  padding:7px 13px!important;border-radius:6px!important;
  border:1px solid var(--border-grey)!important;background:var(--white)!important;
  color:var(--slate)!important;cursor:pointer;transition:all 0.15s;white-space:nowrap;
  line-height:1.4!important;text-transform:none!important;letter-spacing:0!important;
}
.qrc-filter-btn:hover{border-color:var(--steel-blue)!important;color:var(--steel-blue)!important;}
.qrc-filter-btn.active{background:var(--dark-blue)!important;color:var(--white)!important;border-color:var(--dark-blue)!important;}
.qrc-tier-btn{
  font-family:var(--font-mono)!important;font-size:10px!important;font-weight:600!important;
  letter-spacing:0.5px!important;text-transform:uppercase!important;
  padding:7px 11px!important;border-radius:6px!important;
  border:1px solid var(--border-grey)!important;background:var(--white)!important;
  color:var(--slate)!important;cursor:pointer;transition:all 0.15s;
  line-height:1.4!important;
}
.qrc-tier-btn:hover{border-color:var(--steel-blue)!important;color:var(--steel-blue)!important;}
.qrc-tier-btn.active-t1{background:var(--green)!important;color:var(--white)!important;border-color:var(--green)!important;}
.qrc-tier-btn.active-t2{background:var(--steel-blue)!important;color:var(--white)!important;border-color:var(--steel-blue)!important;}
.qrc-tier-btn.active-t3{background:var(--orange)!important;color:var(--white)!important;border-color:var(--orange)!important;}
.qrc-filter-divider{width:1px;height:28px;background:var(--border-grey);flex-shrink:0;}
.qrc-result-count{font-family:var(--font-mono)!important;font-size:11px!important;color:var(--slate)!important;white-space:nowrap;}

/* ═══ LIBRARY CONTAINER ═══ */
.qrc-library-main{max-width:1100px;margin:0 auto;padding:32px 32px 60px;}
.qrc-category-section{margin-bottom:36px;}
.qrc-category-label{
  font-family:var(--font-mono)!important;font-size:13px!important;font-weight:600!important;
  letter-spacing:2px!important;text-transform:uppercase!important;
  color:var(--slate)!important;margin-bottom:14px!important;
  padding-bottom:8px!important;border-bottom:1px solid var(--border-grey)!important;
  display:flex!important;align-items:center!important;gap:10px!important;
}
.qrc-category-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;}
.qrc-category-count{margin-left:auto;font-weight:500!important;color:var(--border-grey)!important;font-size:12px!important;}
.qrc-card-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important;
  gap:16px!important;
}

/* ═══ QRC CARD ═══ */
.qrc-card{
  background:var(--white)!important;border:1px solid var(--border-grey)!important;
  border-radius:10px!important;padding:22px 22px 18px!important;
  transition:all 0.2s;cursor:pointer;text-decoration:none!important;
  color:inherit!important;display:flex!important;flex-direction:column!important;
  position:relative;overflow:hidden;
}
.qrc-card:hover{
  border-color:var(--steel-blue)!important;
  box-shadow:0 4px 16px rgba(8,28,53,0.08)!important;
  transform:translateY(-2px);
}
.qrc-card-top-bar{
  position:absolute;top:0;left:0;right:0;height:3px;opacity:0.4;
  transition:opacity 0.2s;
}
.qrc-card:hover .qrc-card-top-bar{opacity:1;}
.qrc-card-top{
  display:flex!important;justify-content:space-between!important;
  align-items:flex-start!important;margin-bottom:10px!important;
}
.qrc-card-number{
  font-family:var(--font-mono)!important;font-size:10px!important;
  font-weight:500!important;color:var(--slate)!important;letter-spacing:0.5px!important;
}
.qrc-card-status{
  font-family:var(--font-mono)!important;font-size:9px!important;font-weight:600!important;
  letter-spacing:0.5px!important;text-transform:uppercase!important;
  padding:3px 8px!important;border-radius:3px!important;
}
.qrc-status-live{background:rgba(0,122,94,0.1)!important;color:var(--green)!important;}
.qrc-status-coming{background:rgba(70,130,180,0.08)!important;color:var(--steel-blue)!important;}
.qrc-card-title{
  font-family:var(--font-display)!important;font-size:19px!important;
  font-weight:400!important;color:var(--dark-blue)!important;
  line-height:1.25!important;margin-bottom:8px!important;
}
.qrc-card-desc{
  font-family:var(--font-body)!important;font-size:13px!important;
  color:var(--slate)!important;line-height:1.55!important;
  flex:1;margin-bottom:14px!important;
}
.qrc-card-meta{
  display:flex!important;justify-content:space-between!important;
  align-items:center!important;padding-top:12px!important;
  border-top:1px solid var(--light-grey)!important;
}
.qrc-card-tags{display:flex!important;gap:5px!important;flex-wrap:wrap!important;}
.qrc-card-tier{
  font-family:var(--font-mono)!important;font-size:9px!important;font-weight:600!important;
  letter-spacing:1px!important;text-transform:uppercase!important;
  padding:3px 8px!important;border-radius:3px!important;
}
.qrc-tier-1{background:rgba(0,122,94,0.1)!important;color:var(--green)!important;}
.qrc-tier-2{background:rgba(70,130,180,0.1)!important;color:var(--steel-blue)!important;}
.qrc-tier-3{background:rgba(204,85,0,0.1)!important;color:var(--orange)!important;}
.qrc-card-tag{
  font-family:var(--font-mono)!important;font-size:9px!important;
  font-weight:500!important;letter-spacing:0.5px!important;
  color:var(--slate)!important;background:var(--light-grey)!important;
  padding:2px 7px!important;border-radius:3px!important;
}
.qrc-card-arrow{
  font-size:14px;color:var(--border-grey);transition:color 0.2s,transform 0.2s;
}
.qrc-card:hover .qrc-card-arrow{color:var(--orange);transform:translateX(3px);}

/* ═══ EMPTY STATE ═══ */
.qrc-empty-state{text-align:center;padding:60px 20px;color:var(--slate);}
.qrc-empty-state h3{font-family:var(--font-display)!important;font-size:20px!important;color:var(--dark-blue)!important;margin-bottom:8px!important;}
.qrc-empty-state p{font-size:14px!important;}

/* ═══ BUNDLE CTA ═══ */
.qrc-bundle-cta{
  background:linear-gradient(135deg,var(--dark-blue) 0%,var(--slate) 100%)!important;
  border-radius:12px!important;padding:32px 36px!important;color:var(--white)!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:24px!important;margin-top:48px!important;flex-wrap:wrap!important;
}
.qrc-bundle-cta h3{font-family:var(--font-display)!important;font-size:22px!important;margin-bottom:6px!important;color:var(--white)!important;}
.qrc-bundle-cta p{font-size:14px!important;color:rgba(255,255,255,0.65)!important;max-width:500px;line-height:1.55!important;}
.qrc-bundle-btn{
  display:inline-block!important;background:var(--orange)!important;color:var(--white)!important;
  text-decoration:none!important;font-weight:600!important;font-size:14px!important;
  padding:12px 28px!important;border-radius:8px!important;transition:background 0.2s;white-space:nowrap;
}
.qrc-bundle-btn:hover{background:#B34A00!important;color:var(--white)!important;}

/* ═══ RESPONSIVE ═══ */
@media(max-width:768px){
  .qrc-hero h1.qrc-hero-title{font-size:30px!important;}
  .qrc-card-grid{grid-template-columns:1fr!important;}
  .qrc-filter-row{flex-direction:column;align-items:stretch;}
  .qrc-filter-divider{display:none;}
  .qrc-bundle-cta{flex-direction:column!important;text-align:center!important;}
}