/* =====================================================
   Fleetbase Vehicle Overview
   ===================================================== */

.fleetbase-overview{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:14px;
  align-items:stretch;
  margin:0;
  padding:0;
  list-style:none;
}

/* responsive */
@media (max-width:1100px){
  .fleetbase-overview{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width:600px){
  .fleetbase-overview{
    grid-template-columns:1fr;
    gap:12px;
  }
}

/* item (li blokken) */
.fleetbase-overview li,
.fleetbase-overview__item{
  display:block;
  padding:16px 18px;
  background:#383838;
  border:1px solid rgba(255,255,255,0.08);
  border-radius:12px;
  transition:border-color .2s ease, box-shadow .2s ease;
  box-shadow:0 2px 10px rgba(0,0,0,0.25);
}

/* hover */
.fleetbase-overview li:hover,
.fleetbase-overview__item:hover{
  border-color:#029dc1;
  box-shadow:0 8px 24px rgba(0,0,0,0.35);
}

/* icon uitschakelen */
.fleetbase-overview__icon{
  display:none;
}

/* text container */
.fleetbase-overview__content{
  min-width:0;
  width:100%;
}

/* titel */
.fleetbase-overview__title,
.fleetbase-overview li h3{
  font-size:12px;
  line-height:1.4;
  font-weight:600;
  color:#ffffff;
  margin:0 0 4px;
}

/* waarde */
.fleetbase-overview__value{
  font-size:14px;
  line-height:1.45;
  font-weight:600;
  color:#e0e0e0;
  margin:0;
  word-break:break-word;
  overflow-wrap:anywhere;
}

/* eerste 4 specs iets subtiel anders */
.fleetbase-overview li:nth-child(-n+4){
  background:#404040;
}

/* mobiel */
@media (max-width:600px){

  .fleetbase-overview li,
  .fleetbase-overview__item{
    padding:14px 16px;
    border-radius:10px;
  }

  .fleetbase-overview__title{
    font-size:11px;
  }

  .fleetbase-overview__value{
    font-size:13px;
  }

}