/* LivaGoo eSIM-Katalog – kompakter Laufzeitfilter und sauber ausgerichtete Navigation */

/* Desktop-Navigation: aktiver eSIM-Menüpunkt ohne hohen farbigen Kasten. */
@media (min-width: 981px) {
  .esim-catalog-page .header-row {
    min-height: 72px;
    align-items: center;
  }

  .esim-catalog-page .main-nav {
    align-self: stretch;
    align-items: stretch;
  }

  .esim-catalog-page .main-nav a {
    display: flex;
    align-items: center;
    height: 72px;
    padding: 0;
    border-radius: 0;
    background: transparent !important;
  }

  .esim-catalog-page .main-nav a:hover,
  .esim-catalog-page .main-nav a.active {
    background: transparent !important;
  }

  .esim-catalog-page .main-nav a::after {
    bottom: 10px;
  }
}

/* Der Laufzeitfilter steht kompakt direkt unter dem Suchfeld. */
.esim-catalog-page .catalog-search-controls {
  display: block;
}

.esim-catalog-page .catalog-search-controls .destination-field {
  width: 100%;
}

.esim-catalog-page .catalog-days-field {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 10px;
}

.esim-catalog-page .catalog-days-label {
  margin: 0 3px 0 0;
  font-size: 11px;
  line-height: 1;
  white-space: nowrap;
}

.esim-catalog-page .catalog-days-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  width: auto;
}

.esim-catalog-page .catalog-day-filter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-width: 66px;
  min-height: 34px;
  padding: 5px 11px;
  border-radius: 10px;
}

.esim-catalog-page .catalog-day-filter b {
  font-size: 12px;
  line-height: 1;
}

.esim-catalog-page .catalog-day-filter small {
  font-size: 9px;
  line-height: 1;
}

.esim-catalog-page .catalog-days-help {
  display: none;
}

@media (max-width: 520px) {
  .esim-catalog-page .catalog-days-field {
    align-items: flex-start;
    gap: 7px;
    margin-top: 9px;
  }

  .esim-catalog-page .catalog-days-label {
    width: 100%;
  }

  .esim-catalog-page .catalog-days-buttons {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    width: 100%;
    gap: 5px;
  }

  .esim-catalog-page .catalog-day-filter {
    min-width: 0;
    min-height: 35px;
    padding: 5px 4px;
  }
}

/* 2026-07-15: markierte Paketart-Hinweise entfernt und aktive Navigation exakt zentriert. */
.esim-catalog-page .catalog-chips {
  display: none !important;
}

@media (min-width: 981px) {
  .esim-catalog-page .main-nav a {
    justify-content: center;
    line-height: 1;
    vertical-align: middle;
  }

  .esim-catalog-page .main-nav a::after {
    left: 50% !important;
    right: auto !important;
    bottom: 10px !important;
    width: 0 !important;
    height: 3px;
    transform: translateX(-50%) !important;
  }

  .esim-catalog-page .main-nav a:hover::after,
  .esim-catalog-page .main-nav a.active::after {
    width: 38px !important;
  }
}

/* Keep destination suggestions anchored below the search field, not at the top of the page. */
.esim-catalog-page .destination-field{position:relative;}
.esim-catalog-page .destination-suggestions{top:calc(100% + 7px);left:0;right:0;}