/* ─── IQ4hire · Path Advisor (shared across vendor advisor pages) ─── */
:root{
  --adv-card:#0D0D0D;--adv-border:#1E2A1E;--adv-red:#C0392B;--adv-amber:#D4820A;
  --adv-blue:#2980B9;--adv-proxblue:#44AAFF;--adv-green-dk:#00271A;
}

/* ── HERO ── */
.adv-hero{background:var(--navy);padding:9rem 2rem 2.5rem;position:relative;overflow:hidden;}
.adv-hero::before{content:'';position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--green);}
.adv-hero-back{display:inline-block;font-family:var(--mono);font-size:0.7rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--gray);text-decoration:none;margin-bottom:1.25rem;transition:color 0.15s;}
.adv-hero-back:hover{color:var(--white);}
.adv-hero-eye{font-family:var(--mono);font-size:0.7rem;color:var(--green);letter-spacing:0.2em;text-transform:uppercase;margin-bottom:0.75rem;}
.adv-hero-eye::before{content:'// ';}
.adv-hero h1{font-family:var(--condensed);font-weight:800;font-size:clamp(2rem,5vw,3.5rem);line-height:1.0;color:var(--white);text-transform:uppercase;letter-spacing:0.02em;margin-bottom:0.5rem;}
.adv-hero h1 em{color:var(--green);font-style:normal;}
.adv-hero p{color:var(--gray);font-size:1rem;max-width:600px;line-height:1.6;margin-top:0.75rem;}
.adv-progress-track{display:flex;gap:4px;margin-top:1.5rem;align-items:center;}
.adv-progress-step{height:4px;flex:1;background:var(--gray-dim);border-radius:2px;transition:background 0.3s;max-width:60px;}
.adv-progress-step.done{background:var(--green);}
.adv-progress-step.active{background:var(--green);opacity:0.5;}
.adv-progress-label{font-family:var(--mono);font-size:0.65rem;color:var(--gray);letter-spacing:0.1em;margin-left:0.75rem;white-space:nowrap;}

/* ── MAIN LAYOUT ── */
.adv-main{max-width:900px;margin:0 auto;padding:2rem 1.5rem 4rem;}

/* ── QUESTION CARD ── */
.adv-question-card{background:var(--navy);border:1px solid #1E3A5C;border-left:4px solid var(--green);border-radius:2px;padding:2rem;margin-bottom:1.5rem;animation:advFadeIn 0.3s ease;}
@keyframes advFadeIn{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}
.adv-q-label{font-family:var(--mono);font-size:0.65rem;color:var(--green);letter-spacing:0.2em;text-transform:uppercase;margin-bottom:0.6rem;}
.adv-q-text{font-family:var(--condensed);font-weight:700;font-size:1.4rem;color:var(--white);text-transform:uppercase;letter-spacing:0.03em;line-height:1.2;margin-bottom:0.5rem;}
.adv-q-sub{color:var(--gray);font-size:0.875rem;line-height:1.5;margin-bottom:1.5rem;}

/* ── ANSWER OPTIONS ── */
.adv-options{display:flex;flex-direction:column;gap:0.75rem;}
.adv-option-btn{background:var(--adv-card);border:1px solid var(--adv-border);border-radius:2px;padding:1rem 1.25rem;cursor:pointer;text-align:left;transition:all 0.15s;position:relative;display:flex;align-items:flex-start;gap:1rem;width:100%;}
.adv-option-btn:hover{border-color:var(--green);background:var(--adv-green-dk);}
.adv-option-btn.selected{border-color:var(--green);background:var(--adv-green-dk);}
.adv-option-btn.selected::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--green);}
.adv-option-icon{width:28px;height:28px;border-radius:2px;background:var(--navy);border:1px solid var(--gray-dim);display:flex;align-items:center;justify-content:center;font-size:0.8rem;color:var(--gray);flex-shrink:0;font-family:var(--mono);transition:all 0.15s;margin-top:2px;}
.adv-option-btn.selected .adv-option-icon,.adv-option-btn:hover .adv-option-icon{background:var(--green);border-color:var(--green);color:var(--black);}
.adv-option-title{font-family:var(--body);font-weight:600;font-size:0.95rem;color:var(--white);margin-bottom:0.2rem;}
.adv-option-desc{font-size:0.8rem;color:var(--gray);line-height:1.45;}

/* ── NAV BUTTONS ── */
.adv-nav-row{display:flex;gap:0.75rem;margin-top:1.5rem;align-items:center;flex-wrap:wrap;}
.adv-btn-back{background:none;border:1px solid var(--gray-dim);color:var(--gray);padding:0.6rem 1.25rem;font-family:var(--mono);font-size:0.75rem;letter-spacing:0.1em;cursor:pointer;border-radius:1px;transition:all 0.15s;}
.adv-btn-back:hover{border-color:var(--gray);color:var(--white);}
.adv-btn-next{background:var(--green);border:none;color:var(--black);padding:0.7rem 2rem;font-family:var(--mono);font-size:0.75rem;font-weight:600;letter-spacing:0.12em;cursor:pointer;border-radius:1px;transition:all 0.15s;text-transform:uppercase;}
.adv-btn-next:hover{background:#00D44D;}
.adv-btn-next:disabled{background:var(--gray-dim);cursor:not-allowed;color:var(--black);}
.adv-answer-hint{font-size:0.75rem;color:var(--gray-dim);font-family:var(--mono);letter-spacing:0.08em;margin-left:auto;}

/* ── RESULT CARD ── */
.adv-result-section{animation:advFadeIn 0.4s ease;}
.adv-result-eyebrow{font-family:var(--mono);font-size:0.65rem;color:var(--green);letter-spacing:0.2em;text-transform:uppercase;margin-bottom:1rem;}
.adv-result-eyebrow::before{content:'// ';}
.adv-path-header{display:flex;align-items:flex-start;gap:1.25rem;margin-bottom:1.5rem;}
.adv-path-badge{font-family:var(--condensed);font-weight:800;font-size:1rem;padding:0.4rem 0.75rem;border-radius:1px;text-transform:uppercase;letter-spacing:0.08em;white-space:nowrap;flex-shrink:0;margin-top:4px;}
.adv-path-title{font-family:var(--condensed);font-weight:800;font-size:clamp(1.6rem,4vw,2.4rem);text-transform:uppercase;letter-spacing:0.03em;line-height:1.05;color:var(--white);}
.adv-path-subtitle{font-size:0.9rem;color:var(--gray);line-height:1.5;margin-top:0.35rem;}
.adv-rationale-box{background:var(--adv-green-dk);border:1px solid var(--green);border-left:4px solid var(--green);padding:1.25rem 1.5rem;border-radius:1px;margin-bottom:1.5rem;}
.adv-rationale-box p{font-size:0.9rem;color:var(--off-white);line-height:1.6;}

/* ── SUPPLIER GRID ── */
.adv-suppliers-label{font-family:var(--mono);font-size:0.65rem;color:var(--green);letter-spacing:0.2em;text-transform:uppercase;margin-bottom:0.75rem;}
.adv-supplier-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:0.75rem;margin-bottom:1.5rem;}
.adv-supplier-card{background:var(--navy);border:1px solid #1E3A5C;border-radius:1px;padding:1rem 1.25rem;position:relative;overflow:hidden;}
.adv-supplier-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;}
.adv-supplier-card.green::before{background:var(--green);}
.adv-supplier-card.blue::before{background:var(--adv-proxblue);}
.adv-supplier-card.amber::before{background:var(--adv-amber);}
.adv-supplier-card.red::before{background:var(--adv-red);}
.adv-supplier-card.sky::before{background:var(--adv-blue);}
.adv-supplier-name{font-family:var(--body);font-weight:600;font-size:1rem;color:var(--white);margin-bottom:0.2rem;}
.adv-supplier-role{font-family:var(--mono);font-size:0.65rem;color:var(--green);letter-spacing:0.1em;text-transform:uppercase;margin-bottom:0.5rem;}
.adv-supplier-card.blue .adv-supplier-role{color:var(--adv-proxblue);}
.adv-supplier-card.amber .adv-supplier-role{color:var(--adv-amber);}
.adv-supplier-card.red .adv-supplier-role{color:var(--adv-red);}
.adv-supplier-card.sky .adv-supplier-role{color:var(--adv-blue);}
.adv-supplier-pts{list-style:none;margin:0;}
.adv-supplier-pts li{font-size:0.78rem;color:var(--gray);line-height:1.5;padding:0.15rem 0;padding-left:0.85rem;position:relative;}
.adv-supplier-pts li::before{content:'→';position:absolute;left:0;color:var(--gray-dim);font-size:0.7rem;}

/* ── TIMELINE / NEXT STEPS ── */
.adv-steps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:0.75rem;margin-bottom:1.5rem;}
.adv-step-card{background:var(--adv-card);border:1px solid var(--adv-border);border-radius:1px;padding:1rem;}
.adv-step-num{font-family:var(--condensed);font-weight:800;font-size:1.8rem;color:var(--green);line-height:1;margin-bottom:0.4rem;}
.adv-step-title{font-family:var(--body);font-weight:600;font-size:0.85rem;color:var(--white);margin-bottom:0.3rem;}
.adv-step-desc{font-size:0.75rem;color:var(--gray);line-height:1.5;}
.adv-urgent-tag{display:inline-block;background:#8B0000;color:var(--white);font-family:var(--mono);font-size:0.6rem;letter-spacing:0.1em;padding:0.15rem 0.4rem;border-radius:1px;text-transform:uppercase;margin-left:0.5rem;vertical-align:middle;}

/* ── CTA BAR ── */
.adv-cta-bar{background:var(--green);padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-radius:1px;margin-top:1.5rem;flex-wrap:wrap;}
.adv-cta-bar p{color:var(--black);font-family:var(--body);font-weight:600;font-size:0.9rem;line-height:1.4;}
.adv-cta-bar .adv-cta-actions{display:flex;gap:0.6rem;flex-wrap:wrap;}
.adv-cta-bar a{background:var(--black);color:var(--green);font-family:var(--mono);font-size:0.7rem;letter-spacing:0.1em;text-transform:uppercase;text-decoration:none;padding:0.55rem 1.25rem;border-radius:1px;white-space:nowrap;flex-shrink:0;font-weight:600;transition:background 0.15s;}
.adv-cta-bar a:hover{background:var(--navy);}

/* ── RESTART ── */
.adv-restart-row{display:flex;align-items:center;gap:1rem;margin-top:1.5rem;flex-wrap:wrap;}
.adv-btn-restart{background:none;border:1px solid var(--gray-dim);color:var(--gray);padding:0.55rem 1.25rem;font-family:var(--mono);font-size:0.7rem;letter-spacing:0.1em;cursor:pointer;border-radius:1px;text-transform:uppercase;transition:all 0.15s;}
.adv-btn-restart:hover{border-color:var(--white);color:var(--white);}

/* ── ALSO CONSIDER ── */
.adv-also-consider{background:var(--adv-card);border:1px solid var(--adv-border);padding:1.25rem 1.5rem;border-radius:1px;margin-bottom:1rem;}
.adv-also-label{font-family:var(--mono);font-size:0.65rem;color:var(--adv-amber);letter-spacing:0.2em;text-transform:uppercase;margin-bottom:0.6rem;}
.adv-also-label::before{content:'// ';}
.adv-also-consider p{font-size:0.85rem;color:var(--gray);line-height:1.6;}
.adv-also-consider strong{color:var(--off-white);font-weight:600;}

/* ── WARNINGS ── */
.adv-warning-box{background:#1A1400;border:1px solid var(--adv-amber);border-left:4px solid var(--adv-amber);padding:0.9rem 1.25rem;border-radius:1px;margin-bottom:1rem;font-size:0.85rem;color:var(--off-white);line-height:1.5;}
.adv-warning-box strong{color:var(--adv-amber);}

/* ── RESPONSIVE ── */
@media(max-width:600px){
  .adv-hero{padding:7.5rem 1.25rem 1.5rem;}
  .adv-main{padding:1.25rem 1rem 3rem;}
  .adv-supplier-grid{grid-template-columns:1fr;}
  .adv-steps-grid{grid-template-columns:1fr 1fr;}
  .adv-path-header{flex-direction:column;gap:0.75rem;}
  .adv-cta-bar{flex-direction:column;align-items:flex-start;}
}

.adv-hidden{display:none !important;}
.adv-fade{animation:advFadeIn 0.3s ease;}

/* ── HUB CARDS (path-advisor landing page) ── */
.adv-hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1px;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.07);}
.adv-hub-card{background:var(--black);padding:2.25rem;display:flex;flex-direction:column;gap:0.75rem;position:relative;text-decoration:none;transition:background 0.2s;}
.adv-hub-card:hover{background:rgba(0,39,76,0.55);}
.adv-hub-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--green);}
.adv-hub-card-eyebrow{font-family:var(--mono);font-size:0.65rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--green);}
.adv-hub-card-title{font-family:var(--condensed);font-size:1.6rem;font-weight:800;text-transform:uppercase;color:var(--white);line-height:1.05;}
.adv-hub-card-desc{font-size:0.9rem;font-weight:300;color:var(--off-white);line-height:1.6;}
.adv-hub-card-cta{font-family:var(--mono);font-size:0.7rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--green);margin-top:auto;padding-top:0.5rem;}
