/* --- Alap form formázás --- */
.form-container {
    padding: 0 10px;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}

.grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.full-width {
    grid-column: span 2;
}

.field-group {
    margin-bottom: 20px;
}

label {
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 6px;
}

input,
select,
textarea {
  width: 100%;
  padding: 12px 16px;
  color: var(--color-primary-brown); /* JAVÍTVA: pontosvessző pótolva */
  border: 1px solid var(--color-primary-brown);
  background-color: rgba(217, 197, 160, 0.31);
  border-radius: 8px;
  font-size: 1rem;
  transition: all 0.3s ease;
  box-sizing: border-box;
}

input:focus,
select:focus,
textarea:focus,
.nice-select:focus {
  /* HOZZÁADVA: NiceSelect fókusz állapot */
  outline: none;
  border-color: var(--color-sand-light);
  box-shadow: 0 0 0 2px var(--color-light-green);
  background-color: rgba(199, 244, 100, 0.13);
}


/* Placeholder színezése minden böngészőhöz */
input::placeholder, 
textarea::placeholder {
    color: var(--color-primary-brown);
    opacity: 0.6; /* Kicsit halványabb, hogy elváljon a beírt szövegtől */
}

/* Internet Explorer és Edge korábbi verzióihoz */
input:-ms-input-placeholder, 
textarea:-ms-input-placeholder {
    color: var(--color-primary-brown);
}

/* --- NiceSelect Stabilitás --- */
.nice-select {
    width: 100% !important;
    border-radius: 8px !important;
    border: 1px solid var(--color-primary-brown) !important;
    background-color: rgba(217, 197, 160, 0.2) !important;
    position: relative !important;
    float: none !important;
}

/* A lista csak akkor látszódik, ha nyitva van a select */
.nice-select .list {
    width: 100% !important;
    max-height: 250px !important;
    overflow-y: auto !important;
    z-index: 9999 !important;
    box-shadow: 0 8px 16px rgba(0,0,0,0.15) !important;
    background-color: #f1f8e9 !important;
    transform: none !important; /* Fix ugrálás ellen */
}

/* Keresőmező fixálása a tetejére */
.nice-select-search-box {
    position: sticky !important;
    top: 0 !important;
    padding: 10px !important;
    background: #f1f8e9 !important;
    z-index: 10;
}

.nice-select-search {
    background: #fff !important;
    border: 1px solid #ccc !important;
}

/* Keresési szűrés megjelenítése */
.nice-select .option.disabled {
    display: none !important;
}

.nice-select .option:hover, .nice-select .option.focus {
    background-color: rgba(89, 44, 14, 0.8) !important;
    color: #fff !important;
}

/* Animáció a szekció megjelenítéséhez */
#survey-fields {
    border-top: 1px solid #ddd;
    margin-top: 20px;
    padding-top: 20px;
    animation: fadeIn 0.3s ease-out;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-5px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 600px) {
    .grid { grid-template-columns: 1fr; }
    .full-width { grid-column: span 1; }
}