/* ==========================================================
   EVO-X F4.12-D
   PROGRESS NAVIGATOR + SOLUTION TOP 3
   ========================================================== */


/* ----------------------------------------------------------
   PROGRESS NAVIGATOR
   ---------------------------------------------------------- */

.evox-progress-navigator{
  position:relative;
  z-index:5;

  max-width:1180px;

  margin:0 auto;
  padding:14px 24px;

  border-top:
    1px solid rgba(17,24,39,.08);

  border-bottom:
    1px solid rgba(17,24,39,.08);

  background:
    rgba(255,255,255,.88);

  backdrop-filter:
    blur(12px);
}

.evox-progress-title{
  margin-bottom:9px;

  font-size:11px;
  font-weight:800;

  letter-spacing:.1em;
  text-transform:uppercase;

  opacity:.55;
}

.evox-progress-track{
  display:flex;
  gap:8px;

  overflow-x:auto;

  scrollbar-width:none;
}

.evox-progress-track::-webkit-scrollbar{
  display:none;
}

.evox-progress-track button{
  flex:0 0 auto;

  min-height:36px;

  padding:7px 12px;

  border:
    1px solid rgba(17,24,39,.13);

  border-radius:999px;

  background:transparent;
  color:inherit;

  font:inherit;
  font-size:12px;
  font-weight:700;

  cursor:pointer;
}

.evox-progress-track
button.is-complete{
  border-color:
    rgba(20,110,80,.24);

  background:
    rgba(20,110,80,.07);
}


/* ----------------------------------------------------------
   SOLUTION TOP 3
   ---------------------------------------------------------- */

#solutions
.evox-solution-extra[hidden]{
  display:none !important;
}

#solutions
.evox-solution-rank-label{
  margin-bottom:10px;

  font-size:11px;
  font-weight:800;

  letter-spacing:.08em;
  text-transform:uppercase;

  opacity:.65;
}

#solutions
.evox-solution-primary{
  position:relative;
}

#solutions
.evox-solution-primary::before{
  content:"";

  position:absolute;

  inset:-1px;

  border:
    2px solid rgba(20,110,80,.22);

  border-radius:inherit;

  pointer-events:none;
}

#solutions
.evox-solution-top3-toggle{
  display:flex;

  align-items:center;
  justify-content:center;

  width:max-content;
  max-width:100%;

  min-height:44px;

  margin:22px auto 0;

  padding:0 20px;

  border:
    1px solid rgba(17,24,39,.17);

  border-radius:999px;

  background:transparent;
  color:inherit;

  font:inherit;
  font-size:13px;
  font-weight:750;

  cursor:pointer;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media(max-width:820px){

  .evox-progress-navigator{
    padding:
      11px 16px;
  }

  .evox-progress-title{
    margin-bottom:7px;
  }

  .evox-progress-track{
    gap:6px;
  }

  .evox-progress-track button{
    min-height:34px;

    padding:
      6px 10px;

    font-size:11px;
  }

  #solutions
  .v12-capability-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:14px;
  }
}


/* ==========================================================
   EVO-X F4.15-C
   SOLUTIONS FINAL POLISH
   ========================================================== */

#solutions .v12-capability-grid{
  gap:10px !important;
}

#solutions
.evox-solution-primary,
#solutions
.evox-solution-secondary{
  min-height:0 !important;

  padding:16px 18px !important;
}

/* Main solution keeps visual authority */

#solutions
.evox-solution-primary{
  padding-top:17px !important;
  padding-bottom:17px !important;
}

/* Ranking label */

#solutions
.evox-solution-rank-label{
  margin-bottom:7px !important;

  line-height:1.2 !important;
}

/* Internal heading rhythm */

#solutions
.evox-solution-primary h3,
#solutions
.evox-solution-primary h4,
#solutions
.evox-solution-secondary h3,
#solutions
.evox-solution-secondary h4{
  margin-top:10px !important;
  margin-bottom:6px !important;

  line-height:1.12 !important;
}

/* Descriptive copy */

#solutions
.evox-solution-primary p,
#solutions
.evox-solution-secondary p{
  margin-top:8px !important;
  margin-bottom:10px !important;

  line-height:1.38 !important;
}

/* Any internal badges / chips */

#solutions
.evox-solution-primary
[class*="badge"],
#solutions
.evox-solution-secondary
[class*="badge"],
#solutions
.evox-solution-primary
[class*="pill"],
#solutions
.evox-solution-secondary
[class*="pill"]{
  margin-top:0 !important;
  margin-bottom:7px !important;
}

/* Toggle */

#solutions
.evox-solution-top3-toggle{
  min-height:40px !important;

  margin-top:16px !important;

  padding:0 16px !important;
}

/* Section title rhythm */

#solutions
.v12-wrap > h2{
  margin-top:18px !important;
  margin-bottom:12px !important;
}

#solutions
.v12-wrap > h2 + p{
  margin-top:0 !important;
  margin-bottom:18px !important;

  line-height:1.4 !important;
}

@media(max-width:820px){

  #solutions .v12-capability-grid{
    gap:10px !important;
  }

  #solutions
  .evox-solution-primary,
  #solutions
  .evox-solution-secondary{
    padding:14px !important;
  }

  #solutions
  .evox-solution-primary h3,
  #solutions
  .evox-solution-primary h4,
  #solutions
  .evox-solution-secondary h3,
  #solutions
  .evox-solution-secondary h4{
    margin-top:8px !important;
    margin-bottom:5px !important;
  }

  #solutions
  .evox-solution-primary p,
  #solutions
  .evox-solution-secondary p{
    margin-top:6px !important;
    margin-bottom:8px !important;
  }

  #solutions
  .evox-solution-top3-toggle{
    margin-top:14px !important;
  }
}