/* Frontpage: 2-column panels for iNPUT content (TEST + PRØVEKØRT)
   Theme provides the general card/grid styling. This file only handles layout + the list under each panel.
*/

.ev-frontpage-inputmag__columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  align-items: start;
}

@media (max-width: 699px) {
  .ev-frontpage-inputmag__columns {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 860px) {
  .ev-frontpage-inputmag__columns {
    gap: 28px;
  }
}

/* Make each panel behave like a single card with internal sections */
.ev-frontpage-inputmag__panel {
  overflow: hidden;
}


/* Featured link: keep the normal card spacing, but allow the list to sit beneath */
.ev-frontpage-inputmag__featured {
  display: block;
}

/* Rating spacing (stars) */
.ev-frontpage-inputmag__rating {
  margin-top: 10px;
}

/* List of the next 4 items */
.ev-frontpage-inputmag__list {
  list-style: none;
  margin: 18px 0 0;
  padding: 0;
}

.ev-frontpage-inputmag__list-item {
  border-top: 1px solid rgba(0,0,0,0.08);
}

.ev-frontpage-inputmag__list-link {
  display: block;
  padding: 10px 18px;
  text-decoration: none;
  font-weight: 600;
  line-height: 1.25;
}

.ev-frontpage-inputmag__list-link:hover {
  text-decoration: underline;
}

/* Panels should LOOK like cards, but not behave like fully clickable cards.
   Only links (image/text) should show pointer cursor. */
.ev-frontpage-inputmag__panel {
  cursor: default !important;
}

.ev-frontpage-inputmag__panel a {
  cursor: pointer;
}

/* Prevent "clickable card" behaviour from theme:
   - remove lift/transform + transitions
   - stop global cursor:pointer on .bilguiden-card
   - ensure the featured link does NOT become a full-card overlay
   - keep the 4 list links clickable
*/
.ev-frontpage-inputmag__panel.bilguiden-card {
  cursor: default !important;
  transform: none !important;
  transition: none !important;
}

.ev-frontpage-inputmag__panel.bilguiden-card:hover {
  transform: none !important;
  box-shadow: inherit !important;
}

/* Theme may make .bilguiden-card__link an absolute overlay (full card). Disable that for panels. */
.ev-frontpage-inputmag__panel .bilguiden-card__link {
  position: static !important;
  inset: auto !important;
  height: auto !important;
  width: auto !important;
}

/* Ensure the list is always above any theme overlays */
.ev-frontpage-inputmag__list,
.ev-frontpage-inputmag__list-item,
.ev-frontpage-inputmag__list-link {
  position: relative;
  z-index: 2;
  pointer-events: auto;
}

/* Footer button */
.ev-frontpage-inputmag__footer {
  padding: 18px;
  text-align: center;
}

.ev-frontpage-inputmag__all-link {
  display: inline-block;
}

/* Title sits ABOVE the card (not part of the clickable card) */
.ev-frontpage-inputmag__panel-wrap {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.ev-frontpage-inputmag__panel-title {
  text-align: center;
  margin: 0;
}
