/*
  EV Latest Models (frontpage module)
  IMPORTANT: Card + grid styling is intentionally inherited from the active theme
  (same classes as /elbilguiden/ archive list: .bilguiden-grid + .bilguiden-card).
  This file styles the list controls (limit buttons), and nothing else.
*/

.ev-latest-models{width:100%;}
.ev-latest-models__heading{margin:0 0 16px 0;}

/* Limit buttons (6 / 9 / 12 / 18 / 21 / 24)
   Styled to blend with the existing Elbilguiden UI.
*/
.ev-latest-models__controls{
  display:flex;
  justify-content:center;
  align-items:center;
  align-content:center;
  flex-wrap:wrap;
  gap:8px;
  width:100%;
  margin:32px auto 0;
  text-align:center;
}

.ev-latest-models__controls-label{
  font:inherit;
  font-weight:500;
  font-size:13px;
  color:var(--bilguiden-muted, #666);
  margin-right:4px;
}

.ev-latest-models__control{
  appearance:none;
  -webkit-appearance:none;
  background:var(--bilguiden-card-bg, #ffffff);
  border:1px solid var(--bilguiden-card-border, #e3e3e3);
  color:inherit;
  padding:5px 12px;
  border-radius:8px;
  font:inherit;
  font-weight:500;
  font-size:13px;
  line-height:1;
  cursor:pointer;
  transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .05s ease;
}

.ev-latest-models__control:hover{
  background:var(--bilguiden-card-bg-hover, #f5f5f5);
  border-color:var(--bilguiden-card-border, #e3e3e3);
}

.ev-latest-models__control:active{
  transform:translateY(1px);
}

.ev-latest-models__control:focus-visible{
  outline:2px solid currentColor;
  outline-offset:2px;
}

.ev-latest-models__control[aria-pressed="true"]{
  background:var(--bilguiden-card-active-bg, #cfcfcf);
  color:var(--bilguiden-card-active-color, #111);
  border-color:var(--bilguiden-card-active-border, #bdbdbd);
  text-decoration:none;
}

.ev-latest-models__control:disabled{opacity:.6;cursor:not-allowed;}