/* --- Rig detail: Directions textarea should never overflow --- */
.directions-textarea{
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  resize: vertical;
}

/* keep it reasonable on phones */
@media (max-width: 576px){
  .directions-textarea{
    font-size: 16px;      /* prevents iOS zoom */
    line-height: 1.2;
    min-height: 120px;    /* ~rows=4 */
  }

  /* if any long strings are inside cards, stop overflow */
  .card, .card-body{
    overflow-wrap: anywhere;
    word-break: break-word;
  }
  
  /* Rig Files - Notes textarea (mobile friendly) */
.notes-textarea{
  font-size: 16px;     /* prevents iOS zoom */
  max-height: 120px;   /* keeps it from taking over mobile */
  resize: vertical;    /* user can expand if needed */
}
}