/* AFR – Csillagtükör űrlap (Divi-kompatibilis, CSS változó nélkül) */
.afr-rectification-form{
  background:#fbf8ff;
  border:1px solid #ebe6f4;
  border-radius:16px;
  padding:18px 16px;
  box-shadow:0 10px 30px rgba(30,10,60,.06);
  color:#2a2540;
  font-size:15px;
  line-height:1.5;
}
.afr-rectification-form fieldset{margin:0;padding:0;border:0;}
.afr-rectification-form label{display:block;font-weight:600;color:#2a2540;margin-bottom:6px;}

.afr-rectification-form input[type="text"],
.afr-rectification-form input[type="time"],
.afr-rectification-form select{
  width:100%;
  min-height:44px;
  padding:10px 12px;
  border:1px solid #ebe6f4;
  background:#fff;
  border-radius:12px;
  color:#2a2540;
  transition:box-shadow .15s ease,border-color .15s ease,background .15s ease;
  outline:none;
}
.afr-rectification-form input::placeholder{color:#a5a2b6;}
.afr-rectification-form input:focus,
.afr-rectification-form select:focus{
  border-color:#c98fd5;
  box-shadow:0 0 0 4px rgba(201,143,213,.35);
}
.afr-rectification-form .afr-ymd-group select{
  display:inline-block;
  width:calc((100% - 16px)/3);
}
.afr-rectification-form .afr-ymd-group select:not(:last-child){margin-right:8px;}

.afr-rectification-form .afr-nav{display:flex;gap:8px;margin-top:12px;}
.afr-rectification-form .afr-prev,
.afr-rectification-form .afr-next{
  border:none;border-radius:12px;padding:10px 14px;font-weight:600;cursor:pointer;
  transition:transform .05s ease,box-shadow .15s ease,opacity .2s ease;
}
.afr-rectification-form .afr-prev{
  background:#f0ecfb;color:#5d4f83;border:1px solid #ebe6f4;
}
.afr-rectification-form .afr-next{
  background:linear-gradient(180deg,#c98fd5 0%,#a874c9 100%);
  color:#fff;
  box-shadow:0 10px 20px rgba(170,115,201,.25),0 2px 6px rgba(170,115,201,.25);
}
.afr-rectification-form .afr-prev:hover{box-shadow:0 6px 16px rgba(30,10,60,.07);}
.afr-rectification-form .afr-next:hover{box-shadow:0 12px 24px rgba(170,115,201,.35);}
.afr-rectification-form .afr-prev:active,
.afr-rectification-form .afr-next:active{transform:translateY(1px);}

.afr-steps-indicator #afr-progress{height:8px;background:#eee9f7;border-radius:999px;}
#afr-progress-bar{
  background:linear-gradient(90deg,#c98fd5 0%,#a874c9 100%);
  border-radius:999px;transition:width .25s ease;
}
#afr-step-label{color:#6b6780;font-weight:600;}

#events-table{border:1px solid #ebe6f4;border-radius:12px;overflow:hidden;background:#fff;}
#events-table thead{background:#f6f2ff;}
#events-table th{font-weight:700;color:#524673;padding:10px 8px;border-bottom:1px solid #ebe6f4;}
#events-table td{padding:8px 6px;vertical-align:middle;}
#events-table tr + tr td{border-top:1px dashed #eee7f6;}

.afr-ev-desc{width:240px;min-height:44px;}

.afr-rectification-form .afr-remove{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:36px;min-height:36px;padding:0 10px;border-radius:10px;
  background:#f7f3ff;border:1px solid #ebe6f4;color:#7b61a1;cursor:pointer;
  transition:background .15s ease,box-shadow .15s ease,transform .05s ease;
}
.afr-rectification-form .afr-remove:hover{background:#efe8ff;box-shadow:0 6px 14px rgba(30,10,60,.08);}
.afr-rectification-form .afr-remove:active{transform:translateY(1px);}

#afr-rect-form #add-event-row,
#afr-rect-form #add-child-row{
  margin-top:8px;background:#fff;color:#6a56a0;border:1px solid #ebe6f4;
  border-radius:12px;padding:10px 14px;font-weight:600;cursor:pointer;
  transition:box-shadow .15s ease,transform .05s ease;
}
#afr-rect-form #add-event-row:hover,
#afr-rect-form #add-child-row:hover{box-shadow:0 8px 18px rgba(30,10,60,.07);}
#afr-rect-form #add-event-row:active,
#afr-rect-form #add-child-row:active{transform:translateY(1px);}

#events-min-info{font-weight:600;}

@media (max-width:720px){
  .afr-rectification-form .afr-ymd-group select{width:100%;margin-right:0!important;}
  #events-table{display:block;overflow-x:auto;}
  .afr-ev-desc{width:200px;}
}

/* Woo ATC – tiltott állapot vizuálisan */
.single_add_to_cart_button.afr-disabled,
button.single_add_to_cart_button.disabled,
button.single_add_to_cart_button[disabled]{opacity:.6;filter:grayscale(10%);cursor:not-allowed;}

/* 1) Születési dátum (Év/Hó/Nap) – mindig egy sorban */
.afr-rectification-form .afr-ymd-group{
  display:flex; gap:8px; align-items:center;
}
.afr-rectification-form .afr-ymd-group select{
  flex:1 1 0 !important;
  width:auto !important;
  min-width:0;
  box-sizing:border-box;
}

/* 2) “Következő” gomb vizuális disabled állapot */
.afr-rectification-form .afr-next[disabled]{
  background:#e9e6f5 !important;
  color:#9b93b8 !important;
  box-shadow:none !important;
  cursor:not-allowed !important;
}

/* 3) Életesemények – Év/Hónap/Nap mezők szélessége */
#events-table .afr-year{ width:120px !important; }
#events-table .afr-month{ width:100px !important; }
#events-table .afr-day{ width:100px !important; }

/* iOS / Safari select padding fix */
@supports (-webkit-touch-callout: none) {
  .afr-rectification-form select {
    padding-left: 12px !important;
    padding-right: 28px !important;
    -webkit-appearance: none;
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: 14px;
  }
}


/* === Gyermekek sor mobiloptimalizálás – végső igazított verzió === */
@media (max-width: 720px) {

  /* Label-ek */
  .child-row label {
    font-size: 13px !important;
    font-weight: 500 !important;
    margin-bottom: 3px !important;
  }

  /* Szövegek rövidítése */
  .child-row label[for*="month"] strong::after { content: "Hó"; }
  .child-row label[for*="month"] strong { visibility: hidden; position: relative; }
  .child-row label[for*="month"] strong::after {
    visibility: visible;
    position: absolute;
    left: 0;
  }

  .child-row label[for*="time"] strong::after { content: "Idő"; }
  .child-row label[for*="time"] strong { visibility: hidden; position: relative; }
  .child-row label[for*="time"] strong::after {
    visibility: visible;
    position: absolute;
    left: 0;
  }

  /* Rácsszerkezet – a törlés gomb az időpont után jön */
  .child-row {
    display: grid !important;
    grid-template-columns: 1fr 0.9fr 0.9fr 1fr auto !important;
    gap: 6px !important;
    align-items: end !important;
    margin-bottom: 10px !important;
  }

  /* Mezők */
  .child-row input[type="text"],
  .child-row input[type="time"],
  .child-row select {
    font-size: 14px !important;
    padding: 8px 10px !important;
    min-height: 40px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Év és Nap mező elég széles */
  .child-row input[name*="year"],
  .child-row select[name*="year"] {
    width: 72px !important;
  }

  .child-row input[name*="day"],
  .child-row select[name*="day"] {
    width: 60px !important;
  }

  /* Törlés label visszahozása */
  .child-row label[for*="remove"],
  .child-row .delete-label {
    text-align: left !important;
    padding-left: 2px !important;
    margin-right: 0 !important;
  }

  /* Törlés gomb kompakt, közvetlenül az idő után */
  .child-row .afr-remove {
    justify-self: start !important;
    /* align-self: end !important;  */
    width: 32px;
    margin: 0 !important;
    min-width: 32px !important;
    min-height: 32px !important;
    font-size: 13px !important;
    border-radius: 8px !important;
    padding: 0 !important;
    background: #f7f3ff !important;
  }

  .child-row .afr-remove:hover {
    background: #efe8ff !important;
  }

  /* Gomb és sor spacing */
  #afr-rect-form #add-child-row {
    margin-top: 12px !important;
  }

  #add-child-row {
    font-size: 15px !important;
    padding: 8px 12px !important;
  }
}

/* Ugrás megakadályozása lépésváltáskor */
.afr-rectification-form {
  scroll-behavior: smooth;
}