.conditional-field { display: none; }
.conditional-field.active { display: block; }

.current-thumb img {
    max-width: 120px;
    max-height: 160px;
    border-radius: 10px;
}
    .category-selector fieldset { border: none; padding: 0; margin: 0; }
    .category-selector legend { font-size: 1.2rem; font-family: 'Playfair Display', serif; color: #5a3e2b; }
    .parent-cats label { display: inline-flex; align-items: center; margin-right: 1.5rem; cursor: pointer; }
    .child-cats label { display: inline-block; margin: 0 1.5rem 0.5rem 0; cursor: pointer; }
    .parent-cats input[type="radio"], .child-cats input[type="radio"] { margin-right: 5px; }
    
    .child-cats-container { display: none; margin-top: 5px; padding: 5px; background-color: #f9f5ef; border: 1px dashed #d4c8b8; border-radius: 4px; }
    .child-cats-container.active { display: block; }
    .child-cats-container label {margin-right:1rem;}
    
    #featured-image-upload { display: none; }
    #featured-image-upload.active { display: block; }
    .publish-form input[type="file"] { border: 1px dashed #d4c8b8; padding: 1rem; background-color: #f9f5ef; width: 100%; border-radius: 4px; }


.form-group {
  text-align: left;
  margin-bottom: 1.2rem;
  position: relative;
}

.form-group label {
  display: block;
  font-size: 0.9rem;
  margin-bottom: 0.4rem;
  font-weight: 600;
  color: #333;
}

.form-group input[type="text"],
.form-group input[type="email"],
.form-group input[type="password"],
.form-group input[type="number"],
.form-group input[type="url"],
.form-group select,
.form-group textarea {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid #ccc;
  border-radius: 0.5rem;
  font-size: 0.95rem;
  transition: border 0.2s;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
  border-color: #2575fc;
  outline: none;
  box-shadow: 0 0 0 3px rgba(37, 117, 252, 0.2);
}



.checkbox-group,
.radio-group {
  text-align: left;
  margin-bottom: 1rem;
  font-size: 0.9rem;
}

.checkbox-group a,
.radio-group a {
  color: #2575fc;
  text-decoration: none;
}

.checkbox-group a:hover,
.radio-group a:hover {
  text-decoration: underline;
}