/* assets/custom.css */

#logo-img {
  max-width: 300px;
  max-height: 90px;
  width: auto;
  height: auto;
}

/* Soften Bulma’s .label so it isn’t heavier than the section titles */
.label {
  font-weight: 500;      
  color: #4a4a4a;        
  font-size: 0.9rem;     
}

/* Make box subtitles bolder than Bulma’s default */
.box > .subtitle.is-6 {
  font-size: 1rem;       
  font-weight: 600;      
  color: #363636;        
  margin-bottom: 0.75rem;
  border-bottom: none;   
  padding-bottom: 0;     
}

/* Box styling tweaks */
.box {
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  border-radius: 0.5rem;
}

/* Extra spacing between fields */
.field + .field {
  margin-top: 1rem;
}

/* Widen the labels in the certification rows */
.field-label.is-normal {
  /* Bulma uses flex: 0 0 auto; here – we override to give more constant width */
  flex: 0 0 300px !important;
  max-width: 300px;
}

/* Shrink the date‐picker fields */
input[name="onsetDate"],
input[name="lastVisit"],
input[name="ptDOB"] {
  max-width: 160px !important;
}

/* Make all Bulma checkbox & radio labels taller so extra inputs don’t shift the line */
label.checkbox,
label.radio {
  line-height: 2.7rem;
}


/* Increase label width for horizontal recent-history fields */
.field.is-horizontal .field-label.is-normal {
  flex: 0 0 700px !important;
  max-width: 700px !important;
  width: 700px !important;
}