input[type="number"] {
  width: -webkit-fill-available;
}

.form-number{
  text-align: end;
}

.progress-marker::after {
color: #0d77b5
}


.webform-progress-tracker .progress-step.is-complete .progress-marker::before, .webform-progress-tracker .progress-step.is-complete:hover .progress-marker::before, .webform-progress-tracker .progress-step.is-complete .progress-marker::after{
 background-color:#2494db 
}

.progress-step.is-active .progress-marker::before{
 background-color: #0d77b5 
}

#edit-csoport-adatai-table > tbody > tr:last-child {
  display:none;
}

/* Modern böngészőkben: CSS-sel rejtjük el a nem-required állomás input mezőket */
div.form-item[class*="-vasutallomas-"]:has(input:not([required])),
div.form-item[class*="-buszmegallo-"]:has(input:not([required])) {
  display: none !important;
}

/* ===================================================================
   ÁTSZÁLLÁS DETAILS STÍLUSOK
   ================================================================= */

/* Általános stílus minden átszállás details-re */
details[class*="fs-oda-atszallas-"],
details[class*="fs-vissza-atszallas-"] {
  padding: 15px;
  border-radius: 8px;
  transition: background-color 0.3s ease;
  margin-bottom: 15px;
  border: 1px solid #ddd;
}

/* MÁV kék háttér (vonat választva) */
details[class*="fs-oda-atszallas-"]:has(input[value="vonat"]:checked),
details[class*="fs-vissza-atszallas-"]:has(input[value="vonat"]:checked) {
  background-color: #e6f2ff !important;
  border-color: #0066cc;
}

/* Volán sárga háttér (busz választva) */
details[class*="fs-oda-atszallas-"]:has(input[value="busz"]:checked),
details[class*="fs-vissza-atszallas-"]:has(input[value="busz"]:checked) {
  background-color: #fff9e6 !important;
  border-color: #ffcc00;
}

/* Alapértelmezett szürke háttér (egyik sincs bejelölve) */
details[class*="fs-oda-atszallas-"]:not(:has(input:checked)),
details[class*="fs-vissza-atszallas-"]:not(:has(input:checked)) {
  background-color: #f5f5f5 !important;
}

/* ===================================================================
   INDULÁS FIELDSET STÍLUSOK
   ================================================================= */

/* Általános stílus indulás fieldset-re */
fieldset[class*="fs-oda-indulas-atszallas-"],
fieldset[class*="fs-vissza-indulas-atszallas-"] {
  padding: 15px;
  border-radius: 8px;
  transition: background-color 0.3s ease;
  margin-bottom: 15px;
  border: 1px solid #ddd;
}

/* MÁV kék háttér (vonat választva) */
fieldset[class*="fs-oda-indulas-atszallas-"]:has(input[value="vonat"]:checked),
fieldset[class*="fs-vissza-indulas-atszallas-"]:has(input[value="vonat"]:checked) {
  background-color: #e6f2ff !important;
  border-color: #0066cc;
}

/* Volán sárga háttér (busz választva) */
fieldset[class*="fs-oda-indulas-atszallas-"]:has(input[value="busz"]:checked),
fieldset[class*="fs-vissza-indulas-atszallas-"]:has(input[value="busz"]:checked) {
  background-color: #fff9e6 !important;
  border-color: #ffcc00;
}

/* Alapértelmezett szürke háttér (egyik sincs bejelölve) */
fieldset[class*="fs-oda-indulas-atszallas-"]:not(:has(input:checked)),
fieldset[class*="fs-vissza-indulas-atszallas-"]:not(:has(input:checked)) {
  background-color: #f5f5f5 !important;
}

/* ===================================================================
   VISSZAUTAZÁS KONTÉNER
   ================================================================= */

/* Visszautazási adatmezőket tartalmazó konténer alapból nem jelenik meg */
#edit-visszautazas-container {
  display: none;
}

/* Visszautazási adatmezőket tartalmazó konténer megjelenik, ha bekapcsoljuk a visszautazás checkbox-ot */
body:has(input[name="visszaut_igen[Igen]"]:checked) #edit-visszautazas-container {
  display: block;
}

/* ===================================================================
   DÁTUM MEZŐK
   ================================================================= */

/* Dátum mezők: csak dátum rész látható (idő elrejtése) */
.js-form-item-odautazas .form-time,
.js-form-item-visszautazas .form-time {
  display: none !important;
}